@font-face{font-family:Passion One;font-weight:700;font-display:block;src:url(/assets/PassionOne-Bold-DeIUE96v.ttf)format("truetype")}:root{--u:clamp(.58px, min(100vw / 560, 100dvh / 480), 1px);--lcd:#7dff6a;--panel:#121416c7;--metal:#8e9297;--m:min(calc(100dvh / 720), calc(100vw / 1000));--steel-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='200'><filter id='b' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.005 .8' numOctaves='2' seed='11' stitchTiles='stitch'/><feColorMatrix values='2.4 0 0 0 -.7  2.4 0 0 0 -.7  2.4 0 0 0 -.7  0 0 0 0 .2'/></filter><rect width='100%' height='100%' filter='url(%23b)'/></svg>");--steel-grime:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='360' height='240'><filter id='g' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.011 .019' numOctaves='4' seed='23' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .13  0 0 0 0 .11  0 0 0 0 .09  0 0 0 -2.6 1.32'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");--steel-scratch:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='520' height='300' fill='none' stroke-linecap='round' stroke-width='.8'><path stroke='%23000' stroke-opacity='.3' d='M31 41.2l92 23M301 21.2l64-10M412 211.2l84 36M151 251.2l43-32M222 121.2l150 12M70 141.2l9 30M470 61.2l-22 44'/><path stroke='%23fff' stroke-opacity='.42' d='M30 40l92 23M300 20l64-10M411 210l84 36M150 250l43-32M221 120l150 12M69 140l9 30M469 60l-22 44M252 196l21 3M96 286l33-6M356 280l8-21'/></svg>");--screw-a:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><radialGradient id='h' cx='.36' cy='.3' r='.8'><stop offset='0' stop-color='%23f6f8fa'/><stop offset='.42' stop-color='%23aab0b7'/><stop offset='1' stop-color='%23444950'/></radialGradient><circle cx='16' cy='17.2' r='13.6' fill-opacity='.38'/><circle cx='16' cy='16' r='12.4' fill='%2315171a'/><circle cx='16' cy='16' r='10.4' fill='url(%23h)'/><g transform='rotate(28 16 16)'><rect x='6.4' y='14.2' width='19.2' height='3.6' rx='1' fill='%2314161a'/><rect x='6.8' y='17.5' width='18.4' height='1' fill='%23fff' fill-opacity='.5'/></g></svg>");--screw-b:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><radialGradient id='h' cx='.36' cy='.3' r='.8'><stop offset='0' stop-color='%23f6f8fa'/><stop offset='.42' stop-color='%23aab0b7'/><stop offset='1' stop-color='%23444950'/></radialGradient><circle cx='16' cy='17.2' r='13.6' fill-opacity='.38'/><circle cx='16' cy='16' r='12.4' fill='%2315171a'/><circle cx='16' cy='16' r='10.4' fill='url(%23h)'/><g transform='rotate(-52 16 16)'><rect x='6.4' y='14.2' width='19.2' height='3.6' rx='1' fill='%2314161a'/><rect x='6.8' y='17.5' width='18.4' height='1' fill='%23fff' fill-opacity='.5'/></g></svg>");--screw-c:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><radialGradient id='h' cx='.36' cy='.3' r='.8'><stop offset='0' stop-color='%23f6f8fa'/><stop offset='.42' stop-color='%23aab0b7'/><stop offset='1' stop-color='%23444950'/></radialGradient><circle cx='16' cy='17.2' r='13.6' fill-opacity='.38'/><circle cx='16' cy='16' r='12.4' fill='%2315171a'/><circle cx='16' cy='16' r='10.4' fill='url(%23h)'/><g transform='rotate(74 16 16)'><rect x='6.4' y='14.2' width='19.2' height='3.6' rx='1' fill='%2314161a'/><rect x='6.8' y='17.5' width='18.4' height='1' fill='%23fff' fill-opacity='.5'/></g></svg>");--screw-d:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><radialGradient id='h' cx='.36' cy='.3' r='.8'><stop offset='0' stop-color='%23f6f8fa'/><stop offset='.42' stop-color='%23aab0b7'/><stop offset='1' stop-color='%23444950'/></radialGradient><circle cx='16' cy='17.2' r='13.6' fill-opacity='.38'/><circle cx='16' cy='16' r='12.4' fill='%2315171a'/><circle cx='16' cy='16' r='10.4' fill='url(%23h)'/><g transform='rotate(-14 16 16)'><rect x='6.4' y='14.2' width='19.2' height='3.6' rx='1' fill='%2314161a'/><rect x='6.8' y='17.5' width='18.4' height='1' fill='%23fff' fill-opacity='.5'/></g></svg>")}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#9aa6ad;height:100%;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}#game{width:100vw;height:100vh;height:100dvh;display:block}#hud{inset:max(calc(12 * var(--u)), env(safe-area-inset-top)) max(calc(16 * var(--u)), env(safe-area-inset-right)) auto max(calc(16 * var(--u)), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:flex;position:fixed}.hud-col{align-items:flex-start;gap:calc(8 * var(--u));flex-direction:column;display:flex}.hud-col.right{align-items:flex-end}.plate{align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));--at:calc(3.5 * var(--u));--size:calc(12 * var(--u)) calc(12 * var(--u));--wear:0px 0px;--weep:radial-gradient(closest-side, #763a1680, #763a1600);--bloom:radial-gradient(closest-side, #7e3e1657, #7e3e1600);--bloom-size:calc(25 * var(--u)) calc(25 * var(--u));--bloom-at:calc(-3.5 * var(--u));background:var(--screw-a) var(--at) var(--at) / var(--size) no-repeat, var(--screw-b) calc(100% - var(--at)) var(--at) / var(--size) no-repeat, var(--screw-c) var(--at) calc(100% - var(--at)) / var(--size) no-repeat, var(--screw-d) calc(100% - var(--at)) calc(100% - var(--at)) / var(--size) no-repeat, var(--weep) calc(7 * var(--u)) calc(-5 * var(--u)) / calc(5 * var(--u)) calc(40 * var(--u)) no-repeat, var(--weep) calc(100% - 7.5 * var(--u)) calc(-3 * var(--u)) / calc(4 * var(--u)) calc(28 * var(--u)) no-repeat, var(--bloom) var(--bloom-at) var(--bloom-at) / var(--bloom-size) no-repeat, var(--bloom) calc(100% - var(--bloom-at)) var(--bloom-at) / var(--bloom-size) no-repeat, var(--bloom) var(--bloom-at) calc(100% - var(--bloom-at)) / var(--bloom-size) no-repeat, var(--bloom) calc(100% - var(--bloom-at)) calc(100% - var(--bloom-at)) / var(--bloom-size) no-repeat, var(--steel-scratch) var(--wear) / calc(520 * var(--u)) calc(300 * var(--u)), var(--steel-grime) var(--wear) / calc(360 * var(--u)) calc(240 * var(--u)), var(--steel-grain) var(--wear) / calc(400 * var(--u)) calc(200 * var(--u)), linear-gradient(180deg, #bcc2c9 0%, #8a9098 46%, #5e636a 100%);border-radius:calc(5 * var(--u));box-shadow:inset 0 calc(1.5 * var(--u)) 0 #ffffff9e, inset calc(1.5 * var(--u)) 0 0 #fff3, inset 0 calc(-2.5 * var(--u)) 0 #00000057, inset calc(-1.5 * var(--u)) 0 0 #0003, inset 0 0 calc(16 * var(--u)) #140e084d, 0 calc(4 * var(--u)) calc(10 * var(--u)) #0000008c;border:2px solid #26292d;display:flex;position:relative}.plate.small{padding:calc(7 * var(--u)) calc(13 * var(--u))}#hud .plate,#actions .plate{--at:calc(2.5 * var(--u));--size:calc(9 * var(--u)) calc(9 * var(--u))}.hud-col:not(.right) .plate{--wear:calc(-90 * var(--u)) calc(-40 * var(--u))}.hud-col.right .plate:first-child{--wear:calc(-300 * var(--u)) calc(-180 * var(--u))}#hud-coin-box{--wear:calc(-170 * var(--u)) calc(-120 * var(--u))}#action-jump .plate{--wear:calc(-380 * var(--u)) calc(-60 * var(--u))}#action-fire .plate{--wear:calc(-230 * var(--u)) calc(-210 * var(--u))}.lcd-window{align-items:flex-end;gap:calc(5 * var(--u));padding:calc(5 * var(--u)) calc(7 * var(--u));display:flex}.lcd-window,.g-stats,.g-card .g-lcd,.g-item .g-lcd{border-radius:calc(3 * var(--u));box-shadow:inset 0 calc(2 * var(--u)) calc(5 * var(--u)) #000000f2, inset 0 0 0 1px #000, 0 0 0 calc(2 * var(--u)) #25282c, 0 calc(1.2 * var(--u)) 0 calc(2 * var(--u)) #ffffff6b, 0 calc(-1.2 * var(--u)) 0 calc(2 * var(--u)) #00000073;background:linear-gradient(116deg,#ffffff16 0 19%,#ffffff06 19.4% 27%,#fff0 27.4%),repeating-linear-gradient(0deg,#0000004d 0 1px,#0000 1px 3px),radial-gradient(at 50% 45%,#13260f 0%,#0a120a 55%,#060906 100%)}.seg{line-height:0;display:block}.seg svg{height:calc(34 * var(--u));filter:drop-shadow(0 0 3px #7dff6a8c);display:block}.seg .on{fill:var(--lcd)}.seg .off{fill:#7dff6a12}.seg.gold svg{filter:drop-shadow(0 0 3px #ffc8468c)}.seg.gold .on{fill:#ffd257}.seg.gold .off{fill:#ffd25714}.seg.empty svg{filter:drop-shadow(0 0 3px #ff4a3ab3)}.seg.empty .on{fill:#ff4a3a}.seg.empty .off{fill:#ff4a3a14}#hud-jumps svg,#hud-ammo svg{height:calc(28 * var(--u))}.lcd-unit,.lcd-label{color:var(--lcd);font:700 calc(20 * var(--u))/1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-shadow:0 0 5px #7dff6a99}.lcd-unit{padding-bottom:1px}.lcd-label.big{font-size:calc(34 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u))}.lcd-window.life{align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(9 * var(--u))}.life-bar{gap:calc(2 * var(--u));display:flex}.life-bar span{width:calc(7 * var(--u));height:calc(20 * var(--u));background:var(--lcd);border-radius:1px;box-shadow:0 0 4px #7dff6a99}.life-bar span.lost{background:#ff3b30;box-shadow:0 0 4px #ff3b3099}#hud-powers{align-items:flex-end;gap:calc(6 * var(--u));flex-direction:column;display:flex}#hud-powers .plate[hidden]{display:none}.power-icon{width:calc(28 * var(--u));height:calc(28 * var(--u));padding:calc(3 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) var(--power), 0 0 calc(8 * var(--u)) var(--power);background:#101214;border-radius:50%}.power-bar{gap:calc(2 * var(--u));display:flex}.power-bar span{width:calc(6 * var(--u));height:calc(18 * var(--u));background:var(--power);box-shadow:0 0 4px var(--power);border-radius:1px}.power-bar span.lost{box-shadow:none;background:#ffffff0f}.plate.power.ending .power-bar,.plate.power.ending .power-icon{animation:.28s steps(2,jump-none) infinite power-ending}@keyframes power-ending{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.plate.power.ending .power-bar,.plate.power.ending .power-icon{animation:none}}.coin-icon{width:calc(28 * var(--u));height:calc(28 * var(--u));background:radial-gradient(circle at 35% 30%,#fff1b0 0 12%,#f2c23c 32%,#c98e22 72%);border-radius:50%;position:relative;box-shadow:inset 0 0 0 2px #a8741a,0 1px 2px #0009}.coin-icon:after{content:"★";font-size:calc(16 * var(--u));color:#a8741a;place-items:center;line-height:1;display:grid;position:absolute;inset:0}#help{bottom:max(12px, env(safe-area-inset-bottom));text-align:center;color:#e8e8e8;background:var(--panel);pointer-events:none;border-radius:4px;width:max-content;max-width:calc(100% - 32px);padding:4px 10px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}kbd{border:1px solid #aaa;border-radius:3px;padding:0 4px}#actions{inset:52% max(calc(16 * var(--u)), env(safe-area-inset-right)) auto max(calc(16 * var(--u)), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:flex;position:fixed}.action{align-items:center;gap:calc(8 * var(--u));display:flex;position:relative}.metal-btn{width:calc(72 * var(--u));height:calc(72 * var(--u));padding:calc(12 * var(--u));color:#26292d;pointer-events:auto;cursor:pointer;touch-action:none;background:radial-gradient(circle at 35% 30%,#e1e5ea,#9aa0a7 52%,#50565d);border:3px solid #26292d;border-radius:50%;box-shadow:inset 0 2px 3px #ffffff8c,inset 0 -3px 5px #00000073,0 3px 8px #00000073}.metal-btn.small{width:calc(46 * var(--u));height:calc(46 * var(--u));padding:calc(10 * var(--u));pointer-events:auto}.metal-btn:active{transform:scale(.94)}.metal-btn svg{width:100%;height:100%;display:block}#btn-pause .while-paused,body.paused #btn-pause .while-running{display:none}body.paused #btn-pause .while-paused{display:block}.key{color:#e8e8e8;background:var(--panel);border:1px solid #aaa;border-radius:3px;padding:1px 5px;font-size:11px}.gain{top:calc(-26 * var(--u));color:#ffe08a;font-size:calc(22 * var(--u));text-shadow:0 2px 3px #000000b3;opacity:0;pointer-events:none;font-weight:800;position:absolute;left:50%}#callout{color:#ff8a1f;font:italic 900 calc(44 * var(--u))/1 Impact, "Arial Black", sans-serif;letter-spacing:2px;text-shadow:0 3px #5a2200,0 0 12px #ff781499;opacity:0;pointer-events:none;position:fixed;top:22%;left:50%;transform:translate(-50%)skew(-12deg)}#streak,#streak-lost,#feat{pointer-events:none;white-space:nowrap;font-family:Impact,Arial Black,sans-serif;font-style:italic;position:fixed;left:50%;transform:translate(-50%)}#streak{top:calc(10 * var(--u));justify-items:center;gap:calc(3 * var(--u));color:#ffd21f;font-size:calc(46 * var(--u));letter-spacing:2px;text-shadow:0 3px #5a2200,0 0 12px #ff961499;visibility:hidden;line-height:1;display:grid;transform:translate(-50%)skew(-12deg)}#streak.on{visibility:visible}.streak-clock{width:calc(110 * var(--u));height:calc(7 * var(--u));background:#1a1408;border:1px solid #000;display:block;box-shadow:0 1px #ffffff40}#streak-fill{transform-origin:0;background:linear-gradient(#ffd21f,#ff8a1f);height:100%;display:block}#streak-lost{top:calc(14 * var(--u));color:#e02a1a;font-size:calc(30 * var(--u));letter-spacing:2px;text-shadow:0 2px #3a0800;opacity:0;transform:translate(-50%)skew(-12deg)}#feat{top:calc(82 * var(--u));color:#fff4d0;font-size:calc(20 * var(--u));letter-spacing:1px;text-shadow:0 2px #3a1a00,0 0 6px #000000b3;opacity:0}#teach{max-width:86vw;padding:calc(7 * var(--u)) calc(16 * var(--u));border:calc(3 * var(--u)) solid #1a0d00;border-radius:calc(4 * var(--u));box-shadow:0 calc(3 * var(--u)) 0 #5a2200;color:#1a0d00;font:italic 900 calc(20 * var(--u))/1.15 Impact, "Arial Black", sans-serif;letter-spacing:1px;text-align:center;pointer-events:none;opacity:0;background:linear-gradient(#ffa21f,#f07a10);transition:opacity .12s;position:fixed;top:31%;left:50%;transform:translate(-50%)skew(-8deg)}#teach.on{opacity:1}#warn{--size:calc(84 * var(--u));width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border:calc(5 * var(--u)) solid #120900;border-radius:calc(8 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) #ffb01f;pointer-events:none;visibility:hidden;background:#ffb01f;place-items:center;display:grid;position:fixed;top:44%;left:50%;transform:rotate(45deg)}#warn.on{visibility:visible;animation:.26s steps(2,jump-none) infinite warn-flash}#warn.left{left:30%}#warn.right{left:70%}#warn-mark{color:#120900;font:900 calc(44 * var(--u))/1 Impact, "Arial Black", sans-serif;transform:rotate(-45deg)}#warn.word #warn-mark{font-size:calc(26 * var(--u))}@keyframes warn-flash{0%{opacity:1}to{opacity:.72}}@media (prefers-reduced-motion:reduce){#warn.on{animation:none}}#hurt{opacity:0;pointer-events:none;background:radial-gradient(#ff1e1400 45%,#d7140cd9 100%);position:fixed;inset:0}#touch{display:none}.plate-icon{width:calc(28 * var(--u));height:calc(28 * var(--u));color:#26292d;filter:drop-shadow(0 1px #ffffff73);display:none}@media not all and (pointer:coarse){#btn-jump,#btn-fire{display:none}.plate-icon{display:block}}@media (pointer:coarse){:root{--steer:max(80px, calc(108 * var(--u)), 13vmin);--act:max(72px, calc(90 * var(--u)), 11vmin);--reach:24px;--edge-l:max(calc(16 * var(--u)), env(safe-area-inset-left));--edge-r:max(calc(16 * var(--u)), env(safe-area-inset-right));--edge-b:max(calc(14 * var(--u)), env(safe-area-inset-bottom))}#help{display:none}#touch{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;inset:auto 0 0}#touch button{width:clamp(calc(var(--steer) + var(--edge-l) + 40px), 34vw, calc(var(--steer) + var(--edge-l) + 150px));height:calc(var(--steer) * 52 / 64 + var(--edge-b) + var(--reach));padding:0 0 var(--edge-b);pointer-events:auto;touch-action:none;background:0 0;border:0;align-items:flex-end;display:flex}#touch #touch-left{padding-left:var(--edge-l);justify-content:flex-start}#touch #touch-right{padding-right:var(--edge-r);justify-content:flex-end}#touch svg{width:var(--steer);height:calc(var(--steer) * 52 / 64);filter:drop-shadow(0 3px 5px #00000080);flex:none;transition:transform 50ms ease-out;display:block}#touch-left svg{transform:scaleX(-1)}#touch-left.held svg{filter:drop-shadow(0 1px 2px #00000080)brightness(.82);transform:scaleX(-1)translateY(3px)scale(.92)}#touch-right.held svg{filter:drop-shadow(0 1px 2px #00000080)brightness(.82);transform:translateY(3px)scale(.92)}.key{display:none}#actions{top:max(calc(45% - var(--act) / 2), calc(100% - var(--edge-b) - var(--steer) * 26 / 64 - 220px - var(--act) / 2))}#actions .metal-btn{width:var(--act);height:var(--act);position:relative}#actions .metal-btn:before{content:"";inset:-14px -18px calc(-1 * var(--reach));position:absolute}#actions .metal-btn.held{transform:scale(.94)}.metal-btn.small{width:max(44px, calc(46 * var(--u)));height:max(44px, calc(46 * var(--u)))}@media (max-aspect-ratio:4/5){#actions{top:auto;bottom:calc(var(--edge-b) + var(--steer) * 52 / 64 + var(--reach) + 32px)}#action-jump{flex-direction:column-reverse}#action-fire{flex-direction:column}#actions .metal-btn:before{top:-6px}}@media (max-height:500px) and (min-aspect-ratio:4/3){#actions{top:auto;bottom:calc(var(--edge-b) + var(--steer) * 52 / 64 + var(--reach) + 8px)}#actions .metal-btn:before{inset:-10px -18px -6px}.hud-col.right{place-items:center end;display:grid}.hud-col.right>*{grid-column:2}#hud-powers{flex-direction:row-reverse;grid-area:2/1}}body[data-controls=mirrored] #actions,body[data-controls=mirrored] .action{flex-direction:row-reverse}body.tilting #touch{display:none}}body:not(.ready) #hud,body:not(.ready) #actions,body:not(.ready) #help,body:not(.ready) #touch{visibility:hidden}#loading{padding:calc(28 * var(--m)) 16px;z-index:10;background:linear-gradient(#0000 55%,#0000008c 100%),url(/keyart.jpg) 50%/cover,#1a1714;place-items:end center;transition:opacity .6s;display:grid;position:fixed;inset:0}body.ready #loading{opacity:0;pointer-events:none}.loading-foot{align-items:center;gap:calc(12 * var(--m));flex-direction:column;max-width:100%;display:flex}.loading-plate{padding:calc(12 * var(--m)) calc(16 * var(--m));max-width:100%}.loading-window{align-items:stretch;gap:calc(8 * var(--m));width:min(calc(440 * var(--m)), 80vw);padding:calc(10 * var(--m)) calc(12 * var(--m));flex-direction:column}.loading-bar{gap:calc(3 * var(--m));height:calc(18 * var(--m));grid-template-columns:repeat(20,1fr);display:grid}.loading-bar i{background:#7dff6a14;border-radius:1px}.loading-bar i.on{background:var(--lcd);box-shadow:0 0 5px #7dff6ab3}#loading-text{font-size:calc(18 * var(--m));text-align:center}.loading-tip{color:#f4efe6;font:700 calc(18 * var(--m)) / 1.2 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-align:center;text-shadow:0 1px 2px #000,0 0 8px #000c}#title{left:max(calc(22 * var(--m)), env(safe-area-inset-left));top:max(calc(12 * var(--m)), env(safe-area-inset-top));width:calc(560 * var(--m));z-index:11;pointer-events:none;filter:drop-shadow(0 calc(6 * var(--m)) calc(8 * var(--m)) #0000008c);margin:0;transition:opacity .35s;position:fixed}body.ready:not(.menu) #title{opacity:0}#title .logo{width:100%;display:block;overflow:visible}.logo-small,.logo-big{paint-order:stroke;stroke-linejoin:round;font-family:Passion One,Impact,sans-serif;font-weight:700}.logo-small{letter-spacing:1px;font-size:78px}.logo-big{letter-spacing:2px;font-size:168px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.defs{position:absolute}body.menu #hud,body.menu #actions,body.menu #help,body.menu #touch{visibility:hidden}#menu{--u:var(--m);z-index:6;pointer-events:none;position:fixed;inset:0}#menu[hidden]{display:none}.menu-buttons{left:max(calc(40 * var(--m)), env(safe-area-inset-left));top:calc(262 * var(--m));bottom:calc(66 * var(--m));justify-content:center;align-items:flex-start;gap:calc(18 * var(--m));flex-direction:column;display:flex;position:absolute}.menu-btn{--grime:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.03 .06' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 .16  0 0 0 0 .15  0 0 0 0 .13  0 0 0 -2.2 1.25'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--speck:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='1' seed='3'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .1  0 0 0 0 .1  0 0 0 -9 4.2'/></filter><rect width='100%' height='100%' filter='url(%23s)'/></svg>");align-items:center;gap:calc(18 * var(--m));width:calc(330 * var(--m));height:calc(84 * var(--m));padding:0 calc(22 * var(--m));pointer-events:auto;cursor:pointer;border:calc(3 * var(--m)) solid #1c1e20;border-radius:calc(14 * var(--m));background:var(--speck), var(--grime), linear-gradient(180deg, #e2e4e4 0%, #b9bcbe 55%, #9a9ea1 100%);box-shadow:inset 0 calc(3 * var(--m)) 0 #ffffffb3, inset 0 calc(-4 * var(--m)) calc(5 * var(--m)) #00000073, inset 0 0 0 calc(2 * var(--m)) #0000002e, 0 calc(5 * var(--m)) calc(10 * var(--m)) #0009;transition:transform .12s,filter .12s;display:flex;position:relative}.menu-btn:nth-child(2){margin-left:calc(32 * var(--m))}.menu-btn:nth-child(3){margin-left:calc(64 * var(--m))}.menu-buttons .menu-btn:nth-child(4){margin-left:calc(96 * var(--m))}.menu-buttons .menu-btn{width:calc(348 * var(--m))}.menu-btn:focus{filter:brightness(1.08) drop-shadow(0 0 calc(10 * var(--m)) #ffc83cbf);outline:none;transform:scale(1.05)}.menu-btn:active{transform:scale(.98)}.menu-btn svg{width:calc(56 * var(--m));height:calc(56 * var(--m));flex:none;overflow:visible}.menu-word{font:700 calc(50 * var(--m)) / 1 "Passion One", Impact, sans-serif;text-transform:uppercase;letter-spacing:calc(1 * var(--m));background:linear-gradient(#fffbe0 0%,#ffe066 38%,#f5a41c 72%,#d26a06 100%);color:#0000;--edge:calc(2 * var(--m));filter:drop-shadow(var(--edge) 0 0 #160e04) drop-shadow(calc(-1 * var(--edge)) 0 0 #160e04) drop-shadow(0 var(--edge) 0 #160e04) drop-shadow(0 calc(-1 * var(--edge)) 0 #160e04) drop-shadow(calc(2 * var(--m)) calc(3 * var(--m)) calc(1 * var(--m)) #0009);-webkit-background-clip:text;background-clip:text;display:inline-block}.menu-word:first-letter{font-size:1.2em}.menu-keys{left:calc(44 * var(--m));bottom:calc(22 * var(--m));color:#e8e8e8;background:var(--panel);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex;position:absolute}.menu-credit{right:calc(44 * var(--m));bottom:calc(22 * var(--m));color:#c8c8c8;letter-spacing:.04em;pointer-events:auto;background:var(--panel);border-radius:4px;padding:4px 10px;font-size:11px;text-decoration:none;position:absolute}.menu-credit:hover{color:#ffe066}@media (pointer:coarse){.menu-keys{display:none}}@media (prefers-reduced-motion:reduce){.menu-btn{transition:none}.menu-btn:focus{transform:none}}.account-tag{--wear:calc(-210 * var(--u)) calc(-150 * var(--u));right:max(calc(22 * var(--m)), env(safe-area-inset-right));top:max(calc(18 * var(--m)), env(safe-area-inset-top));align-items:stretch;gap:calc(10 * var(--m));padding:calc(12 * var(--m)) calc(14 * var(--m));pointer-events:auto;flex-direction:column;position:absolute}.account-tag .lcd-window{justify-content:space-between;align-items:baseline;gap:calc(16 * var(--m));padding:calc(8 * var(--m)) calc(12 * var(--m))}.account-tag .lcd-label{font-size:calc(15 * var(--m));opacity:.65}.account-name{color:var(--lcd);font:700 calc(24 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 5px #7dff6a99}.account-tag .menu-btn,.account-plate .menu-btn{margin-left:0}.account-tag .menu-btn.g-small{height:calc(48 * var(--m));padding:0 calc(16 * var(--m))}.account-tag .menu-word{font-size:calc(26 * var(--m))}#account,#menu-ranks,#menu-controls{pointer-events:auto}body.account #title,body.ranks #title,body.controls-up #title{z-index:5}.account-plate{width:calc(520 * var(--m));gap:calc(12 * var(--m))}.account-field{gap:calc(5 * var(--m));flex-direction:column;display:flex}.account-field[hidden],.account-recovery[hidden],.account-link[hidden]{display:none}.lcd-input{width:100%;padding:calc(9 * var(--m)) calc(12 * var(--m));color:var(--lcd);caret-color:var(--lcd);font:700 calc(24 * var(--m)) / 1.2 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:2px;text-shadow:0 0 5px #7dff6a99;-webkit-user-select:text;user-select:text;border:0;outline:0}.lcd-input:focus{box-shadow:inset 0 2px 5px #000000f2, 0 0 0 calc(2 * var(--m)) #ffd257, 0 0 calc(10 * var(--m)) #ffc83cbf}.lcd-input:-webkit-autofill{-webkit-text-fill-color:var(--lcd);caret-color:var(--lcd);transition:background-color 100000s}.account-caps{text-transform:uppercase}.account-recovery{padding:calc(16 * var(--m)) calc(12 * var(--m));color:var(--lcd);font:700 calc(40 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:calc(4 * var(--m));text-shadow:0 0 6px #7dff6ab3;-webkit-user-select:text;user-select:text;justify-content:center}.account-error{padding:calc(7 * var(--m)) calc(10 * var(--m));color:#ff4a3a;font:700 calc(16 * var(--m)) / 1.2 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-align:center;text-shadow:0 0 5px #ff4a3ab3;background:linear-gradient(#0c140d,#070b07);border-radius:3px;margin:0}.account-error[hidden]{display:none}.account-links{justify-content:space-between;gap:calc(12 * var(--m));display:flex}.account-link{padding:calc(2 * var(--m)) 0;color:#1d1f22;font:700 calc(15 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px #ffffff59;cursor:pointer;background:0 0;border:0;text-decoration:underline}.account-link:hover,.account-link:focus{color:#000;text-decoration-thickness:calc(2 * var(--m));outline:0}.account-plate.busy{cursor:progress}.account-plate.busy .lcd-input{opacity:.6}@media (prefers-reduced-motion:reduce){.account-plate{animation:none}}body.paused #actions,body.paused #help,body.paused #touch{visibility:hidden}body.paused #hud{z-index:7}#paused{z-index:6;pointer-events:none;background:linear-gradient(90deg,#000000ad 0%,#0000006b 36%,#00000029 100%);position:fixed;inset:0}#paused[hidden]{display:none}#paused>*{pointer-events:auto}.pause-stack{left:calc(40 * var(--m));top:max(calc(138 * var(--m)), calc(130 * var(--u)), 100px);align-items:flex-start;gap:calc(16 * var(--m));flex-direction:column;animation:.2s ease-out both pause-in;display:flex;position:absolute}.pause-title{width:calc(406 * var(--m));pointer-events:none;filter:drop-shadow(0 calc(5 * var(--m)) calc(6 * var(--m)) #0009);margin:0}.pause-title svg{width:100%;display:block;overflow:visible}.pause-word{font-size:128px}.pause-buttons{align-items:flex-start;gap:calc(12 * var(--m));flex-direction:column;display:flex}#pause-confirm{--u:var(--m)}#pause-confirm .menu-btn{margin-left:0}.pause-row{gap:calc(12 * var(--m));margin-left:calc(96 * var(--m));display:flex}.pause-row .menu-btn{width:calc(159 * var(--m));height:calc(66 * var(--m));padding:0 calc(8 * var(--m));gap:calc(8 * var(--m));border-radius:calc(12 * var(--m));justify-content:center;margin-left:0}.pause-row .menu-btn svg{width:calc(34 * var(--m));height:calc(34 * var(--m))}.pause-row .menu-word{font-size:calc(29 * var(--m))}.menu-btn[data-act=sound] .sound-off,.menu-btn[data-act=music] .sound-off,.menu-btn[data-act=sound][aria-pressed=false] .sound-on{display:none}.menu-btn[data-act=sound][aria-pressed=false] .sound-off,.menu-btn[data-act=music][aria-pressed=false] .sound-off{display:inline}#pause-confirm-text b{margin-top:calc(6 * var(--m));color:#ff4a3a;text-shadow:0 0 6px #ff4a3acc;animation:.8s steps(2,jump-none) infinite results-blink;display:block}@keyframes pause-in{0%{opacity:0;transform:translateX(calc(-28 * var(--m)))}}@media (prefers-reduced-motion:reduce){.pause-stack,#pause-confirm .g-dialog-plate,#pause-confirm-text b{animation:none}}#hud,#actions,#help,#touch{transition:opacity .5s .15s}body.intro #hud,body.intro #actions,body.intro #help,body.intro #touch{opacity:0;transition-delay:0s}#letterbox i{pointer-events:none;background:#000;height:11dvh;transition:transform .6s cubic-bezier(.6,0,.3,1);position:fixed;left:0;right:0}#letterbox i:first-child{top:0;transform:translateY(-100%)}#letterbox i:last-child{bottom:0;transform:translateY(100%)}body.intro #letterbox i{transform:none}#results{place-content:safe center;justify-items:center;gap:calc(14 * var(--u));padding:calc(16 * var(--u));z-index:5;background:radial-gradient(#00000026,#0000008c);display:grid;position:fixed;inset:0;overflow-y:auto}#results[hidden]{display:none}.results-title{color:#ff8a1f;font:italic 900 clamp(calc(40 * var(--u)), 11vw, calc(64 * var(--u))) / 1 Impact, "Arial Black", sans-serif;letter-spacing:2px;text-shadow:0 3px #5a2200,0 0 14px #ff781499;animation:.45s cubic-bezier(.2,1.4,.4,1) both results-slam;transform:skew(-12deg)}.results-plate{--wear:calc(-40 * var(--u)) calc(-20 * var(--u));align-items:stretch;gap:calc(8 * var(--u));width:min(calc(380 * var(--u)), 100%);padding:calc(16 * var(--u)) calc(18 * var(--u));flex-direction:column;animation:.4s ease-out .15s both results-drop}.results-row{padding:calc(6 * var(--u)) calc(10 * var(--u));justify-content:space-between;align-items:center}.results-row .lcd-label{font-size:calc(18 * var(--u));margin-right:auto}.results-row .seg svg{height:calc(30 * var(--u))}.results-record{color:#ff4a3a;font:700 calc(18 * var(--u))/1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-shadow:0 0 6px #ff4a3acc;align-self:center;animation:.8s steps(2,jump-none) infinite results-blink}.results-record[hidden]{display:none}.results-again{justify-content:center;align-items:center;gap:calc(10 * var(--u));margin-top:calc(6 * var(--u));display:flex}.metal-btn.pill{width:auto;height:auto;padding:calc(12 * var(--u)) calc(26 * var(--u));border-radius:calc(28 * var(--u));font:900 calc(20 * var(--u))/1 Impact, "Arial Black", sans-serif;letter-spacing:1px}.metal-btn.pill.chosen,.metal-btn.pill:hover{filter:brightness(1.08) drop-shadow(0 0 calc(9 * var(--u)) #ffc83cd9)}.metal-btn.pill.beckon{animation:1.1s ease-in-out infinite results-beckon}@keyframes results-beckon{50%{transform:scale(1.07)}}.results-gift{gap:calc(4 * var(--u));max-width:calc(330 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));color:var(--lcd);font:700 calc(14 * var(--u))/1.25 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-align:center;text-shadow:0 0 5px #7dff6a99;flex-direction:column;display:flex}.results-next{gap:calc(3 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));color:#ffd23a;font:700 calc(15 * var(--u))/1.2 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-align:center;text-shadow:0 0 6px #ffd23ab3;flex-direction:column;display:flex}.results-next[hidden],.results-gift[hidden]{display:none}.results-gift-head{color:#ffd23a;font-size:calc(18 * var(--u));text-shadow:0 0 6px #ffd23acc}.results-plates{justify-content:center;align-items:stretch;gap:calc(16 * var(--u));flex-wrap:wrap;max-width:100%;display:flex}.ranks-plate{--wear:calc(-250 * var(--u)) calc(-30 * var(--u));width:calc(330 * var(--u));max-width:100%;padding:calc(16 * var(--u)) calc(18 * var(--u));flex-direction:column;align-items:stretch;animation:.4s ease-out .25s both results-drop}.ranks-board{flex-direction:column;flex:1;display:flex}.ranks-tabs{align-items:flex-end;gap:calc(5 * var(--u));padding-left:calc(6 * var(--u));display:flex}.ranks-tab{height:calc(34 * var(--u));padding:0 calc(12 * var(--u));cursor:pointer;border-radius:calc(9 * var(--u)) calc(9 * var(--u)) 0 0;background:var(--steel-grime) 0 0 / calc(240 * var(--u)) calc(160 * var(--u)), linear-gradient(180deg, #a9adb0 0%, #85898d 100%);filter:brightness(.72);transform:translateY(calc(3 * var(--u)));border:2px solid #1c1e20;border-bottom:none;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #ffffff80}.ranks-tab+.ranks-tab{background-position:calc(-90 * var(--u)) calc(-60 * var(--u)), 0 0}.ranks-tab .menu-word{font-size:calc(20 * var(--u))}.ranks-tab:hover,.ranks-tab:focus-visible{filter:brightness(.9);outline:none}.ranks-tab.on{filter:none;background:var(--steel-grime) 0 0 / calc(240 * var(--u)) calc(160 * var(--u)), linear-gradient(180deg, #e2e4e4 0%, #b9bcbe 100%);transform:none}.ranks-tabs .key{align-self:center;margin-left:auto}.ranks-tabs .key+.key{margin-left:0}.ranks-window{--row:calc(22 * var(--u));--place:calc(26 * var(--u));align-items:stretch;gap:calc(6 * var(--u));padding:calc(9 * var(--u)) calc(9 * var(--u)) calc(8 * var(--u));flex-direction:column;flex:1}.ranks-head,.ranks-list li{grid-template-columns:minmax(var(--place), auto) 1fr auto;align-items:center;column-gap:calc(8 * var(--u));padding:0 calc(6 * var(--u));color:var(--lcd);font:700 calc(17 * var(--u)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-shadow:0 0 5px #7dff6a99;display:grid}.ranks-head{padding-bottom:calc(5 * var(--u));font-size:calc(12 * var(--u));letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;border-bottom:1px solid #7dff6a66;box-shadow:0 1px #7dff6a1f}.ranks-head span{opacity:.6}.ranks-list{gap:calc(1 * var(--u));min-height:calc(10 * var(--row) + 9 * var(--u));flex-direction:column;flex:none;margin:0;padding:0;list-style:none;display:flex}.ranks-list li{height:var(--row);border-radius:calc(2 * var(--u))}.ranks-list .place,.ranks-head .place{text-align:center}.ranks-list .place{opacity:.7}.ranks-list .alias{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;overflow:hidden}.ranks-list .score{font-variant-numeric:tabular-nums}.ranks-list .medal .place{--lit:#fff6c2;--face:#ffc93a;--deep:#a8650a;--glow:#ffc8468c;width:calc(19 * var(--u));height:calc(19 * var(--u));color:#1b1206;font-size:calc(13 * var(--u));letter-spacing:0;text-shadow:0 1px #ffffff73;opacity:1;background:radial-gradient(circle at 36% 30%, var(--lit) 0%, var(--face) 42%, var(--deep) 100%);box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #1b120647, 0 0 0 1px #160e04, 0 0 calc(6 * var(--u)) var(--glow);border-radius:50%;justify-self:center;place-items:center;display:grid}.ranks-list .m2 .place{--lit:#fff;--face:#cdd3d9;--deep:#6f767e;--glow:#d6e2ee73}.ranks-list .m3 .place{--lit:#ffdcb8;--face:#d9864a;--deep:#7a3f18;--glow:#e28c5080}.ranks-list li.mine{color:#ffd257;text-shadow:0 0 5px #ffc84699;box-shadow:inset calc(2 * var(--u)) 0 0 #ffd257;background:linear-gradient(90deg,#ffd2573d,#ffd25712)}.ranks-list li.mine .place{opacity:1}.ranks-list li.vacant{opacity:.24;text-shadow:none}.ranks-list li.say{height:auto;padding:0 calc(18 * var(--u));text-align:center;text-wrap:balance;flex:1;grid-template-columns:none;place-items:center;line-height:1.25;display:grid}.ranks-list li.red{color:#ff4a3a;text-shadow:0 0 5px #ff4a3ab3}.ranks-list li.gap{height:calc(10 * var(--u));line-height:calc(8 * var(--u));text-align:center;opacity:.6;display:block}.ranks-note{padding-top:calc(7 * var(--u));color:var(--lcd);font:700 calc(13 * var(--u)) / 1.25 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-align:center;text-wrap:balance;text-shadow:0 0 5px #7dff6a99;border-top:1px solid #7dff6a66;margin:auto 0 0}.ranks-note:empty{display:none}#menu-ranks .ranks-plate{--u:calc(1.34 * var(--m));width:calc(520 * var(--m));gap:calc(14 * var(--m));padding:calc(18 * var(--m)) calc(24 * var(--m)) calc(20 * var(--m));animation:.25s ease-out both results-drop}#menu-ranks .menu-btn,#menu-controls .menu-btn{margin-left:0}.g-dialog-plate .ranks-heading{justify-content:center;align-items:center;gap:calc(14 * var(--m));font-size:calc(40 * var(--m));letter-spacing:calc(2 * var(--m));display:flex}.ranks-heading svg{width:calc(34 * var(--m));height:calc(34 * var(--m));filter:drop-shadow(0 1px #ffffff73)}#menu-controls{--u:calc(1.34 * var(--m))}#menu-controls .ctl-plate{--wear:calc(-140 * var(--u)) calc(-200 * var(--u));width:calc(560 * var(--m));gap:calc(14 * var(--m));max-width:100%;padding:calc(18 * var(--m)) calc(24 * var(--m)) calc(20 * var(--m))}.ctl-board{flex-direction:column;display:flex}.ctl-tabs{align-items:flex-end;gap:calc(6 * var(--m));padding:0 calc(8 * var(--m));display:none}.ctl-tab{justify-content:center;align-items:center;gap:calc(9 * var(--m));height:calc(52 * var(--m));padding:0 calc(10 * var(--m));cursor:pointer;border-radius:calc(12 * var(--m)) calc(12 * var(--m)) 0 0;background:var(--steel-grime) 0 0 / calc(320 * var(--m)) calc(214 * var(--m)), linear-gradient(180deg, #a9adb0 0%, #85898d 100%);filter:brightness(.72);transform:translateY(calc(4 * var(--m)));border:2px solid #1c1e20;border-bottom:none;flex:1;transition:filter .12s,transform .12s;display:flex;box-shadow:inset 0 1px #ffffff80}.ctl-tab:nth-child(2){background-position:calc(-120 * var(--m)) calc(-80 * var(--m)), 0 0}.ctl-tab:nth-child(3){background-position:calc(-230 * var(--m)) calc(-30 * var(--m)), 0 0}.ctl-tab .menu-word{font-size:calc(27 * var(--m))}.ctl-tab:focus-visible{filter:brightness(.9);outline:none}.ctl-tab.on{filter:none;background:var(--steel-grime) 0 0 / calc(320 * var(--m)) calc(214 * var(--m)), linear-gradient(180deg, #e2e4e4 0%, #b9bcbe 100%);transform:none}.ctl-lamp{width:calc(13 * var(--m));height:calc(13 * var(--m));box-shadow:0 0 0 calc(2 * var(--m)) #25282c, 0 calc(1 * var(--m)) 0 calc(2 * var(--m)) #ffffff73, inset 0 calc(1 * var(--m)) calc(2 * var(--m)) #000000e6;background:radial-gradient(circle at 38% 32%,#2c3a2a 0%,#0b120b 62%);border-radius:50%;flex:none}.ctl-tab.on .ctl-lamp{background:radial-gradient(circle at 38% 32%, #f0ffe9 0%, var(--lcd) 38%, #2f8a25 100%);box-shadow:0 0 0 calc(2 * var(--m)) #25282c, 0 calc(1 * var(--m)) 0 calc(2 * var(--m)) #ffffff73, 0 0 calc(9 * var(--m)) calc(2 * var(--m)) #7dff6abf}.ctl-window{align-items:stretch;gap:calc(10 * var(--m));padding:calc(14 * var(--m)) calc(16 * var(--m)) calc(12 * var(--m));flex-direction:column;flex:1}.ctl-diagram{fill:none;width:100%;stroke:var(--lcd);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(3 * var(--m)) #7dff6a8c);display:none;overflow:visible}.ctl-diagram text{fill:var(--lcd);stroke:none;letter-spacing:.8px;font:700 9px Arial Narrow,Helvetica Neue,Arial,sans-serif}.ctl-diagram .ctl-ink,.ctl-diagram .ctl-dot{fill:var(--lcd);stroke:none}.ctl-case{stroke-width:3px}.ctl-glass{stroke-width:1.2px;opacity:.7}.ctl-dot{opacity:.7}.ctl-street{stroke-width:1.3px;opacity:.4}.ctl-car{stroke-width:1.6px;opacity:.85}.ctl-phone{transform-box:view-box;transform-origin:200px 100px;transform:rotate(var(--tilt,0deg))}.ctl-jump,.ctl-fire{transition:transform .28s}[data-layout=mirrored] .ctl-jump{transform:translate(224px)}[data-layout=mirrored] .ctl-fire{transform:translate(-224px)}.ctl-steer,.ctl-lean,.ctl-lean path,.ctl-turn{transition:opacity .2s}.ctl-turn,.ctl-lean{opacity:0}[data-layout=tilt] .ctl-turn{opacity:1}[data-layout=tilt][data-tilt=live] .ctl-steer{opacity:0}[data-layout=tilt][data-tilt=live] .ctl-lean{opacity:1}.ctl-lean path{stroke-width:2.6px;opacity:.22}[data-steer="-1"] .ctl-lean .l,[data-steer="1"] .ctl-lean .r{opacity:1}.ctl-note{padding-top:calc(9 * var(--m));color:var(--lcd);font:700 calc(17 * var(--m)) / 1.25 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-align:center;text-wrap:balance;text-shadow:0 0 5px #7dff6a99;border-top:1px solid #7dff6a66;margin:0}.ctl-note.for-touch{min-height:calc(9 * var(--m) + 2.5em);display:none}.ctl-keys{flex-direction:column;display:flex}.ctl-keys dl{margin:0}.ctl-head,.ctl-row{padding:0 calc(8 * var(--m));align-items:center;display:flex}.ctl-head{padding-bottom:calc(8 * var(--m));color:var(--lcd);font:700 calc(15 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;opacity:.6;border-bottom:1px solid #7dff6a66}.ctl-head span:first-child,.ctl-row dt{width:calc(150 * var(--m));flex:none}.ctl-row{height:calc(50 * var(--m))}.ctl-row+.ctl-row{border-top:1px solid #7dff6a24}.ctl-row dt{color:var(--lcd);font:700 calc(24 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 5px #7dff6a99}.ctl-row dd{align-items:center;gap:calc(7 * var(--m));margin:0;display:flex}.ctl-row i{margin:0 calc(3 * var(--m));color:var(--lcd);font:700 calc(13 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;opacity:.45}.ctl-cap{min-width:calc(34 * var(--m));height:calc(32 * var(--m));margin-bottom:calc(4 * var(--m));padding:0 calc(9 * var(--m));color:var(--lcd);font:700 calc(18 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-shadow:0 0 5px #7dff6a99;border:calc(1.6 * var(--m)) solid var(--lcd);border-radius:calc(6 * var(--m));box-shadow:0 calc(4 * var(--m)) 0 calc(-1.6 * var(--m)) #0a120a, 0 calc(4 * var(--m)) 0 0 #7dff6a8c, 0 0 calc(6 * var(--m)) #7dff6a59;background:linear-gradient(#7dff6a29,#7dff6a0a);place-items:center;display:grid}.ctl-cap.wide{min-width:calc(112 * var(--m))}@media (pointer:coarse){.ctl-tabs{display:flex}.ctl-diagram,.ctl-note.for-touch{display:block}.ctl-keys,.ctl-note.for-keys{display:none}}@media (max-aspect-ratio:4/5){#menu-controls{--m:min(calc(100vw / 600), calc(100dvh / 780))}.ctl-tab{height:calc(66 * var(--m))}.ctl-tab .menu-word{font-size:calc(26 * var(--m))}}@media (pointer:coarse) and (max-height:540px) and (min-aspect-ratio:3/2){#menu-controls{--m:min(calc(100dvh / 400), calc(100vw / 760))}#menu-controls .ctl-plate{width:calc(720 * var(--m));gap:calc(8 * var(--m));padding:calc(12 * var(--m)) calc(22 * var(--m)) calc(13 * var(--m))}.ctl-plate .ranks-heading{font-size:calc(30 * var(--m))}.ctl-plate .ranks-heading svg{width:calc(26 * var(--m));height:calc(26 * var(--m))}.ctl-board{flex-direction:row}.ctl-tabs{width:calc(196 * var(--m));justify-content:center;align-items:stretch;gap:calc(8 * var(--m));padding:calc(8 * var(--m)) 0;flex-direction:column}.ctl-tab{height:calc(64 * var(--m));padding:0 calc(16 * var(--m));border-radius:calc(12 * var(--m)) 0 0 calc(12 * var(--m));transform:translateX(calc(4 * var(--m)));border:2px solid #1c1e20;border-right:none;flex:none;justify-content:flex-start}.ctl-window{gap:calc(6 * var(--m));padding:calc(8 * var(--m)) calc(14 * var(--m))}.ctl-diagram{width:auto;height:calc(196 * var(--m))}.ctl-note{padding-top:calc(6 * var(--m));font-size:calc(15 * var(--m))}.ctl-plate .menu-btn.g-small{height:calc(48 * var(--m))}.ctl-plate .g-small .menu-word{font-size:calc(28 * var(--m))}}@media (prefers-reduced-motion:reduce){.ctl-tab,.ctl-jump,.ctl-fire,.ctl-steer,.ctl-lean,.ctl-lean path,.ctl-turn{transition:none}}body.over #actions,body.over #touch,body.over #help,body.over #btn-pause{visibility:hidden}@keyframes results-slam{0%{opacity:0;transform:skew(-12deg)scale(1.8)}}@keyframes results-drop{0%{opacity:0;transform:translateY(-18px)}}@keyframes results-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.ranks-tab{transition:none}.results-title,.results-plate,.ranks-plate,#menu-ranks .ranks-plate,.results-record,.metal-btn.pill.beckon{animation:none}}body.garage #hud,body.garage #actions,body.garage #help,body.garage #touch,body.garage #results,body.garage #paused,body.garage #letterbox{visibility:hidden}#garage{--u:var(--m);z-index:6;pointer-events:none;color:#f4efe6;position:fixed;inset:0}#garage[hidden]{display:none}#garage>*{pointer-events:auto}#garage .menu-btn{margin-left:0}.g-heading{color:#1d1f22;font:700 calc(24 * var(--m)) / 1 "Passion One", Impact, sans-serif;text-transform:uppercase;letter-spacing:calc(1 * var(--m));text-shadow:0 1px #ffffff73;margin:0}.g-sub{color:#1d1f22;font:700 calc(16 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase}.g-coins{left:calc(20 * var(--m));top:calc(18 * var(--m));gap:calc(12 * var(--m));position:absolute}.g-coins .lcd-window{align-items:center}.g-coins .seg svg,.g-locked .seg svg{height:calc(32 * var(--m))}.g-info{--wear:calc(-150 * var(--u)) calc(-70 * var(--u));left:calc(20 * var(--m));top:calc(100 * var(--m));width:calc(290 * var(--m));align-items:stretch;gap:calc(8 * var(--m));padding:calc(12 * var(--m)) calc(16 * var(--m)) calc(10 * var(--m));flex-direction:column;position:absolute}.g-stats{gap:calc(6 * var(--m));padding:calc(8 * var(--m)) calc(10 * var(--m));flex-direction:column;display:flex}.g-stat{grid-template-columns:calc(92 * var(--m)) 1fr;align-items:center;gap:calc(8 * var(--m));display:grid}.g-stat-name,.g-lcd{color:var(--lcd);font:700 calc(16 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 5px #7dff6a99;white-space:nowrap}.g-bar{height:calc(14 * var(--m));background:repeating-linear-gradient(90deg, #7dff6a14 0 calc(6 * var(--m)), transparent calc(6 * var(--m)) calc(8 * var(--m)));position:relative}.g-bar i,.g-legend i{background:repeating-linear-gradient(90deg, currentColor 0 calc(6 * var(--m)), transparent calc(6 * var(--m)) calc(8 * var(--m)));transition:width .35s;position:absolute;inset:0 auto 0 0}.g-bar .max,.g-legend .max{color:#ff4a3a;filter:drop-shadow(0 0 3px #ff4a3a99)}.g-bar .now,.g-legend .now{color:var(--lcd);filter:drop-shadow(0 0 3px #7dff6a99)}.g-bar .next{color:#ffd23a;filter:drop-shadow(0 0 3px #ffd23ab3);transition:none;animation:.8s steps(2,jump-none) infinite g-next}@keyframes g-next{0%{opacity:1}to{opacity:.15}}.g-legend{justify-content:center;align-items:center;gap:calc(8 * var(--m));color:#1d1f22;font:700 calc(14 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;display:flex}.g-legend i{width:calc(20 * var(--m));height:calc(12 * var(--m));margin-left:calc(6 * var(--m));display:block;position:static}.g-side{right:calc(20 * var(--m));top:calc(18 * var(--m));align-items:center;gap:calc(14 * var(--m));display:flex;position:absolute}.g-play{width:auto;height:calc(76 * var(--m))}.g-home{width:calc(76 * var(--m));height:calc(76 * var(--m));justify-content:center;padding:0}.g-home svg{width:calc(46 * var(--m));height:calc(46 * var(--m))}.menu-btn.g-small{width:auto;height:calc(56 * var(--m));padding:0 calc(22 * var(--m));justify-content:center}.g-small .menu-word{font-size:calc(32 * var(--m))}.menu-btn.g-small:disabled{cursor:default;filter:grayscale()brightness(.8)}.g-locked{right:calc(48 * var(--m));top:calc(170 * var(--m));gap:calc(8 * var(--m));padding:calc(14 * var(--m)) calc(20 * var(--m));flex-direction:column;position:absolute}.g-locked[hidden]{display:none}.g-locked.poor .seg .on{fill:#ff4a3a}.g-locked.poor .seg svg{filter:drop-shadow(0 0 3px #ff4a3ab3)}.g-dock{left:calc(20 * var(--m));right:calc(20 * var(--m));bottom:calc(44 * var(--m));flex-direction:column;align-items:center;display:flex;position:absolute}.g-tabs{gap:calc(6 * var(--m));z-index:1;display:flex}.g-tab{--grime:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.03 .06' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 .16  0 0 0 0 .15  0 0 0 0 .13  0 0 0 -2.2 1.25'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");height:calc(50 * var(--m));padding:0 calc(20 * var(--m));cursor:pointer;border:calc(3 * var(--m)) solid #1c1e20;border-radius:calc(12 * var(--m)) calc(12 * var(--m)) 0 0;background:var(--grime), linear-gradient(180deg, #a9adb0 0%, #85898d 100%);box-shadow:inset 0 calc(2 * var(--m)) 0 #ffffff80;filter:brightness(.72);transform:translateY(calc(4 * var(--m)));border-bottom:none;transition:filter .12s,transform .12s}.g-tab .menu-word{font-size:calc(30 * var(--m))}.g-tab:hover,.g-tab:focus-visible{filter:brightness(.9);outline:none}.g-tab.on{filter:none;background:var(--grime), linear-gradient(180deg, #e2e4e4 0%, #b9bcbe 100%);transform:none}.g-panel{min-height:calc(176 * var(--m));padding:calc(14 * var(--m)) calc(18 * var(--m));border:calc(3 * var(--m)) solid #1c1e20;border-radius:calc(10 * var(--m));box-shadow:inset 0 calc(2 * var(--m)) 0 #ffffff2e, 0 calc(5 * var(--m)) calc(12 * var(--m)) #0009;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000000d 1px 3px),linear-gradient(#3a3e42eb,#1e2023eb);justify-content:center;align-self:stretch;align-items:center;display:flex}.g-cards{gap:calc(14 * var(--m));display:flex}.g-card{--grime:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.03 .06' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 .16  0 0 0 0 .15  0 0 0 0 .13  0 0 0 -2.2 1.25'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");align-items:center;gap:calc(6 * var(--m));width:calc(168 * var(--m));height:calc(146 * var(--m));padding:calc(10 * var(--m));cursor:pointer;border:calc(3 * var(--m)) solid #1c1e20;border-radius:calc(10 * var(--m));background:var(--grime), linear-gradient(180deg, #e2e4e4 0%, #b9bcbe 55%, #9a9ea1 100%);box-shadow:inset 0 calc(2 * var(--m)) 0 #ffffffb3, inset 0 calc(-3 * var(--m)) calc(4 * var(--m)) #0006, 0 calc(4 * var(--m)) calc(8 * var(--m)) #00000080;grid-template:"icon level""name name"1fr"price price"/1fr auto;transition:transform .12s,filter .12s;display:grid;position:relative}.g-card:hover,.g-card:focus{filter:brightness(1.08) drop-shadow(0 0 calc(10 * var(--m)) #ffc83cbf);outline:none;transform:scale(1.05)}.g-card:active{transform:scale(.98)}.g-card.bought,.g-item.bought{animation:.55s ease-out g-bought}@keyframes g-bought{0%{filter:brightness(1.9) drop-shadow(0 0 calc(18 * var(--m)) #ffe678)}}.g-icon{width:calc(50 * var(--m));height:calc(50 * var(--m));grid-area:icon;overflow:visible}.g-card .g-lcd{padding:calc(5 * var(--m)) calc(8 * var(--m))}.g-level{font-size:calc(20 * var(--m));grid-area:level;justify-self:end}.g-name{color:#1d1f22;font:700 calc(22 * var(--m)) / 1 "Passion One", Impact, sans-serif;letter-spacing:calc(1 * var(--m));text-align:center;text-shadow:0 1px #ffffff80;grid-area:name;justify-self:center}.g-price{justify-content:center;align-items:center;gap:calc(6 * var(--m));font-size:calc(20 * var(--m));grid-area:price;display:flex}.g-coin{width:calc(16 * var(--m));height:calc(16 * var(--m));background:radial-gradient(circle at 35% 30%,#fff1b0 0 12%,#f2c23c 32%,#c98e22 72%);border-radius:50%;box-shadow:inset 0 0 0 1px #a8741a}.g-card.poor .g-price{color:#ff4a3a;text-shadow:0 0 5px #ff4a3ab3}.g-card.maxed .g-price{color:#ffd257;text-shadow:0 0 5px #ffc84699}.g-card.cheat .g-level{color:#ff4a3a;text-shadow:0 0 5px #ff4a3ab3}.g-card.is-soon{filter:saturate(.4)brightness(.85)}.g-card.is-soon:hover,.g-card.is-soon:focus{filter:saturate(.4) brightness(.92) drop-shadow(0 0 calc(10 * var(--m)) #ffc83c99)}.g-card .soon{padding:calc(2 * var(--m)) calc(10 * var(--m));color:#b3261e;font:700 calc(19 * var(--m)) / 1 "Passion One", Impact, sans-serif;letter-spacing:calc(2 * var(--m));border:calc(3 * var(--m)) solid #b3261e;border-radius:calc(4 * var(--m));pointer-events:none;background:#ece8ded1;position:absolute;top:27%;left:34%;translate:-50% -50%;rotate:-12deg}.g-carousel{align-items:center;gap:calc(18 * var(--m));display:flex}.menu-btn.g-arrow{width:calc(76 * var(--m));height:calc(76 * var(--m));justify-content:center;padding:0}.g-item{grid-template:"head holo" auto "name holo" auto "line holo" 1fr / calc(250 * var(--m)) auto;align-items:start;gap:calc(8 * var(--m)) calc(14 * var(--m));padding:calc(12 * var(--m)) calc(16 * var(--m));display:grid}.g-item-head{grid-area:head;justify-content:space-between;align-items:center;display:flex}.g-item .g-lcd{padding:calc(5 * var(--m)) calc(8 * var(--m))}.g-item-name{font-size:calc(24 * var(--m));grid-area:name}.g-item-line{font-size:calc(15 * var(--m));grid-area:line}.g-holo{width:calc(224 * var(--m));height:calc(126 * var(--m));color:#7dff6a99;font:700 calc(60 * var(--m)) / 1 "Passion One", Impact, sans-serif;text-shadow:0 0 10px #7dff6a99;background:linear-gradient(#7dff6a1a 1px, transparent 1px) 0 0 / calc(14 * var(--m)) calc(14 * var(--m)), linear-gradient(90deg, #7dff6a1a 1px, transparent 1px) 0 0 / calc(14 * var(--m)) calc(14 * var(--m)), radial-gradient(ellipse at 50% 60%, #0d2a14, #050a06);border-radius:3px;grid-area:holo;place-items:center;display:grid;box-shadow:inset 0 2px 6px #000000f2,0 1px #ffffff59}.g-holo img{object-fit:contain;width:100%;height:100%}.g-holo.waiting{animation:.6s steps(2,jump-none) infinite g-flicker}@keyframes g-flicker{50%{opacity:.6}}.g-colors{align-items:center;gap:calc(26 * var(--m));display:flex}.g-hues{width:calc(520 * var(--m));height:calc(64 * var(--m));cursor:crosshair;border:calc(3 * var(--m)) solid #1c1e20;border-radius:calc(6 * var(--m));box-shadow:inset 0 calc(3 * var(--m)) calc(6 * var(--m)) #00000073, inset 0 calc(2 * var(--m)) 0 #ffffff59, 0 calc(3 * var(--m)) calc(6 * var(--m)) #00000080;background:linear-gradient(90deg,#b42222,#b49022,#6bb422,#22b447,#22b4b4,#2247b4,#6b22b4,#b42290,#b42222);position:relative}.g-hues:focus-visible{filter:drop-shadow(0 0 calc(10 * var(--m)) #ffc83cbf);outline:none}.g-hue-mark{top:calc(-12 * var(--m));bottom:calc(-12 * var(--m));width:calc(10 * var(--m));border:calc(3 * var(--m)) solid #160e04;border-radius:calc(3 * var(--m));pointer-events:none;background:linear-gradient(#fffbe0,#ffe066 40%,#d26a06);position:absolute;translate:-50%}.g-hue-mark[hidden]{display:none}.g-swatches{gap:calc(12 * var(--m));display:flex}.g-swatch{align-items:center;gap:calc(6 * var(--m));cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.g-swatch i{width:calc(58 * var(--m));height:calc(58 * var(--m));border:calc(3 * var(--m)) solid #1c1e20;box-shadow:inset 0 calc(3 * var(--m)) calc(4 * var(--m)) #ffffff4d, inset 0 calc(-3 * var(--m)) calc(4 * var(--m)) #00000080, 0 calc(3 * var(--m)) calc(6 * var(--m)) #00000080;border-radius:50%;transition:transform .12s}.g-swatch span{color:#f4efe6;font:700 calc(15 * var(--m)) / 1 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px #000}.g-swatch:hover i,.g-swatch:focus i{transform:scale(1.08)}.g-swatch:focus{outline:none}.g-swatch:focus i,.g-swatch.on i{box-shadow:0 0 calc(10 * var(--m)) #ffc83ccc;border-color:#ffd257}.g-dialog{z-index:2;background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.g-dialog[hidden]{display:none}.g-dialog-plate{--wear:calc(-20 * var(--u)) calc(-110 * var(--u));align-items:stretch;gap:calc(14 * var(--m));width:calc(470 * var(--m));padding:calc(18 * var(--m)) calc(22 * var(--m));flex-direction:column;animation:.25s ease-out both results-drop}.g-dialog-plate .g-heading{text-align:center;font-size:calc(36 * var(--m))}.g-dialog-text{padding:calc(12 * var(--m)) calc(14 * var(--m))}.g-dialog-text p{color:var(--lcd);font:700 calc(18 * var(--m)) / 1.35 "Arial Narrow", "Helvetica Neue", Arial, sans-serif;letter-spacing:1px;text-shadow:0 0 5px #7dff6a99;margin:0}.g-dialog-buttons{justify-content:center;gap:calc(20 * var(--m));display:flex}.g-dialog-buttons [hidden]{display:none}.menu-keys.g-keys{left:50%;bottom:calc(10 * var(--m));white-space:nowrap;translate:-50%}.metal-btn.pill.garage:not(.chosen,:hover){filter:brightness(.92)}@media (prefers-reduced-motion:reduce){.g-card,.g-tab,.g-bar i{transition:none}.g-card:hover,.g-card:focus{transform:none}.g-bar .next,.g-card.bought,.g-item.bought,.g-dialog-plate,.g-holo.waiting{animation:none}}#garage>.g-frame{pointer-events:none;display:none;position:absolute}@media (max-aspect-ratio:4/5){#garage{--m:min(calc(100vw / 430), calc(100dvh / 900));--edge:calc(12 * var(--m));--top:max(var(--edge), env(safe-area-inset-top));--bottom:max(var(--edge), env(safe-area-inset-bottom));--dock:calc(316 * var(--m));--info:calc(160 * var(--m));--info-at:calc(var(--top) + 72 * var(--m));--locked-at:calc(var(--info-at) + var(--info) + 8 * var(--m))}#garage>.g-frame{left:var(--edge);right:var(--edge);top:calc(var(--locked-at) + 58 * var(--m));bottom:calc(var(--bottom) + var(--dock) + 6 * var(--m));display:block}.g-heading{font-size:calc(22 * var(--m))}.g-coins{left:var(--edge);top:var(--top);height:calc(60 * var(--m));justify-content:center;align-items:flex-start;gap:calc(3 * var(--m));padding:0 calc(12 * var(--m));flex-direction:column}.g-coins>.g-heading{font-size:calc(15 * var(--m))}.g-coins .lcd-window{padding:calc(3 * var(--m)) calc(6 * var(--m))}.g-coins .seg svg{height:calc(24 * var(--m))}.g-locked .seg svg{height:calc(28 * var(--m))}.g-coins .coin-icon{width:calc(22 * var(--m));height:calc(22 * var(--m))}.g-side{right:var(--edge);top:var(--top);gap:calc(8 * var(--m))}.g-play{height:calc(60 * var(--m));gap:calc(8 * var(--m));padding:0 calc(14 * var(--m))}.g-play svg{width:calc(40 * var(--m));height:calc(40 * var(--m))}.g-play .menu-word{font-size:calc(38 * var(--m))}.g-home{width:calc(60 * var(--m));height:calc(60 * var(--m))}.g-home svg{width:calc(36 * var(--m));height:calc(36 * var(--m))}.g-info{left:var(--edge);right:var(--edge);top:var(--info-at);width:auto;height:var(--info);align-items:center;gap:calc(6 * var(--m)) calc(10 * var(--m));padding:calc(10 * var(--m)) calc(14 * var(--m));grid-template:"head legend""stats stats"1fr/auto 1fr;display:grid}.g-info>.g-heading{grid-area:head}.g-info>.g-legend{font-size:calc(15 * var(--m));grid-area:legend;justify-content:flex-end}.g-stats{padding:calc(7 * var(--m)) calc(10 * var(--m));grid-area:stats;justify-content:space-between;align-self:stretch;gap:0}.g-stat{grid-template-columns:calc(104 * var(--m)) 1fr}.g-stat-name,.g-lcd{font-size:calc(18 * var(--m))}.g-bar{height:calc(16 * var(--m))}.g-locked{right:var(--edge);top:var(--locked-at);height:calc(52 * var(--m));gap:calc(10 * var(--m));padding:0 calc(8 * var(--m)) 0 calc(14 * var(--m));flex-direction:row}.g-locked .g-sub{display:none}.g-locked .menu-btn.g-small{height:calc(40 * var(--m));padding:0 calc(14 * var(--m))}.g-locked .g-small .menu-word{font-size:calc(26 * var(--m))}.g-dock{left:var(--edge);right:var(--edge);bottom:var(--bottom);height:var(--dock)}.g-tabs{align-self:stretch;gap:calc(4 * var(--m))}.g-tab{height:calc(54 * var(--m));flex:1;padding:0}.g-tab .menu-word{font-size:calc(21 * var(--m))}.g-panel{min-height:0;padding:calc(12 * var(--m)) 0;flex:1}.g-cards{align-self:stretch;gap:calc(12 * var(--m));padding:calc(4 * var(--m)) calc(14 * var(--m));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 calc(14 * var(--m));scrollbar-width:none;touch-action:pan-x;flex:1;overflow-x:auto}.g-cards::-webkit-scrollbar{display:none}.g-card{justify-items:center;gap:calc(8 * var(--m));width:calc(152 * var(--m));height:auto;padding:calc(12 * var(--m)) calc(10 * var(--m));scroll-snap-align:start;flex:none;grid-template:"level""icon"1fr"name""price"/1fr}.g-card:hover,.g-card:focus{transform:none}.g-icon{width:calc(70 * var(--m));height:calc(70 * var(--m))}.g-level{text-align:center;font-size:calc(24 * var(--m));justify-self:stretch}.g-name{font-size:calc(26 * var(--m))}.g-price{font-size:calc(24 * var(--m));justify-self:stretch}.g-coin{width:calc(19 * var(--m));height:calc(19 * var(--m))}.g-card .soon{font-size:calc(22 * var(--m));top:45%;left:50%}.g-carousel{align-self:stretch;gap:calc(8 * var(--m));padding:0 calc(8 * var(--m))}.menu-btn.g-arrow{width:calc(58 * var(--m));height:calc(58 * var(--m));flex:none}.menu-btn.g-arrow svg{width:calc(40 * var(--m));height:calc(40 * var(--m))}.g-item{gap:calc(6 * var(--m));padding:calc(10 * var(--m)) calc(12 * var(--m));flex:1;grid-template:"head""name""line""holo"1fr/1fr;align-self:stretch}.g-item-name{font-size:calc(24 * var(--m))}.g-item-line{font-size:calc(17 * var(--m))}.g-holo{align-self:stretch;width:auto;height:auto;min-height:0}.g-colors{align-self:stretch;gap:calc(30 * var(--m));padding:0 calc(18 * var(--m));flex-direction:column}.g-hues{width:100%;height:calc(72 * var(--m))}.g-swatches{gap:calc(22 * var(--m))}.g-swatch i{width:calc(62 * var(--m));height:calc(62 * var(--m))}.g-swatch span{font-size:calc(17 * var(--m))}.g-dialog-plate{width:calc(400 * var(--m))}.g-dialog-text p{font-size:calc(20 * var(--m))}.menu-keys.g-keys{display:none}}#shutter{z-index:20;position:fixed;inset:0;overflow:hidden}#shutter[hidden]{display:none}.shutter-door{--slat:3.1dvh;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.006 .12' numOctaves='4' seed='3'/><feColorMatrix values='0 0 0 0 .12  0 0 0 0 .05  0 0 0 0 .03  0 0 0 -1.8 0.85'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), linear-gradient(90deg, transparent 17%, #5c2e128c 17.4%, transparent 19% 63%, #5c2e1266 63.3%, transparent 64.6%) 0 0 / 100% 46% no-repeat, linear-gradient(180deg, transparent 0 calc(var(--slat) * 9), #28060459 calc(var(--slat) * 9) calc(var(--slat) * 10), transparent calc(var(--slat) * 10) calc(var(--slat) * 21), #2806044d calc(var(--slat) * 21) calc(var(--slat) * 22), transparent calc(var(--slat) * 22)), repeating-linear-gradient(180deg, #a92b23 0, #9a2620 calc(var(--slat) * .45), #7a1d18 calc(var(--slat) * .8), #4a100d calc(var(--slat) * .86), #c13a30 calc(var(--slat) * .9), #a92b23 var(--slat)), #9a2620;position:absolute;inset:0;transform:translateY(-100%);box-shadow:0 1.5dvh 3dvh #0009}.shutter-panes{border-block:.9dvh solid #3b3d40;gap:1.2%;height:7.5dvh;padding:.8dvh 0;display:flex;position:absolute;top:24%;left:4%;right:4%}.shutter-panes i{background:linear-gradient(160deg,#8fa6b4 0%,#58707f 40%,#33444f 100%);flex:1;box-shadow:inset 0 0 0 2px #00000059}.shutter-panes i.broken{background:linear-gradient(160deg,#1b1a19,#0b0a0a)}.shutter-bar{background:linear-gradient(#5b5e62,#3b3d40 45%,#222426);height:3.6dvh;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px #ffffff26}.shutter-handle{background:linear-gradient(#b9bdc1,#6e7277);border-radius:.4dvh;width:9dvh;height:1.6dvh;position:absolute;top:-6dvh;left:50%;translate:-50%;box-shadow:0 .4dvh .6dvh #0000008c}@media (prefers-reduced-motion:reduce){.shutter-door{transform:none}#shutter{opacity:0}}