:is(html:has(.play-voxel-stage[data-game-mode=active]),body:has(.play-voxel-stage[data-game-mode=active])){overscroll-behavior:none;overflow:hidden}.play-hero:has(.play-voxel-stage[data-game-mode=active]){z-index:2200;overflow:visible}.play-hero-visual:has(.play-voxel-stage[data-game-mode=active]){z-index:2200;width:100vw;height:100dvh;margin:0;position:fixed;inset:0}.play-hero-visual:has(.play-voxel-stage[data-game-mode=active]) .play-world-skip{display:none}.play-voxel-stage[data-game-mode=active]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.play-hud{--hud-gap:clamp(12px, 2vw, 22px);--hud-shadow:4px 4px 0 var(--play-stamp);--hud-border:1.5px solid var(--play-stamp);z-index:5;pointer-events:none;opacity:0;visibility:hidden;font-family:var(--font-sans), sans-serif;color:var(--play-ink);transition:opacity .25s,visibility 0s linear .25s;position:absolute;inset:0}.play-voxel-stage[data-game-mode=active] .play-hud{opacity:1;visibility:visible;transition:opacity .25s}.play-hud button,.play-hud-card,.play-stop-card{pointer-events:auto}.play-hud kbd{min-width:1.7em;font:700 .72em/1 var(--font-mono), monospace;text-transform:uppercase;border:1px solid;border-radius:6px;place-items:center;padding:.15em .4em;display:inline-grid}.play-hud-card{background:var(--play-cream);border:var(--hud-border);box-shadow:var(--hud-shadow);border-radius:18px}.play-hud-route{top:var(--hud-gap);left:var(--hud-gap);width:236px;padding:12px 14px;position:absolute}.play-hud-eyebrow{font:700 10px/1.2 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--play-ink) 62%, transparent);flex-wrap:wrap;gap:4px 10px;margin:0;display:flex}.play-hud-eyebrow span:first-child{color:var(--play-ink)}.play-hud-eyebrow span+span:before{content:"·";margin-right:10px}.play-hud-count{align-items:baseline;gap:6px;margin:6px 0 8px;display:flex}.play-hud-count strong{letter-spacing:-.03em;font-size:34px;font-weight:850;line-height:1}.play-hud-count span{font-size:13px;font-weight:600}.play-hud-dots{gap:5px;margin:0;padding:0;list-style:none;display:flex}.play-hud-dots li{border:1.5px solid var(--play-stamp);background:var(--play-white);border-radius:99px;flex:1;height:8px;transition:background .2s}.play-hud-dots li[data-on]{background:var(--play-yellow)}.play-hud-dots li[data-here]{background:var(--play-mint);animation:.9s ease-in-out infinite alternate play-hud-blink}.play-hud-lap{border-top:1.5px dashed color-mix(in srgb, var(--play-ink) 35%, transparent);grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;padding-top:10px;display:grid}.play-hud-lap div{gap:2px;display:grid}.play-hud-lap dt{font:700 10px/1 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--play-ink) 62%, transparent)}.play-hud-lap dd{font:700 17px/1.1 var(--font-mono), monospace;font-variant-numeric:tabular-nums;margin:0}.play-hud-lap[data-valid=false] b{color:var(--play-hot)}.play-hud-lap dd[data-tone=best]{color:var(--play-blue)}.play-hud-buttons{top:var(--hud-gap);right:var(--hud-gap);flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:absolute}.play-hud-buttons button{border:var(--hud-border);background:var(--play-yellow);color:#17141f;min-height:42px;box-shadow:3px 3px 0 var(--play-stamp);font:800 13px/1 var(--font-sans), sans-serif;cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:0 16px;transition:transform .12s,box-shadow .12s;display:inline-flex}.play-hud-buttons button[data-muted=true]{background:var(--play-white)}.play-hud-buttons button.is-exit{background:var(--play-stamp);color:var(--play-white)}.play-hud-buttons button:hover,.play-hud-buttons button:focus-visible{box-shadow:4px 4px 0 var(--play-stamp);transform:translate(-1px,-1px)}.play-hud-buttons button:active{box-shadow:1px 1px 0 var(--play-stamp);transform:translate(2px,2px)}.play-hud-prompt{z-index:1;left:50%;bottom:calc(var(--hud-gap) + 64px);border:var(--hud-border);background:var(--play-yellow);color:#17141f;box-shadow:var(--hud-shadow);font:inherit;text-align:left;cursor:pointer;border-radius:99px;align-items:center;gap:12px;padding:8px 20px 8px 8px;animation:.28s cubic-bezier(.3,1.5,.5,1) play-hud-pop;display:flex;position:absolute;translate:-50%}.play-hud-prompt kbd{width:38px;height:38px;color:var(--play-yellow);background:#17141f;border:0;border-radius:50%;font-size:16px;animation:1.2s ease-in-out infinite play-hud-press}.play-hud-prompt span{gap:2px;display:grid}.play-hud-prompt small{font:700 10px/1 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.play-hud-prompt strong{font-size:17px;font-weight:850;line-height:1.1}.play-hud-toast{top:calc(var(--hud-gap) + 4px);border:var(--hud-border);background:var(--play-white);color:#17141f;max-width:min(420px,100% - 560px);box-shadow:3px 3px 0 var(--play-stamp);text-align:center;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:750;animation:.3s ease-out play-hud-drop;position:absolute;left:50%;translate:-50%}.play-hud-gauge{--nitro:1;left:var(--hud-gap);bottom:var(--hud-gap);border:var(--hud-border);background:var(--play-cream);width:180px;box-shadow:var(--hud-shadow);border-radius:18px;padding:10px 14px 12px;position:absolute}.play-hud-gauge p{align-items:baseline;gap:6px;margin:0 0 8px;display:flex}.play-hud-gauge strong{min-width:2.2ch;font:850 40px/1 var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.play-hud-gauge span{font:700 11px/1 var(--font-mono), monospace;text-transform:uppercase}.play-hud-nitro{align-items:center;gap:8px;display:flex}.play-hud-nitro i{border:1.5px solid var(--play-stamp);background:var(--play-white);border-radius:99px;flex:1;height:12px;position:relative;overflow:hidden}.play-hud-nitro i:after{content:"";transform-origin:0;transform:scaleX(var(--nitro));background:var(--play-blue);position:absolute;inset:0}.play-hud-gauge[data-state=full] .play-hud-nitro i:after{background:var(--play-mint)}.play-hud-gauge[data-state=burn] .play-hud-nitro i:after{background:repeating-linear-gradient(-45deg, var(--play-hot) 0 6px, var(--play-yellow) 6px 12px)}.play-hud-nitro kbd{font-size:9px}.play-hud-rush{opacity:0;background:radial-gradient(ellipse at center, transparent 55%, color-mix(in srgb, var(--play-blue) 38%, transparent) 100%);transition:opacity .35s;position:absolute;inset:0}.play-hud:has(.play-hud-gauge[data-state=burn]) .play-hud-rush{opacity:1;transition-duration:.1s}.play-hud-keys{right:var(--hud-gap);bottom:var(--hud-gap);white-space:nowrap;border:var(--hud-border);background:color-mix(in srgb, var(--play-cream) 88%, transparent);border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px 6px;margin:0;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex;position:absolute}.play-hud-keys kbd{background:var(--play-white);color:#17141f;margin-left:4px}.play-hud-invite{z-index:4;border:1.5px solid var(--play-stamp);background:var(--play-yellow);color:#17141f;box-shadow:3px 3px 0 var(--play-stamp);pointer-events:none;border-radius:99px;justify-items:center;gap:3px;margin:0;padding:10px 22px;display:grid;position:absolute;bottom:78px;left:50%;translate:-50%}.play-hud-invite strong{font-size:15px;font-weight:850}.play-hud-invite em{font:700 10px/1 var(--font-mono), monospace;text-transform:uppercase;font-style:normal}@media (max-width:640px){.play-hud-invite{top:88px;bottom:auto}}.play-hud-touch{display:none}@media (max-width:700px),(pointer:coarse){.play-hud-keys{display:none}.play-hud-route{width:170px;padding:9px 11px}.play-hud-eyebrow span:nth-child(3){display:none}.play-hud-count strong{font-size:24px}.play-hud-count span{font-size:11px}.play-hud-lap{display:none}.play-hud-buttons{gap:6px;max-width:50%}.play-hud-buttons button{min-height:36px;padding:0 11px;font-size:12px}.play-hud-buttons kbd{display:none}.play-hud-gauge{top:calc(var(--hud-gap) + 104px);width:130px;padding:8px 10px;bottom:auto}.play-hud-gauge strong{font-size:26px}.play-hud-nitro kbd{display:none}.play-hud{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.play-hud-prompt{bottom:calc(var(--hud-gap) + 132px);max-width:calc(100% - 2 * var(--hud-gap));padding:6px 8px 6px 16px}.play-hud-prompt kbd{display:none}.play-hud-prompt:after{content:"UĞRA";color:var(--play-yellow);font:800 13px/1 var(--font-sans), sans-serif;background:#17141f;border-radius:99px;order:1;padding:10px 14px}.play-hud-toast{top:auto;bottom:calc(var(--hud-gap) + 200px);max-width:calc(100% - 32px)}.play-hud-touch{inset:auto var(--hud-gap) var(--hud-gap);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute}.play-hud-pad{grid-template-columns:repeat(2,68px);gap:8px;display:grid}.play-hud-touch button{border:1.5px solid var(--play-stamp);background:color-mix(in srgb, var(--play-cream) 92%, transparent);color:#17141f;height:68px;box-shadow:2px 2px 0 var(--play-stamp);font:800 14px/1 var(--font-sans), sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:18px;padding:0}.play-hud-touch button.is-small{letter-spacing:.04em;border-radius:12px;height:40px;font-size:11px}.play-hud-touch button.is-arrow{font-size:26px}.play-hud-touch button.is-gas{background:var(--play-yellow)}.play-hud-touch button:active{box-shadow:none;transform:translate(2px,2px)}.play-hud-touch .is-nitro{background:var(--play-blue);color:var(--play-white)}.play-hud-touch .is-brake{background:var(--play-pink)}}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){.play-hud-route{padding:7px 10px}.play-hud-gauge{top:auto;bottom:var(--hud-gap);left:50%;translate:-50%}.play-hud-prompt{bottom:calc(var(--hud-gap) + 70px)}.play-hud-toast{bottom:auto;top:var(--hud-gap);max-width:40%}}.play-hud[data-stop-open=true] :is(.play-hud-keys,.play-hud-touch,.play-hud-gauge){opacity:0;pointer-events:none}.play-hud[data-stop-open=true]:before{content:"";background:linear-gradient(90deg, transparent 30%, color-mix(in srgb, var(--play-stamp) 34%, transparent));animation:.3s ease-out play-hud-fade;position:absolute;inset:0}.play-stop-card{border:2px solid var(--play-stamp);background:var(--play-cream);width:min(400px,100% - 32px);max-height:calc(100% - 150px);color:var(--play-ink);box-shadow:7px 7px 0 var(--play-stamp);overscroll-behavior:contain;touch-action:pan-y;border-radius:24px;animation:.38s cubic-bezier(.2,1.3,.4,1) play-stop-in;position:absolute;top:50%;right:clamp(16px,4vw,56px);overflow:auto;translate:0 -50%}.play-stop-cover{aspect-ratio:16/9;border-bottom:2px solid var(--play-stamp);background:var(--play-blue);position:relative;overflow:hidden}.play-stop-cover img{object-fit:cover;width:100%;height:100%;display:block}.play-stop-cover[data-empty]{background:repeating-linear-gradient(-45deg, transparent 0 14px, color-mix(in srgb, var(--play-white) 12%, transparent) 14px 28px), var(--play-blue);place-items:center;display:grid}.play-stop-cover>span{color:var(--play-white);font:900 64px/1 var(--font-sans), sans-serif;letter-spacing:-.04em;text-transform:uppercase}.play-stop-cover em{background:var(--play-yellow);color:#17141f;font:700 10px/1 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid #17141f;border-radius:99px;padding:5px 10px;font-style:normal;position:absolute;top:12px;left:12px}.play-stop-body{gap:10px;padding:18px 20px 20px;display:grid}.play-stop-eyebrow{font:700 10px/1 var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--play-ink) 62%, transparent);margin:0}.play-stop-card h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:850;line-height:1.05}.play-stop-lede{color:color-mix(in srgb, var(--play-ink) 80%, transparent);margin:0;font-size:14.5px;line-height:1.5}.play-stop-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.play-stop-tags li{border:1.5px solid var(--play-stamp);background:var(--play-white);color:#17141f;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700}.play-stop-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.play-stop-actions button{border:1.5px solid var(--play-stamp);background:var(--play-white);color:#17141f;min-height:44px;box-shadow:3px 3px 0 var(--play-stamp);font:800 14px/1 var(--font-sans), sans-serif;cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:0 16px;transition:transform .12s,box-shadow .12s;display:inline-flex}.play-stop-actions button.is-primary{background:var(--play-yellow);flex:100%;justify-content:center}.play-stop-actions button.is-quiet{box-shadow:none;color:var(--play-ink);background:0 0;border-color:#0000;margin-left:auto}.play-stop-actions button:hover,.play-stop-actions button:focus-visible{box-shadow:4px 4px 0 var(--play-stamp);transform:translate(-1px,-1px)}.play-stop-actions button.is-quiet:hover,.play-stop-actions button.is-quiet:focus-visible{box-shadow:none;text-decoration:underline}.play-stop-actions button:focus-visible{outline:3px solid var(--play-blue);outline-offset:2px}@media (max-width:700px),(pointer:coarse){.play-stop-card{width:auto;max-height:calc(100% - 110px);animation-name:play-stop-up;inset:auto 12px 12px;translate:none}.play-stop-cover{aspect-ratio:21/9}.play-stop-card h2{font-size:22px}.play-stop-actions kbd{display:none}}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){.play-stop-card{grid-template-columns:34% 1fr;width:min(640px,100% - 16px);max-height:none;display:grid;inset:8px 8px 8px auto}.play-stop-cover{aspect-ratio:auto;border-right:2px solid var(--play-stamp);border-bottom:0}.play-stop-body{align-content:center;gap:8px;padding:14px 16px}.play-stop-actions{margin-top:2px}}@keyframes play-hud-pop{0%{opacity:0;scale:.8}}@keyframes play-hud-drop{0%{opacity:0;translate:-50% -12px}}@keyframes play-hud-fade{0%{opacity:0}}@keyframes play-hud-blink{to{background:var(--play-yellow)}}@keyframes play-hud-press{50%{transform:translateY(2px)}}@keyframes play-stop-in{0%{opacity:0;transform:translate(40px)rotate(2deg)}}@keyframes play-stop-up{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.play-hud *,.play-hud:before,.play-stop-card{transition:none!important;animation:none!important}}