:root{color:#f4f0ff;background:#02030a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--danger: #ff596f;--ice: #9ee7ff;--gold: #ffd36a;--violet: #b377ff}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body{background:radial-gradient(circle at 30% 20%,rgba(56,35,95,.26),transparent 32rem),radial-gradient(circle at 75% 80%,rgba(18,66,91,.18),transparent 28rem),#02030a}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}#danger-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:var(--danger-alpha, 0);transition:opacity .12s linear,background .12s linear;mix-blend-mode:screen}body.danger-heat #danger-vignette{background:linear-gradient(90deg,rgba(255,40,28,.42),transparent 18%,transparent 82%,rgba(255,40,28,.42)),radial-gradient(circle at 50% 50%,transparent 34%,rgba(255,70,36,.12) 62%,rgba(255,40,28,.34)),repeating-linear-gradient(90deg,rgba(255,128,64,.04),transparent 2px,transparent 8px)}body.danger-cold #danger-vignette{background:linear-gradient(90deg,rgba(80,198,255,.38),transparent 18%,transparent 82%,rgba(158,231,255,.38)),radial-gradient(circle at 50% 50%,transparent 36%,rgba(124,220,255,.16) 66%,rgba(158,231,255,.32)),linear-gradient(135deg,rgba(174,239,255,.08),transparent 45%)}body.danger-chaos #danger-vignette{background:linear-gradient(90deg,rgba(179,119,255,.4),transparent 18%,transparent 82%,rgba(255,211,106,.32)),radial-gradient(circle at 50% 50%,transparent 30%,rgba(179,119,255,.16) 66%,rgba(255,255,255,.2)),repeating-linear-gradient(0deg,rgba(255,255,255,.06),transparent 2px,transparent 7px)}body.danger-supernova #danger-vignette{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.92),rgba(255,211,106,.48) 28%,rgba(179,119,255,.34) 58%,transparent 78%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 3px,transparent 12px)}body.low-health #danger-vignette{filter:saturate(1.35) contrast(1.08)}#hud{position:fixed;inset:0;z-index:2;padding:clamp(1rem,3vw,2.1rem);pointer-events:none;color:#faf6ffe6;text-shadow:0 0 18px rgba(179,119,255,.34)}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}h1,h2,p{margin:0}h1{letter-spacing:.36em;font-size:clamp(1.3rem,3.6vw,2.55rem);font-weight:800}.subtitle,.instructions,.kicker{margin-top:.32rem;color:#e0d6ff94;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.62rem,1.7vw,.8rem)}.stats{display:grid;gap:.35rem;justify-items:end;padding:.7rem .85rem;min-width:9.5rem;border:1px solid rgba(224,214,255,.16);border-radius:1rem;background:linear-gradient(135deg,#090c1e9e,#2c194842);box-shadow:inset 0 0 30px #b377ff14,0 12px 48px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:clamp(.75rem,2vw,.96rem)}.stats span{color:#f0eaffb8}.stats strong{color:#fff;font-variant-numeric:tabular-nums}.health-bar{width:100%;height:.36rem;overflow:hidden;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 12px #00000057}.health-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff596f,#ffd36a 48%,#9fffd4);box-shadow:0 0 16px #9fffd473;transition:width .12s linear,filter .12s linear}.health-bar.flash i{filter:brightness(2.3) saturate(1.45)}#warnings{position:fixed;left:50%;top:clamp(5rem,14vh,8.5rem);transform:translate(-50%);width:min(88vw,42rem);min-height:1.65rem;text-align:center;letter-spacing:.17em;text-transform:uppercase;font-size:clamp(.72rem,2vw,1rem);color:#ffebcbd6}#toast-line{position:fixed;left:50%;bottom:clamp(7.8rem,14vw,9.6rem);transform:translate(-50%);min-height:1.4rem;color:#ffffffe6;letter-spacing:.16em;text-transform:uppercase;text-align:center;font-size:clamp(.7rem,1.8vw,.95rem);opacity:0;transition:opacity .14s ease}#toast-line.visible{opacity:1}#level-banner{position:fixed;left:50%;top:clamp(1rem,4vh,2.1rem);z-index:4;display:grid;gap:.16rem;width:min(28rem,calc(100vw - 2rem));padding:.8rem 1rem;transform:translate(-50%);border:1px solid rgba(255,255,255,.24);border-radius:.5rem;background:linear-gradient(135deg,#0a0d1ed1,#3d1e58b8);box-shadow:0 0 40px #ffd36a2e,inset 0 0 22px #ffffff0d;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:level-banner-in .26s cubic-bezier(.16,1,.3,1) both}#level-banner.hidden{display:none}#level-banner.fading{animation:level-banner-out .42s ease both}#level-banner strong{color:#fff;letter-spacing:.16em;font-size:clamp(.96rem,3vw,1.28rem);text-shadow:0 0 22px rgba(255,211,106,.55)}#level-banner span,#level-banner em{color:#f0eaffc2;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-style:normal}#hint-line{position:fixed;left:50%;top:clamp(7rem,20vh,11rem);transform:translate(-50%);width:min(88vw,34rem);text-align:center;color:#e0d6ff7a;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.62rem,1.6vw,.78rem);transition:opacity .3s ease}.meters{position:fixed;left:clamp(1rem,3vw,2.1rem);bottom:clamp(3.8rem,8vw,5.3rem);width:min(18rem,54vw);display:grid;gap:.42rem}.meters span{height:.24rem;width:12%;border-radius:999px;transform-origin:left;opacity:.82;transition:width .1s linear}#heat-meter{background:linear-gradient(90deg,transparent,var(--danger))}#cold-meter{background:linear-gradient(90deg,transparent,var(--ice))}#chaos-meter{background:linear-gradient(90deg,transparent,var(--violet))}#signal-meter{background:linear-gradient(90deg,transparent,#9fffd4)}.mode-controls{position:fixed;left:clamp(1rem,3vw,2.1rem);bottom:clamp(5.2rem,10vw,7rem);display:flex;flex-wrap:wrap;gap:.45rem}#mode-info{position:fixed;left:clamp(1rem,3vw,2.1rem);bottom:clamp(8.2rem,14vw,10.2rem);display:grid;gap:.22rem;max-width:min(19rem,80vw);color:#ffffff94;letter-spacing:.06em;font-size:.72rem;text-transform:uppercase}#mode-info strong{color:#fff;font-size:.78rem}#focus-status{color:#9fffd4a8}.mode-controls button,#portal-badge{min-height:2.25rem;padding:.48rem .66rem;border-radius:.18rem;background:transparent;color:#ffffff52;border-color:#ffffff14;box-shadow:none;font-size:.68rem}body.mode-shield .mode-controls [data-mode=shield],body.mode-hibernation .mode-controls [data-mode=hibernation],body.mode-observatory .mode-controls [data-mode=observatory],body.mode-shield #mobile-controls [data-mode=shield],body.mode-hibernation #mobile-controls [data-mode=hibernation],body.mode-observatory #mobile-controls [data-mode=observatory]{color:#fff;border-color:currentColor;box-shadow:0 0 18px #ffffff29,inset 0 0 16px #ffffff0d}body.mode-shield .mode-controls [data-mode=shield],body.mode-shield #mobile-controls [data-mode=shield]{color:var(--gold)}body.mode-hibernation .mode-controls [data-mode=hibernation],body.mode-hibernation #mobile-controls [data-mode=hibernation]{color:var(--ice)}body.mode-observatory .mode-controls [data-mode=observatory],body.mode-observatory #mobile-controls [data-mode=observatory]{color:#fff}body.mode-shield #mode-readout,body.mode-shield #mode-name{color:var(--gold)}body.mode-hibernation #mode-readout,body.mode-hibernation #mode-name{color:var(--ice)}body.mode-observatory #mode-readout,body.mode-observatory #mode-name{color:#fff}#portal-badge{position:fixed;right:clamp(1rem,3vw,2.1rem);bottom:clamp(1rem,3vw,2.1rem);display:inline-flex;align-items:center;gap:.38rem;opacity:.42}#portal-badge span{width:.38rem;height:.38rem;border-radius:50%;background:var(--violet);box-shadow:0 0 12px #b377ffcc;animation:pulse-dot 2s ease-in-out infinite}#portal-badge:hover{opacity:.9}.instructions{position:fixed;left:clamp(1rem,3vw,2.1rem);bottom:clamp(1rem,3vw,2.1rem);max-width:min(90vw,42rem);text-transform:none;letter-spacing:.04em}#pause-menu,#death-screen{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:1.2rem}#pause-menu{background:#06060eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#pause-menu.hidden{display:none}.pause-panel{width:min(28rem,92vw);padding:1.4rem;border:1px solid rgba(255,255,255,.12);border-radius:.32rem;background:#0c0c1ae6;text-align:center}.pause-panel h2{margin:.4rem 0 1.1rem;letter-spacing:.22em}.pause-actions{display:grid;gap:.55rem}.pause-actions button{min-height:2.75rem;border-radius:.16rem;background:transparent}#controls-text{margin-top:1rem;color:#e0d6ff85;font-size:.78rem;line-height:1.5}#death-screen{z-index:6;background:radial-gradient(ellipse at 50% 115%,rgba(179,119,255,.16),transparent 48%),linear-gradient(#02030aeb,#02030afa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}#death-screen.hidden{display:none}#death-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 40% 5%,rgba(255,255,255,.22),transparent),radial-gradient(1px 1px at 72% 28%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 88% 65%,rgba(255,255,255,.18),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.025),rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);opacity:.45;animation:death-flicker 2.6s linear infinite}#death-screen[data-cause=burned]{background:radial-gradient(ellipse at 50% 115%,rgba(255,78,46,.2),transparent 48%),linear-gradient(#070304ed,#02030afa)}#death-screen[data-cause=frozen]{background:radial-gradient(ellipse at 50% 115%,rgba(158,231,255,.18),transparent 48%),linear-gradient(#03070ced,#02030afa)}#death-screen[data-cause=scattered]{background:radial-gradient(ellipse at 50% 115%,rgba(179,119,255,.2),transparent 48%),linear-gradient(#07030bed,#02030afa)}#death-screen[data-cause=collapse]{background:radial-gradient(ellipse at 50% 115%,rgba(255,211,106,.15),transparent 48%),linear-gradient(#070501f0,#02030afa)}#death-screen[data-cause=impact]{background:radial-gradient(ellipse at 50% 115%,rgba(255,255,255,.18),transparent 48%),linear-gradient(#09050ef0,#02030afa)}.death-planet-ghost{position:absolute;left:50%;bottom:-10vh;width:min(42vw,28rem);aspect-ratio:1;border-radius:50%;transform:translate(-50%);opacity:.08;background:radial-gradient(circle at 38% 32%,rgba(159,255,212,.55),rgba(47,101,142,.3) 38%,transparent 70%);filter:blur(1px)}.death-content{position:relative;z-index:1;width:min(74rem,94vw);text-align:center;animation:death-reveal .7s cubic-bezier(.16,1,.3,1) both}.death-content h2{margin:.5rem auto 1rem;color:#fff;font-size:clamp(3rem,9vw,8.8rem);line-height:.86;letter-spacing:-.05em;text-wrap:balance;text-shadow:0 0 70px rgba(179,119,255,.38)}#death-screen[data-cause=burned] .death-content h2{color:#ff6b4a;text-shadow:0 0 80px rgba(255,78,46,.5)}#death-screen[data-cause=frozen] .death-content h2{color:#c7f2ff;text-shadow:0 0 80px rgba(158,231,255,.42)}#death-screen[data-cause=scattered] .death-content h2{color:#d8b8ff;text-shadow:0 0 80px rgba(179,119,255,.5)}#death-screen[data-cause=collapse] .death-content h2{color:#ffd36a;text-shadow:0 0 80px rgba(255,211,106,.35)}#death-screen[data-cause=impact] .death-content h2{color:#fff;text-shadow:0 0 90px rgba(255,211,106,.5)}.death-card{width:min(35rem,92vw);padding:clamp(1.4rem,5vw,2.6rem);border:1px solid rgba(255,255,255,.18);border-radius:1.4rem;background:linear-gradient(145deg,#0d0b1ceb,#36183ec7);box-shadow:0 0 80px #ff596f2e,inset 0 0 50px #b377ff14;text-align:center}.death-card h2{margin-top:.4rem;color:#fff;letter-spacing:.16em;font-size:clamp(1.45rem,6vw,3.4rem)}#death-stats,#death-message,#death-high-score{margin:1rem auto 1.45rem;color:#f6ebffd1;line-height:1.55;max-width:27rem}#death-stats{margin-bottom:0;color:#9fffd4d1;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}#death-message{margin-top:.75rem}#death-high-score{margin-top:-.6rem;color:#ffffff61;letter-spacing:.08em;text-transform:uppercase}.death-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.death-actions button{min-width:9.5rem;min-height:3rem;border-radius:.16rem;background:transparent}#share-status{min-height:1.2rem;margin-top:.8rem;color:#e0d6ff99;font-size:.8rem}button{pointer-events:auto;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.78rem 1.2rem;color:#fff;background:#b377ff2e;box-shadow:0 0 26px #b377ff33;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}button:hover{background:#b377ff4d}#share-button{background:#59ffbf1a}#share-button:hover{background:#59ffbf33}#mobile-controls{position:fixed;left:50%;bottom:calc(.72rem + env(safe-area-inset-bottom));z-index:3;display:none;transform:translate(-50%);gap:.42rem;pointer-events:none}#mobile-controls button{min-width:3.3rem;min-height:2.75rem;padding:.45rem .58rem;border-radius:999px;pointer-events:auto;background:#06060e6b;font-size:.58rem}#tutorial-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(24rem,calc(100vw - 2rem));padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.16);border-radius:.6rem;background:linear-gradient(145deg,#050712db,#1c0f30bd);box-shadow:0 0 34px #b377ff2e,inset 0 0 24px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}#tutorial-box.hidden{display:none}#tutorial-box h2{margin:.35rem 0 .45rem;color:#fff;font-size:clamp(1rem,4vw,1.35rem);line-height:1.08;letter-spacing:.1em;text-transform:uppercase}#tutorial-text{color:#f6f0ffd6;font-size:clamp(.88rem,2.5vw,1rem);line-height:1.45}.tutorial-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}#tutorial-got-it,#tutorial-skip{flex:1 1 7rem;min-height:2.1rem;padding:.42rem .7rem;border-radius:.16rem;box-shadow:none;font-size:.64rem}#tutorial-got-it{color:#fff;background:#b377ff47}#tutorial-skip{color:#ffffffb8;background:#ffffff0f}.tutorial-highlight{position:relative;color:#fff!important;border-color:#ffffff94!important;box-shadow:0 0 22px #ffffff38,0 0 42px #b377ff3d!important}.hud-links{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.48rem;pointer-events:auto}.hud-link-btn{padding:.3rem .72rem;min-height:1.9rem;font-size:.72rem;letter-spacing:.14em;color:#e0d6ff70;background:transparent;border:1px solid rgba(224,214,255,.12);border-radius:.16rem;box-shadow:none}.hud-link-btn:hover{color:#e0d6ffe0;background:#b377ff1a;border-color:#e0d6ff52}.hud-settings-btn{font-size:1rem;padding:.18rem .52rem;line-height:1}#run-mode-toggle.active,#run-mode-toggle:hover{color:#9fffd4;border-color:#9fffd480;box-shadow:0 0 18px #9fffd42e}.portal-btn-wrap{position:relative}.pause-actions .portal-btn-wrap button{width:100%}.portal-hint{position:absolute;top:calc(100% + .3rem);left:50%;transform:translate(-50%);white-space:nowrap;font-size:.62rem;color:#9fffd485;letter-spacing:.07em;text-transform:uppercase;text-align:center;opacity:0;transition:opacity .16s ease;pointer-events:none;line-height:1}.portal-btn-wrap:hover .portal-hint,.portal-btn-wrap:focus-within .portal-hint{opacity:1}#info-screen,#story-screen,#leaderboard-screen,#controls-screen{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:1.2rem;background:#040510e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}#info-screen.hidden,#story-screen.hidden,#leaderboard-screen.hidden,#controls-screen.hidden{display:none}.controls-table{width:100%;border-collapse:collapse;text-align:left;margin:0 0 1.4rem}.controls-table td{padding:.46rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:clamp(.8rem,2vw,.92rem);color:#f0eaffd1;line-height:1.4}.ctrl-key{white-space:nowrap;min-width:6.5rem;font-family:ui-monospace,Cascadia Code,SF Mono,monospace;font-size:.82rem!important;color:#fff!important;background:#b377ff1f;border:1px solid rgba(179,119,255,.28)!important;border-radius:.22rem;letter-spacing:.04em;padding:.28rem .6rem!important}.overlay-panel{width:min(44rem,94vw);padding:clamp(1.4rem,5vw,2.6rem);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;background:linear-gradient(145deg,#080a1af7,#1c0c30f2);box-shadow:0 0 80px #b377ff1a,inset 0 0 40px #b377ff0a;text-align:center;animation:death-reveal .4s cubic-bezier(.16,1,.3,1) both}.overlay-panel h2{margin:.45rem 0 1.2rem;font-size:clamp(1.5rem,5vw,2.8rem);letter-spacing:.12em;color:#fff;text-shadow:0 0 40px rgba(179,119,255,.35)}.overlay-list{list-style:none;padding:0;margin:0 0 1.2rem;text-align:left;display:grid;gap:.6rem}.overlay-list li{position:relative;padding-left:1.1rem;color:#f0eaffcc;line-height:1.55;font-size:clamp(.82rem,2vw,.92rem)}.overlay-list li:before{content:"·";position:absolute;left:0;color:#b377ffa6}.overlay-list strong{color:#ffffffeb}.story-body{margin:0 0 1.3rem;text-align:left;display:grid;gap:.85rem}.story-body p{color:#ebe4ffc7;line-height:1.72;font-size:clamp(.85rem,2vw,.96rem);font-style:italic;letter-spacing:.02em}.overlay-footnote{margin:0 0 1.3rem;color:#e0d6ff5c;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.overlay-actions button{min-width:8.5rem;min-height:2.8rem;border-radius:.16rem}.overlay-goal{margin:0 0 1.1rem;color:#ffffffe0;font-size:clamp(.86rem,2.2vw,.98rem);font-weight:600;letter-spacing:.03em;line-height:1.45}.overlay-panel .btn-primary{background:#b377ff4d;border-color:#b377ff85;box-shadow:0 0 22px #b377ff38}.overlay-panel .btn-primary:hover{background:#b377ff75}@keyframes pulse-dot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes death-reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes death-flicker{0%,to{opacity:.42}48%{opacity:.34}51%{opacity:.55}53%{opacity:.38}}@keyframes level-banner-in{0%{opacity:0;transform:translate(-50%,-1.1rem)}to{opacity:1;transform:translate(-50%)}}@keyframes level-banner-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-.8rem)}}.lb-tabs{display:flex;gap:.5rem;margin:0 0 1.1rem}.lb-tab{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#e0d6ff80;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.42rem 0;border-radius:4px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.lb-tab:hover{background:#ffffff1a;color:#e0d6ffcc}.lb-tab.active,.lb-tab[aria-selected=true]{background:#b48cff2e;border-color:#b48cff73;color:#e0d6ff}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:clamp(.76rem,2vw,.88rem);margin:0 0 1.2rem}.leaderboard-table th{color:#e0d6ff7a;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;padding:.28rem .55rem;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-table td{padding:.38rem .55rem;color:#f0eaffc7;border-bottom:1px solid rgba(255,255,255,.04)}.leaderboard-table tr.rank-1 td{color:#ffd36a}.leaderboard-table tr.rank-2 td{color:#fffffff2}.leaderboard-table tr.rank-3 td{color:#9ee7ff}.leaderboard-empty{color:#e0d6ff75;font-size:.88rem;text-align:center;padding:1.4rem 0;letter-spacing:.06em;margin:0 0 1.2rem}.publish-form{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.7rem}#publish-form.hidden{display:none}.publish-form input[type=text]{padding:.56rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font:inherit;letter-spacing:.06em;font-size:.88rem;min-width:10rem;text-align:center;outline:none}.publish-form input[type=text]:focus{border-color:#b377ff85;background:#b377ff14}.publish-form input[type=text]::placeholder{color:#ffffff47}#audio-settings{margin-top:.85rem;padding:.85rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:.28rem;background:#ffffff08;display:grid;gap:.75rem}#audio-settings.hidden{display:none}.vol-row{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:.6rem}.vol-row label{color:#e0d6ff9e;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-align:right}.vol-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:.28rem;border-radius:999px;background:#b377ff38;outline:none;cursor:pointer;border:none;box-shadow:none;padding:0}.vol-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border-radius:50%;background:#b377ffe6;box-shadow:0 0 10px #b377ff80;cursor:pointer}.vol-row input[type=range]::-moz-range-thumb{width:1.1rem;height:1.1rem;border-radius:50%;background:#b377ffe6;box-shadow:0 0 10px #b377ff80;cursor:pointer;border:none}@media(max-width:620px){.hud-top{align-items:stretch}h1{letter-spacing:.2em}.stats{min-width:7.8rem;padding:.62rem}#warnings{top:7.7rem}#hint-line{top:9.5rem}.mode-controls,.instructions,#mode-info{display:none}#mobile-controls{display:flex}#tutorial-box{width:min(22rem,calc(100vw - 1.6rem));padding:.85rem}#portal-badge{right:.75rem;bottom:4.2rem}.meters{bottom:7.8rem;width:min(14rem,62vw)}.death-actions button,.death-actions .portal-btn-wrap{width:min(100%,17rem)}.death-actions .portal-btn-wrap button{width:100%}.portal-hint{opacity:.62;font-size:.58rem}.overlay-actions{flex-direction:column;align-items:stretch}.overlay-actions button,.overlay-actions .portal-btn-wrap,.overlay-actions .portal-btn-wrap button{width:100%}}