.App{width:100%;overflow:hidden;min-height:100vh;transition:opacity .5s}.App_bg{position:fixed;width:100%;height:100vh;top:0;left:0;background-image:url(/bg.webp);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1}@font-face{font-family:SFcompactBold;src:url(/fonts/SFRoundBold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:TitanOneRegular;src:url(/fonts/TitanOne-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:InterRegular;src:url(/fonts/Inter.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SFProSemibold;src:url(/fonts/SFProDisplaySemiBold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SFProRegular;src:url(/fonts/SFPRODISPLAYREGULAR.OTF) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:RobotoRegular;src:url(/fonts/Roboto.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MyFont;src:url(/fonts/Inter.ttf) format("truetype");font-weight:700;font-style:normal}.SlideBtn{width:100%;display:flex;justify-content:center;gap:12px}@media (max-width: 360px){.SlideBtn{flex-wrap:wrap}}.SlideBtn_content{width:100%;display:flex;gap:8px;position:relative}.SlideBtn_item{flex:1;position:relative;height:40px;border-radius:12px;border:none;background:transparent;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.SlideBtn_item span{position:relative;z-index:2;transition:color .2s ease;font-family:TitanOneRegular}.SlideBtn_item span.active{color:#fff}.SlideBtn_slider{position:absolute;inset:0;background:linear-gradient(180deg,#8b3dff,#5b1fbf);border-radius:12px;z-index:1;box-shadow:0 6px 12px #8b3dff66}.DarkBlock{background-color:#120923;display:flex;justify-content:center;align-items:center;gap:5px;border-width:1px;border-style:solid;border-radius:16px;box-shadow:0 4px #260e50;border-color:#260e50;font-family:SFcompactBold;color:#7f719c}.DarkBlock_flexWrap{flex-wrap:wrap;align-content:start}@media (max-width: 370px){.DarkBlock_mediaAdapt{width:100%!important}}.ShadowBlock{border-radius:12px;background:#120923;display:flex;align-items:center;border:1px solid #260E50}.ShadowBlock_wfit{width:fit-content}.ShadowBlock_w100{width:100%}.ShadowBlock_size_s{padding:6px 8px;gap:8px;box-shadow:inset 0 -2px #260e50,inset 0 4px 6px #0a0015}.ShadowBlock_size_m{padding:8px 12px;gap:12px;box-shadow:inset 0 -4px #260e50,inset 0 4px 6px #0a0015}.ShadowBlock_size_l{padding:12px;gap:12px;box-shadow:inset 0 -4px #260e50,inset 0 4px 6px #0a0015}.ShadowBlock_noShadow{box-shadow:none}.ShadowBlock_textGap{gap:4px}.ShadowBlock_extraPadRight{padding-right:32px}.ShadowBlock_extraPadBot{padding-bottom:16px}.ShadowBlock_jcc{justify-content:center}.Button{width:100%;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;border-radius:16px;box-sizing:content-box;border-width:1px;border-style:solid;transition:box-shadow .1s ease-out,transform .1s ease-out,background-color .2s}.Button_pressed{transform:translateY(4px)}.Button_color_violet{background:linear-gradient(to top,#4800ac,#7d12ff);box-shadow:0 4px #260e50;border-color:#260e50}.Button_color_violet_pressed{box-shadow:0 0 #260e50}.Button_color_yellow{background:linear-gradient(to top,#ffae00,#ffd447);box-shadow:0 4px #aa4900;border-color:#aa4900}.Button_color_yellow_pressed{box-shadow:0 0 #aa4900}.Button_color_green{background:linear-gradient(to top,#04827c,#12ffbc);box-shadow:0 4px #0e5048;border-color:#0e5048}.Button_color_green_pressed{box-shadow:0 0 #0e5048}.Button_color_red{background:linear-gradient(to top,#aa1b1b,#ff523b);box-shadow:0 4px #531100;border-color:#531100}.Button_color_red_pressed{box-shadow:0 0 #531100}.Button_color_transparent{background:transparent;box-shadow:0 4px #260e50;border-color:#260e50}.Button_color_transparent_pressed{box-shadow:0 0 #260e50}.Button_size_s{min-width:34px;min-height:34px;max-width:34px;max-height:34px}.Button_size_m{width:46px;height:46px!important}.Button_size_l{width:64px;height:64px!important}.Button_wfit{max-width:none;min-width:none;width:fit-content;padding:0 12px}.Button_w100{max-width:none;min-width:none;width:100%}.Button_presseble_false{opacity:.6}.TextWithBorder{color:#fff;font-family:TitanOneRegular;line-height:35px;--twb-border-color: #000;text-shadow:0px 6px var(--twb-border-color),.92px .38px var(--twb-border-color),.71px .71px var(--twb-border-color),.38px .92px var(--twb-border-color),0 1px var(--twb-border-color),-.38px .92px var(--twb-border-color),-.71px .71px var(--twb-border-color),-.92px .38px var(--twb-border-color),-1px 0 var(--twb-border-color),0px 5px var(--twb-border-color),.92px 1.38px var(--twb-border-color),.71px 1.71px var(--twb-border-color),.38px 1.92px var(--twb-border-color),0 2px var(--twb-border-color),-.38px 1.92px var(--twb-border-color),-.71px 1.71px var(--twb-border-color),-.92px 1.38px var(--twb-border-color),-1px 1px var(--twb-border-color)}.TextWithBorder_tac{text-align:center}.TextWithBorder_color_violet{--twb-border-color: #260E50}.TextWithBorder_color_yellow{--twb-border-color: #964000}.TextWithBorder_color_green{--twb-border-color: #0E5048}.TextWithBorder_color_red{--twb-border-color: #531100}.TextWithBorder_color_transparent{--twb-border-color: #260E50}.TextWithBorder_color_white{--twb-border-color: #2D5163}.TextWithBorder_size_s{font-size:13px}.TextWithBorder_size_m{font-size:16px}.TextWithBorder_size_l{font-size:22px}.TextWithBorder_size_xl{font-size:26px}.TextWithBorder_size_2xl{font-size:32px}.TextWithBorder_green{color:#b1ffb3}.TextWithBorder_red{color:#ffcbcb}.TextWithBorder_white{color:#2d5163}@media (max-width: 444px){.TextWithBorder_media{font-size:16px}}.TextWithBorder_mb{margin-bottom:4px}.HomePage{width:100%;display:flex;flex-direction:column}.HomePage_online{color:#7f719c}.HomePage_slider{min-height:200px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 12px}.HomePage_slider_left img{transform:scaleX(-1)}.HomePage_content{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.HomePage_content_row{width:100%;display:flex;justify-content:center;gap:12px}.HomePage_content_rules{width:100%;display:flex;justify-content:center;align-items:center;font-family:SFcompactBold;color:#e6d2ff}.Onboarding{display:flex;flex-direction:column;align-items:center;justify-content:stretch;gap:24px;height:100vh}.Onboarding_top{height:100vh;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Onboarding_top img{width:100%;max-width:300px;max-height:calc(100vh - 300px);object-fit:contain}.Onboarding_bottom{display:flex;flex-direction:column}.Onboarding_bottom_desc{width:100%;margin-top:16px;text-align:center;font-family:SFcompactBold;color:#e6d2ff}.Onboarding_bottom_dots{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px;margin-bottom:24px}.Onboarding_bottom_skip{width:100%;display:flex;justify-content:center;align-items:center;margin-top:16px;padding-bottom:24px;font-family:SFcompactBold;text-decoration:underline}.Onboarding_bottom_skip_disabled{opacity:0;z-index:-9999;pointer-events:none}.Header{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;gap:20px}.Header_wrapper{z-index:9999;width:100%;position:fixed;top:0;padding:12px;display:flex;justify-content:center}.Header_left img{border-radius:50px}.Header_left_container{background-color:#120923;border-radius:50px;padding:4px 12px 4px 4px;display:flex;justify-content:space-between;align-items:center;gap:8px}.Header_left_container img{border-radius:50px}.Header_left_container_nick{font-family:SFcompactBold;font-size:13px}.Header_right_balance{position:relative;left:16px;z-index:0}.Header_right_walletBtn{position:relative;z-index:2}.Header_right_content{width:100%;display:flex;justify-content:end;align-items:center}.Header_right_content_container{width:85%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-radius:16px;box-sizing:content-box;border-width:1px;border-style:solid;transition:box-shadow .1s ease-out,transform .1s ease-out,background-color .2s;background:transparent;box-shadow:0 4px #260e50;border-color:#260e50;position:relative}.Header_right_content_amount{display:flex;justify-content:center;align-items:center;gap:8px;padding:4px;font-family:SFcompactBold}.Header_right_content_wallet{position:absolute;right:0;top:-5px}.Footer{display:flex;justify-content:center;align-items:center;z-index:9999;min-height:fit-content;transition:opacity .5s;width:100vw;height:115px;background:linear-gradient(to bottom,#29124a,#130624)}.Footer_wrapper{position:fixed;top:100vh;height:0px;display:flex;align-items:end!important}.Footer_container{max-width:500px;width:100%;display:flex;height:115px}.Footer_el{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:width .5s,background-color .5s,border-top .5s,border-radius .5s;border-radius:0;background-color:#630ad700;border-top:2px solid rgba(145,87,225,0)}.Footer_el:not(:first-child){border-left:1px solid #3C2076}.Footer_el_text{width:100%;text-align:center;transition:opacity .2s;opacity:0;font-size:12px;font-weight:700}.Footer_el_active{width:150%;background-color:#630ad7;border-top:2px solid #9157E1;border-radius:12px 12px 0 0;border-left:1px solid rgba(60,32,118,0)}.Footer_el_active .Footer_el_text{opacity:1}.Footer_el img{width:48px;height:48px;object-fit:contain}.Footer_elOld{position:relative;flex:1;height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:linear-gradient(to bottom,#29124a,#130624);box-shadow:7px 0 10px -10px #180c42;overflow:hidden}.Footer_elOld img{width:50%;max-width:100px;max-height:70px;z-index:2;object-fit:contain}.Footer_elOld_title{height:16px;font-family:SFcompactBold;font-size:13px;text-align:center;z-index:2;pointer-events:none}.Footer_active_bg{position:absolute;inset:0;border-radius:12px 12px 0 0;background:linear-gradient(to bottom,#7d12ff,#4800ac);z-index:1}.Transactions_content{margin-top:24px;width:100%;display:flex;flex-direction:column}.Transactions_block{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #260E50}.Transactions_block_left{width:50%;display:flex;justify-content:start;flex-wrap:wrap;align-content:start;gap:4px}.Transactions_block_left_title{padding-top:12px;width:100%;text-align:left;color:#e6d2ff;font-size:13px;font-family:SFcompactBold}.Transactions_block_left_date{width:100%;display:flex;justify-content:start;align-items:center;font-size:13px;color:#7f719c;gap:4px}.Transactions_block_left_status{width:100%;display:flex;justify-content:start;align-items:center;color:#7f719c;padding-bottom:12px;font-size:13px}.Transactions_block_last{border-bottom:none}.Transactions_round{width:3px;height:3px;border-radius:50px;background-color:#7f719c}.StatisticPage_row{margin-top:12px}.StatisticPage_rowl{margin-top:24px}.StatisticPage_el{width:calc(50% - 12px);display:flex;flex-direction:column}.StatisticPage_content{display:flex;flex-wrap:wrap;gap:12px}.Friends{width:100%;display:flex;flex-direction:column}.Friends_copy{padding:12px 37.5px;text-align:center;border:1px solid #260E50;border-radius:9px;font-family:SFcompactBold;color:#e6d2ff}.Friends_copy_inner{width:100%;display:flex;justify-content:center;align-items:center}.Friends_inner{margin-top:12px;display:flex;justify-content:center;align-items:start;width:100%}.Friends_link{flex-wrap:wrap;justify-content:center;padding:12px 12px 16px;gap:12px}.Friends_choise{width:100%;padding:12px 12px 16px;gap:5px}.Friends_block{width:100%;flex-wrap:wrap;padding:24px;gap:12px;justify-content:center}.Friends_block_text{width:100%;display:flex;justify-content:center;align-items:center;gap:4px;margin-bottom:12px}.Friends_block_text img{height:35px;width:35px}.Friends_content{margin-top:12px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.Friends_content_top{width:100%;display:flex;justify-content:space-between;align-items:center}.Friends_content_top_users{display:flex;justify-content:end;align-items:center;gap:4px;font-family:SFcompactBold;font-size:13px;color:#7f719c}.Friends_content_top_users span{font-family:SFcompactBold;font-size:13px;color:#e6d2ff}.Friends_content_bottom{width:100%}.Friends_text{color:#e6d2ff;width:100%;font-size:13px}.Friends_list{width:100%;flex-wrap:wrap;justify-content:center;padding:12px}.Friends_list_el{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;padding-top:12px;border-bottom:1px solid #260E50}.Friends_list_el_left{width:50%;display:flex;justify-content:start;align-items:center;gap:12px}.Friends_list_el_left img{border-radius:50px}.Friends_list_el_last{border-bottom:none}.Lvl{font-family:TitanOneRegular;padding:5.5px 12px 7.5px;border-radius:12px}.Lvl_text{line-height:17px;margin-bottom:3px}.Lvl_1{background:linear-gradient(to bottom,#29124a,#130624);border:1px solid #260E50;box-shadow:inset 0 -2px #260e50,inset 0 4px 6px #0a0015}.Lvl_2{background:linear-gradient(to bottom,#fff,#c7c7c7);border:1px solid #2D5163;box-shadow:inset 0 -2px #260e50,inset 0 4px 6px #2d5163}.Lvl_3{background:linear-gradient(to bottom,#ffd447,#ffae00);border:1px solid #964000;box-shadow:inset 0 -2px #260e50,inset 0 4px 6px #964000}.ProgressBar{width:100%;border-radius:12px;background-color:#260e50;display:flex;justify-content:start;align-items:center;height:8px}.ProgressBar_current{height:8px;border-radius:12px;background-color:#9157e2;z-index:2}.PageHeader{display:flex;align-items:center;justify-content:space-between}.PageHeader_spacer{width:34px}.CreateRoomPage_row{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px}.CreateRoomPage_rowf{margin-top:24px}.CreateRoomPage_players{justify-content:center;width:100%;display:flex;align-items:center;gap:12px}.CreateRoomPage_el{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:start}.CreateRoomPage_el_winp .Input_wrapper{width:200%!important}.Input{background-color:#0e061a;border:1px solid #260E50;padding:8px 12px;border-radius:10px;color:#c9bbe6;width:100%;transition:color .5s,background-color .5s;box-shadow:0 4px #260e50}.Input_wrapper{width:100%;display:flex;align-items:center}.Input_label{left:-12px;justify-content:right!important;color:#7f719c}.Input::placeholder{color:#7f719c}.Input:focus{outline:none;background-color:#281149}.JoinRoomPage_row{width:100%;margin-top:12px;display:flex;align-items:center;gap:12px}.JoinRoomPage_rowf{margin-top:24px}.JoinRoomPage_rooms{display:flex;flex-direction:column;gap:12px;margin-top:24px}.JoinRoomPage_room{width:100%;display:flex;align-items:center;justify-content:space-between}.JoinRoomPage_room_right{width:80px;display:flex;flex-direction:column;gap:4px}.JoinRoomPage_room_row{color:#7f719c}.JoinRoomPage_room_row span{color:#e6d2ff}.JoinRoomPage_el{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:start}.HistoryPage_content{margin-top:24px;display:flex;flex-direction:column}.HistoryPage_el{display:flex;align-items:center;width:100%;justify-content:space-between}.Game_wrapper{width:100vw;height:100vh;overflow:hidden}.Game_stat{position:fixed;top:0;left:0}.Game canvas{width:100vw;height:100vh;background:#fff2}.Game_controls{display:flex;width:100vw!important;align-items:end!important;z-index:5;pointer-events:none;opacity:0}@media (max-width: 800px){.Game_controls{opacity:1;pointer-events:all}}.Game_controls_inner{min-height:300px;min-width:300px;opacity:.5;display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center}.Game_controls_center{display:flex;justify-content:center;gap:60px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-family:SFcompactBold;color:#fff}body{background:#000}button{background:#fff;color:#000}.dnone{display:none}a{text-decoration:none}input,textarea{box-sizing:border-box;font-family:SFcompactBold}.free_img{width:0px;height:0px;display:flex;justify-content:center;align-items:center;position:relative}html{scroll-behavior:smooth}.page,.page_noUi{max-width:500px;margin:0 auto;padding:80px 16px 131px;min-height:100vh;width:100%}.page_noUi{padding:16px}.pinkText{color:#e6d2ff}.TitleDescription{margin-top:4px;width:100%;text-align:center;font-family:SFcompactBold;color:#e6d2ff}