:root{--w:min(100vw,calc(100vh*800/1757));--u:calc(var(--w)/800);
--navy:#0c2250;--ink:#0a1a40;--gold:#ffc83a;--gold2:#ff9d12;--cy:#6fe3ff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#06122e;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}
body{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito","Baloo 2",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:900;color:#fff}
button{font:inherit;color:inherit;border:0;padding:0;margin:0;background:none;cursor:pointer}
b,em,i{font-style:normal;font-weight:900}
img{display:block;-webkit-user-drag:none;pointer-events:none}
svg{display:block}
#phone{position:relative;height:100vh;width:var(--w);margin:0 auto;overflow:hidden;background:linear-gradient(#2f8fe6,#bfe3ff)}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.screen{position:absolute;inset:0;display:none;pointer-events:none}
.screen.on{display:block}
.screen>*{position:absolute;pointer-events:auto}
.t{-webkit-text-stroke:calc(var(--u)*8) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*5) 0 var(--ink)}
.t2{-webkit-text-stroke:calc(var(--u)*6) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*3) 0 var(--ink)}
.t3{-webkit-text-stroke:calc(var(--u)*4) var(--ink);paint-order:stroke fill}
.chip,.pill,.panel{background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4,0 calc(var(--u)*4) 0 rgba(4,12,40,.45)}
.chip{display:flex;align-items:center;border-radius:calc(var(--u)*38)}
.chip b{font-size:calc(var(--u)*40);line-height:1}
.chip img{width:calc(var(--u)*62);height:calc(var(--u)*62);object-fit:contain}
.pill{display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u)*16)}

/* LOADING */
#s-loading{background:linear-gradient(#1b66c4,#0a2a66)}
.logo-big{left:calc(var(--u)*100);top:calc(var(--u)*500);width:calc(var(--u)*600);height:calc(var(--u)*330);object-fit:contain}
.loadbar{left:calc(var(--u)*150);top:calc(var(--u)*900);width:calc(var(--u)*500);height:calc(var(--u)*30);border-radius:calc(var(--u)*15);background:#07163a;border:calc(var(--u)*3) solid #2a62c4;overflow:hidden}
#loadFill{display:block;height:100%;width:0;background:linear-gradient(#ffe27a,#ff9d12)}
.loadtxt{left:0;width:100%;top:calc(var(--u)*950);text-align:center;font-size:calc(var(--u)*30)}
#loadMsg{color:#fff;font-size:calc(var(--u)*34)}

/* LOBBY (H 1757) */
.logo{left:calc(var(--u)*10);top:calc(var(--u)*60);width:calc(var(--u)*400);height:calc(var(--u)*230);object-fit:contain;object-position:left center}
#c-coins{left:calc(var(--u)*425);top:calc(var(--u)*115);width:calc(var(--u)*245);height:calc(var(--u)*75);padding-left:calc(var(--u)*12);gap:calc(var(--u)*30);position:absolute}
#c-coins b{flex:1;text-align:center;font-size:calc(var(--u)*42)}
#coinPlus{width:calc(var(--u)*56);height:calc(var(--u)*56);margin-right:calc(var(--u)*10);flex:none}
#coinPlus svg{width:100%;height:100%}
#settings{left:calc(var(--u)*692);top:calc(var(--u)*113);width:calc(var(--u)*86);height:calc(var(--u)*79);justify-content:center;padding:0;border-radius:calc(var(--u)*18)}
#settings svg{width:calc(var(--u)*56);height:calc(var(--u)*56)}
#route{left:calc(var(--u)*418);bottom:calc(var(--u)*432);width:calc(var(--u)*367);height:calc(var(--u)*630);border-radius:calc(var(--u)*28);background:linear-gradient(#10316f,#0a1f4d);border:calc(var(--u)*5) solid #2a78e0;box-shadow:0 0 0 calc(var(--u)*3) #07163a,0 calc(var(--u)*6) 0 rgba(4,12,40,.5);cursor:pointer}
#route>*{position:absolute}
.rpic{left:calc(var(--u)*20);top:calc(var(--u)*18);width:calc(var(--u)*319);height:calc(var(--u)*204);border-radius:calc(var(--u)*14);overflow:hidden;border:calc(var(--u)*3) solid #07163a}
.rpic img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
#routeName{left:calc(var(--u)*24);right:calc(var(--u)*10);top:calc(var(--u)*236);font-size:calc(var(--u)*44);line-height:1.2;white-space:nowrap;text-shadow:0 calc(var(--u)*3) 0 var(--ink);-webkit-text-stroke:calc(var(--u)*5) var(--ink)}
.pin{left:calc(var(--u)*22);top:calc(var(--u)*306);width:calc(var(--u)*36);height:calc(var(--u)*36)}
.rline{left:calc(var(--u)*70);top:calc(var(--u)*296);width:calc(var(--u)*285);font-size:calc(var(--u)*25);line-height:1.3;color:#bcd8ff;font-weight:800;-webkit-text-stroke:calc(var(--u)*3) var(--ink)}
.rbox{top:calc(var(--u)*387);height:calc(var(--u)*80);border-radius:calc(var(--u)*24);background:#0a1d4a;border:calc(var(--u)*3) solid #1f4a99;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*18)}
#rb1{left:calc(var(--u)*12);width:calc(var(--u)*165)}#rb2{left:calc(var(--u)*196);width:calc(var(--u)*148)}
.rbox img{width:calc(var(--u)*58);height:calc(var(--u)*58);object-fit:contain}
.rbox b{font-size:calc(var(--u)*38);line-height:1}
#deliver{left:calc(var(--u)*10);top:calc(var(--u)*492);width:calc(var(--u)*331);height:calc(var(--u)*110);border-radius:calc(var(--u)*30);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*12);background:linear-gradient(#ffd94a 0,#ffc02a 45%,#ff9d12 100%);border:calc(var(--u)*5) solid #8a4a06;box-shadow:inset 0 calc(var(--u)*7) 0 #fff0a0,inset 0 calc(var(--u)*-8) 0 #e9820a,0 calc(var(--u)*7) 0 #7a3d05}
#deliver b{font-size:calc(var(--u)*58);line-height:1;letter-spacing:calc(var(--u)*1);-webkit-text-stroke:calc(var(--u)*7) #5a2f08;text-shadow:0 calc(var(--u)*5) 0 #8a4a06}
#deliver svg{width:calc(var(--u)*42);height:calc(var(--u)*42);filter:drop-shadow(0 calc(var(--u)*3) 0 #8a4a06)}
#deliver:active,#again:active{transform:translateY(calc(var(--u)*4))}
#deliver:disabled{filter:grayscale(1) brightness(.7);cursor:default}
#tabs{left:0;right:0;bottom:calc(var(--u)*67);height:calc(var(--u)*150);pointer-events:none}
.tab{position:absolute;top:0;height:calc(var(--u)*150);display:flex;flex-direction:column;align-items:center;border-radius:calc(var(--u)*30);background:linear-gradient(#173f86,#0b2352);border:calc(var(--u)*4) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4,0 calc(var(--u)*5) 0 rgba(4,12,40,.45);pointer-events:auto}
#tab-lobby{left:calc(var(--u)*25);width:calc(var(--u)*175)}#tab-routes{left:calc(var(--u)*205);width:calc(var(--u)*193)}#tab-inventory{left:calc(var(--u)*403);width:calc(var(--u)*195)}#tab-shop{left:calc(var(--u)*603);width:calc(var(--u)*175)}
.tab img{width:calc(var(--u)*80);height:calc(var(--u)*80);object-fit:contain;margin-top:calc(var(--u)*14)}
.tab b{font-size:calc(var(--u)*24);color:#d6e4ff;margin-top:calc(var(--u)*6);line-height:1;letter-spacing:calc(var(--u)*.5)}
.tab.on{background:linear-gradient(#1f6fd6,#0f3e8c);box-shadow:inset 0 0 0 calc(var(--u)*5) var(--cy),0 0 calc(var(--u)*26) rgba(111,227,255,.8)}
.tab.on b{color:#fff}

/* sheets */
.sheet{left:calc(var(--u)*25);right:calc(var(--u)*25);top:calc(var(--u)*300);bottom:calc(var(--u)*232);display:none;padding:calc(var(--u)*24) calc(var(--u)*26);background:linear-gradient(rgba(10,34,84,.96),rgba(6,20,58,.98));border-radius:calc(var(--u)*34);border:calc(var(--u)*5) solid #2a62c4;box-shadow:0 0 0 calc(var(--u)*3) #07163a;overflow:auto}
.sheet.open{display:block}
.sheet h2,.win h2{margin:0 0 calc(var(--u)*20);text-align:center;font-size:calc(var(--u)*58);line-height:1.1}
.list{display:flex;flex-direction:column;gap:calc(var(--u)*20)}
.card{position:relative;display:flex;align-items:center;gap:calc(var(--u)*22);text-align:left;min-height:calc(var(--u)*176);padding:calc(var(--u)*14);border-radius:calc(var(--u)*26);background:linear-gradient(#18458f,#0b2352);border:calc(var(--u)*4) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4;width:100%}
.card img{width:calc(var(--u)*250);height:calc(var(--u)*148);object-fit:cover;object-position:50% 30%;border-radius:calc(var(--u)*16);border:calc(var(--u)*3) solid #07163a;flex:none}
.card .ct{display:flex;flex-direction:column;gap:calc(var(--u)*6);flex:1;min-width:0;padding-left:calc(var(--u)*6)}
.card .ct b{font-size:calc(var(--u)*40);line-height:1.1}
.card .sub{font-size:calc(var(--u)*25);color:#c5d9ff;font-weight:800;line-height:1.2}
.card.sel{background:linear-gradient(#2a7ae0,#10408f);box-shadow:inset 0 0 0 calc(var(--u)*5) var(--gold),0 0 calc(var(--u)*22) rgba(255,200,58,.55)}
.card:disabled{filter:grayscale(.8) brightness(.7);cursor:default}
.stars{display:flex;gap:calc(var(--u)*4);flex:none}
.stars svg{width:calc(var(--u)*44);height:calc(var(--u)*44);fill:#4b5c88;stroke:#1d2a52}
.stars svg.on{fill:var(--gold);stroke:#a55a06}
.card.inv{min-height:calc(var(--u)*120)}
.shopc .lvl{font-size:calc(var(--u)*32);color:var(--gold)}
#buy-straps{flex:none;display:flex;align-items:center;gap:calc(var(--u)*12);height:calc(var(--u)*100);padding:0 calc(var(--u)*26);border-radius:calc(var(--u)*26);background:linear-gradient(#ffd94a,#ff9d12);border:calc(var(--u)*5) solid #8a4a06;box-shadow:inset 0 calc(var(--u)*5) 0 #fff0a0,0 calc(var(--u)*5) 0 #7a3d05}
#buy-straps img{width:calc(var(--u)*54);height:calc(var(--u)*54);border:0;border-radius:0;object-fit:contain}
#buy-straps b{font-size:calc(var(--u)*44);line-height:1}
#buy-straps.poor{filter:saturate(.35) brightness(.8)}
#buy-straps.max{filter:grayscale(1) brightness(.75)}

/* RUN (H 1757) */
.logo-s{left:calc(var(--u)*14);top:calc(var(--u)*38);width:calc(var(--u)*270);height:calc(var(--u)*160);object-fit:contain;object-position:left center;pointer-events:none!important}
#cargo{left:calc(var(--u)*298);top:calc(var(--u)*78);width:calc(var(--u)*287);height:calc(var(--u)*74);border-radius:calc(var(--u)*16)}
#cargoLbl{position:absolute;left:calc(var(--u)*14);top:calc(var(--u)*6);font-size:calc(var(--u)*26);line-height:1.1}
#cargo .track{position:absolute;left:calc(var(--u)*14);top:calc(var(--u)*40);width:calc(var(--u)*225);height:calc(var(--u)*17);border-radius:calc(var(--u)*9);background:#07163a;border:calc(var(--u)*2) solid #3a5aa0;overflow:hidden}
#cargoFill{display:block;height:100%;border-radius:calc(var(--u)*8);background:linear-gradient(#ffd94a,#ff9d12);transition:width .12s linear}
#cargo>img{position:absolute;right:calc(var(--u)*6);top:calc(var(--u)*24);width:calc(var(--u)*44);height:calc(var(--u)*44);object-fit:contain}
#cargo[data-state=low] #cargoFill{background:linear-gradient(#ff8a5a,#ee3b1c)}
#cargo[data-state=tip] #cargoFill{background:linear-gradient(#ff6a5a,#d41818)}
#cargo[data-state=tip]{animation:flash .3s steps(2) infinite}
@keyframes flash{50%{box-shadow:inset 0 0 0 calc(var(--u)*3) #ff4a3a,0 0 calc(var(--u)*24) #ff3a2a}}
#coinPill{left:calc(var(--u)*628);top:calc(var(--u)*72);width:calc(var(--u)*150);height:calc(var(--u)*65);gap:calc(var(--u)*14)}
#coinPill img{width:calc(var(--u)*50);height:calc(var(--u)*50);object-fit:contain}
#hudCoins{font-size:calc(var(--u)*38);line-height:1;min-width:calc(var(--u)*56);text-align:center}
#delivery-box{left:calc(var(--u)*265);top:calc(var(--u)*168);width:calc(var(--u)*282);height:calc(var(--u)*92);border-radius:calc(var(--u)*22)}
#delivery-box>*{position:absolute}
.dp{left:calc(var(--u)*12);top:calc(var(--u)*10);width:calc(var(--u)*48);height:calc(var(--u)*46);object-fit:contain}
#delivery{left:calc(var(--u)*60);right:0;top:calc(var(--u)*13);text-align:center;font-size:calc(var(--u)*27);line-height:1.2;white-space:nowrap}
#steps{inset:0;pointer-events:none}
#steps::before{content:"";position:absolute;left:calc(var(--u)*52);width:calc(var(--u)*199);top:calc(var(--u)*65);height:calc(var(--u)*4);background:#58729f}
.step{position:absolute;top:calc(var(--u)*54);width:calc(var(--u)*26);height:calc(var(--u)*26);border-radius:50%;background:#55688f;border:calc(var(--u)*3) solid #2b3d6a;display:flex;align-items:center;justify-content:center}
.step:nth-child(1){left:calc(var(--u)*39)}.step:nth-child(2){left:calc(var(--u)*92)}.step:nth-child(3){left:calc(var(--u)*145)}.step:nth-child(4){left:calc(var(--u)*193)}.step:nth-child(5){left:calc(var(--u)*238)}
.step.done{background:#2ec45a;border-color:#fff;box-shadow:0 0 0 calc(var(--u)*1.5) #0a5a24}
.step.done::after{content:"";width:calc(var(--u)*11);height:calc(var(--u)*6);border-left:calc(var(--u)*3.5) solid #fff;border-bottom:calc(var(--u)*3.5) solid #fff;transform:translateY(calc(var(--u)*-2)) rotate(-45deg)}
.step.now{background:#ffd428;border-color:#fff3a0;box-shadow:0 0 calc(var(--u)*10) #ffd428}
#chapter{position:absolute;left:calc(var(--u)*-9999);top:0;opacity:0;pointer-events:none!important}
#pause{left:calc(var(--u)*712);top:calc(var(--u)*166);width:calc(var(--u)*60);height:calc(var(--u)*60);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4,0 calc(var(--u)*4) 0 rgba(4,12,40,.45)}
#pause svg{width:calc(var(--u)*34);height:calc(var(--u)*34)}
#banner{left:0;width:100%;top:calc(var(--u)*620);text-align:center;font-size:calc(var(--u)*120);line-height:1.1;color:#ffe27a;pointer-events:none!important;display:none}
#banner.on{display:block;animation:pop .5s ease-out}
@keyframes pop{from{transform:scale(1.6);opacity:0}35%{opacity:1}to{transform:scale(1)}}
#toast{left:0;width:100%;top:calc(var(--u)*820);height:calc(var(--u)*200);pointer-events:none!important}
#toast span{position:absolute;left:0;width:100%;top:0;text-align:center;font-size:calc(var(--u)*68);line-height:1;color:#ffe27a;-webkit-text-stroke:calc(var(--u)*8) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*4) 0 var(--ink);animation:rise 1.1s ease-out forwards}
@keyframes rise{from{transform:translateY(calc(var(--u)*30));opacity:0}15%{opacity:1}to{transform:translateY(calc(var(--u)*-120));opacity:0}}
#stick{left:calc(var(--u)*33);bottom:calc(var(--u)*77);width:calc(var(--u)*270);height:calc(var(--u)*270);border-radius:50%;background:radial-gradient(circle,rgba(70,92,130,.82) 40%,rgba(36,52,86,.88));border:calc(var(--u)*5) solid rgba(160,185,225,.55);box-shadow:inset 0 0 0 calc(var(--u)*2) rgba(7,22,58,.5);touch-action:none}
#stick .arr{position:absolute;inset:0;width:100%;height:100%}
#knob{position:absolute;left:calc(var(--u)*73);top:calc(var(--u)*73);width:calc(var(--u)*124);height:calc(var(--u)*124);border-radius:50%;background:radial-gradient(circle at 40% 30%,#4aa3ff,#1e66d8 60%,#1348a8);border:calc(var(--u)*4) solid #0c3a8a;box-shadow:inset 0 calc(var(--u)*-6) 0 rgba(0,20,100,.35),0 calc(var(--u)*5) 0 rgba(4,12,40,.45)}
#balance{left:calc(var(--u)*653);bottom:calc(var(--u)*362);width:calc(var(--u)*124);height:calc(var(--u)*124);border-radius:50%;background:radial-gradient(circle at 50% 30%,#2fc0c0,#0e8a92 75%);border:calc(var(--u)*5) solid #0a4a58;box-shadow:inset 0 0 0 calc(var(--u)*4) #5fe0e0,0 calc(var(--u)*5) 0 rgba(4,30,40,.5)}
#balance img{position:absolute;left:calc(var(--u)*28);top:calc(var(--u)*10);width:calc(var(--u)*60);height:calc(var(--u)*60);object-fit:contain}
#balance .lbl{position:absolute;left:0;right:0;top:calc(var(--u)*76);text-align:center;font-size:calc(var(--u)*21);line-height:1;-webkit-text-stroke:calc(var(--u)*4) #0a4a58}
#balance .secs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u)*64);line-height:1;-webkit-text-stroke:calc(var(--u)*6) #0a4a58}
#balance.cd{filter:saturate(.3) brightness(.7)}
#balance.cd img,#balance.cd .lbl{opacity:.35}
#balance:active,#jump:active{transform:scale(.94)}
#jump{left:calc(var(--u)*526);bottom:calc(var(--u)*97);width:calc(var(--u)*224);height:calc(var(--u)*224);border-radius:50%;background:radial-gradient(circle at 50% 30%,#ffd94a,#ff9d12 70%,#ee7d08);border:calc(var(--u)*6) solid #7a3d05;box-shadow:inset 0 0 0 calc(var(--u)*6) #ffe98a,0 calc(var(--u)*7) 0 rgba(60,25,0,.55)}
#jump svg{position:absolute;left:calc(var(--u)*57);top:calc(var(--u)*22);width:calc(var(--u)*100);height:calc(var(--u)*100)}
#jump b{position:absolute;left:0;right:0;bottom:calc(var(--u)*34);text-align:center;font-size:calc(var(--u)*44);line-height:1;color:#fff4d0;-webkit-text-stroke:calc(var(--u)*7) #7a3d05}

/* RESULT (H 1757) */
#resultTitle{left:calc(var(--u)*40);top:calc(var(--u)*10);width:calc(var(--u)*720);height:calc(var(--u)*480);object-fit:contain;pointer-events:none!important}
#stars{left:calc(var(--u)*250);top:calc(var(--u)*430);width:calc(var(--u)*300);height:calc(var(--u)*80);display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.star{width:calc(var(--u)*86);height:calc(var(--u)*86);fill:#3d4f7c;stroke:#17244a;stroke-width:1.6;filter:drop-shadow(0 calc(var(--u)*4) 0 rgba(4,12,40,.5))}
.star:nth-child(2){transform:translateY(calc(var(--u)*-14)) scale(1.12)}
.star.on{fill:var(--gold);stroke:#a55a06}
#rpanel{left:calc(var(--u)*60);bottom:calc(var(--u)*357);width:calc(var(--u)*680);height:calc(var(--u)*340);border-radius:calc(var(--u)*30);background:linear-gradient(#10316f,#0a2050);border:calc(var(--u)*4) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4,0 calc(var(--u)*6) 0 rgba(4,12,40,.45)}
#rpanel>*{position:absolute}
#resultRoute{left:0;right:0;top:calc(var(--u)*20);text-align:center;font-size:calc(var(--u)*44);line-height:1.2}
.row{left:calc(var(--u)*40);right:calc(var(--u)*40);height:calc(var(--u)*70);display:flex;align-items:center;justify-content:space-between;border-top:calc(var(--u)*3) solid #1f4a99}
.row:nth-of-type(1){top:calc(var(--u)*92)}.row:nth-of-type(2){top:calc(var(--u)*166)}.row:nth-of-type(3){top:calc(var(--u)*240)}
.row span{font-size:calc(var(--u)*34);color:#d6e4ff}
.row b{font-size:calc(var(--u)*46);line-height:1}
.coinrow{justify-content:flex-start;gap:calc(var(--u)*20)}
.coinrow img{width:calc(var(--u)*58);height:calc(var(--u)*58);object-fit:contain}
.coinrow b{color:var(--gold)}
.coinrow span{margin-left:auto;font-size:calc(var(--u)*21);text-align:right;font-weight:800;max-width:calc(var(--u)*300);line-height:1.15}
#again{left:calc(var(--u)*90);bottom:calc(var(--u)*217);width:calc(var(--u)*620);height:calc(var(--u)*110);border-radius:calc(var(--u)*30);display:flex;align-items:center;justify-content:center;background:linear-gradient(#ffd94a 0,#ffc02a 45%,#ff9d12 100%);border:calc(var(--u)*5) solid #8a4a06;box-shadow:inset 0 calc(var(--u)*7) 0 #fff0a0,inset 0 calc(var(--u)*-8) 0 #e9820a,0 calc(var(--u)*7) 0 #7a3d05}
#again b{font-size:calc(var(--u)*56);line-height:1;-webkit-text-stroke:calc(var(--u)*7) #5a2f08;text-shadow:0 calc(var(--u)*5) 0 #8a4a06}
#home{left:calc(var(--u)*240);bottom:calc(var(--u)*107);width:calc(var(--u)*320);height:calc(var(--u)*85);border-radius:calc(var(--u)*24);display:flex;align-items:center;justify-content:center;background:linear-gradient(#18458f,#0b2352);border:calc(var(--u)*5) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4,0 calc(var(--u)*6) 0 rgba(4,12,40,.5)}
#home b{font-size:calc(var(--u)*42);line-height:1}

/* modal */
.modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,10,34,.62);z-index:20}
.modal.open{display:flex}
.win{width:calc(var(--u)*600);padding:calc(var(--u)*34) calc(var(--u)*40) calc(var(--u)*40);border-radius:calc(var(--u)*36);background:linear-gradient(#143a7c,#0a2050);border:calc(var(--u)*5) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4;display:flex;flex-direction:column;gap:calc(var(--u)*22)}
.win label{display:flex;flex-direction:column;gap:calc(var(--u)*10);font-size:calc(var(--u)*32)}
.win input[type=range]{width:100%;height:calc(var(--u)*44);accent-color:#ffc83a}
.win button{height:calc(var(--u)*100);border-radius:calc(var(--u)*26);border:calc(var(--u)*5) solid #07163a}
.win button b{font-size:calc(var(--u)*44)}
.win .gold{background:linear-gradient(#ffd94a,#ff9d12);border-color:#7a3d05}
.win .blue{background:linear-gradient(#2a7ae0,#10408f)}
#panel:not(.inrun) #quit{display:none}
#s-lobby,#s-play,#s-result,#s-loading{z-index:1}