: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}#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(1rem,3vw,2.15rem);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}#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}#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-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-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}.hud-links{display:flex;gap:.4rem;margin-top:.45rem;pointer-events:auto}.hud-link-btn{padding:.22rem .52rem;min-height:unset;font-size:.6rem;letter-spacing:.15em;color:#e0d6ff61;background:transparent;border:1px solid rgba(224,214,255,.1);border-radius:.14rem;box-shadow:none}.hud-link-btn:hover{color:#e0d6ffd1;background:#b377ff1a;border-color:#e0d6ff47}.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{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{display:none}.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}}@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}#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%}}