:root{--screen: #02070a;--grid: #0c2a24;--system: #3dfb87;--contact: #ffb000;--salvage: #d8fff0;--alarm: #ff3b30;--chrome: #5f8f7c;--font: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--panel: rgba(2, 12, 10, .92);--hairline: rgba(61, 251, 135, .24);--pad-top: max(.75rem, env(safe-area-inset-top));--pad-bottom: max(.75rem, env(safe-area-inset-bottom));--pad-left: max(.75rem, env(safe-area-inset-left));--pad-right: max(.75rem, env(safe-area-inset-right))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--screen);color:var(--salvage);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;user-select:none}canvas{display:block;position:fixed;inset:0}.hidden{display:none!important}#uiLayer{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left)}#hud{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.hud-left{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1 1 auto;max-width:min(22rem,46%)}.bar{position:relative;width:100%;border:1px solid var(--hairline);background:#0000008c;overflow:hidden}.bar-hull{height:.9rem}.bar-xp{height:.35rem}.bar-fill{height:100%;width:100%;transition:width .18s linear}#hullBar{background:var(--system)}#hullBar.is-critical{background:var(--alarm);animation:hull-pulse .9s ease-in-out infinite}#xpBar{background:var(--salvage);width:0}#xpBar.is-pulsing{animation:xp-arrive .26s ease-out}@keyframes xp-arrive{0%{box-shadow:0 0 #d8fff0e6;filter:brightness(2.6)}to{box-shadow:0 0 10px 2px #d8fff000;filter:brightness(1)}}@keyframes hull-pulse{50%{opacity:.55}}.bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--screen);text-shadow:0 0 3px rgba(2,7,10,.9),0 0 6px rgba(2,7,10,.7)}.hud-meta{display:flex;gap:.6rem;font-size:.65rem;letter-spacing:.1em;color:var(--chrome);text-transform:uppercase}.hud-meta strong{color:var(--salvage);font-weight:700}#pauseBtn{flex:0 0 auto;width:2.6rem;height:2.6rem;border:1px solid var(--hairline);background:#020c0abf;color:var(--chrome);font-family:var(--font);font-size:1rem;cursor:pointer;pointer-events:auto;position:relative;z-index:6}.hud-right{text-align:right;flex:0 0 auto}.hud-score{font-size:1.4rem;font-weight:700;color:var(--system);line-height:1.1;font-variant-numeric:tabular-nums}.hud-time{font-size:.8rem;color:var(--chrome);font-variant-numeric:tabular-nums}#weaponStrip,#systemStrip,#pactStrip{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.1rem}.weapon-chip,.system-chip,.pact-chip{font-size:.55rem;letter-spacing:.06em;padding:.12rem .35rem;border:1px solid var(--hairline);color:var(--tint, var(--chrome));white-space:nowrap}.system-chip{border-color:#d8fff059;color:var(--salvage)}.pact-chip{border-color:#ffb00073;color:var(--contact)}#controls{position:fixed;inset:0;pointer-events:auto;z-index:5}#dashBtn{position:absolute;right:calc(var(--pad-right) + .75rem);bottom:calc(var(--pad-bottom) + 1.5rem);width:5.5rem;height:5.5rem;border-radius:50%;border:2px solid var(--system);background:radial-gradient(circle,#3dfb872e,#020c0abf);color:var(--system);font-family:var(--font);font-size:.7rem;font-weight:700;letter-spacing:.12em;display:grid;place-items:center;cursor:pointer;transition:transform .08s ease-out;touch-action:manipulation}#dashBtn:active{transform:scale(.94)}#dashBtn.is-cooling{border-color:var(--chrome);color:var(--chrome);opacity:.55}#dashRing{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--system) var(--fill, 100%),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));opacity:.7;pointer-events:none}.joystick-base,.joystick-knob{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.joystick-base{width:6.25rem;height:6.25rem;border:2px solid rgba(61,251,135,.28)}.joystick-knob{width:3.1rem;height:3.1rem;background:#3dfb8766}.overlay{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:calc(var(--pad-top) + .5rem) 1rem calc(var(--pad-bottom) + .5rem);background:#010504f0;overflow-y:auto;overscroll-behavior:contain;text-align:center}.overlay--top{z-index:50}.overlay h1,.overlay h2{margin:0;letter-spacing:.18em;text-transform:uppercase}.overlay h1{font-size:clamp(2rem,12vw,3.5rem);font-weight:700;color:var(--system)}.overlay h2{font-size:clamp(1.2rem,6vw,1.8rem);color:var(--system)}.subtitle{margin:0;font-size:.72rem;letter-spacing:.24em;color:var(--chrome);text-transform:uppercase}.btn{font-family:var(--font);font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.85rem 1.6rem;border:1px solid var(--system);background:#3dfb871f;color:var(--system);cursor:pointer;min-height:2.75rem;transition:background .12s ease-out}.btn:active{background:#3dfb8742}.btn:disabled{opacity:.35;cursor:default}.btn--ghost{border-color:var(--hairline);background:transparent;color:var(--chrome)}.btn--primary{background:var(--system);color:var(--screen)}.field{width:min(18rem,100%);padding:.8rem;text-align:center;font-family:var(--font);font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;color:var(--salvage);background:#0009;border:1px solid var(--hairline)}.field:focus{outline:none;border-color:var(--system)}.note{font-size:.68rem;line-height:1.5;color:var(--chrome);max-width:30rem}.link{color:var(--chrome);font-size:.68rem;text-decoration:underline}.link:hover{color:var(--system)}#cardsContainer{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:60rem}.boon-card{display:flex;flex-direction:column;gap:.28rem;padding:.75rem .9rem;text-align:left;font-family:var(--font);color:var(--salvage);background:#030e0cf2;border:1px solid var(--rarity, var(--chrome));box-shadow:0 0 12px -4px var(--rarity-glow, transparent);cursor:pointer;transition:transform .12s ease-out,background .12s ease-out}.boon-card:active{transform:scale(.985);background:#081a16fa}.boon-card.is-banishing{border-style:dashed;border-color:var(--alarm)}.boon-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.boon-rarity{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rarity, var(--chrome))}.boon-kind{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;padding:.1rem .34rem;border:1px solid currentColor;color:var(--chrome);white-space:nowrap}.kind-waffe .boon-kind{color:var(--system)}.kind-system .boon-kind{color:var(--salvage)}.kind-verstaerker .boon-kind{color:var(--contact)}.kind-kopplung .boon-kind{color:#9fe8ff}.kind-wert .boon-kind{color:var(--chrome)}.kind-kopplung{background:linear-gradient(135deg,rgba(159,232,255,.07),transparent 60%),#030e0cf2}.boon-name{font-size:1rem;font-weight:700;letter-spacing:.06em}.boon-value{font-size:.9rem;color:var(--system)}.boon-detail{font-size:.65rem;line-height:1.4;color:var(--chrome)}.boon-card.is-chosen,.pact-card.is-chosen{animation:card-chosen .32s cubic-bezier(.2,.9,.3,1) forwards;z-index:2}.boon-card.is-dismissed,.pact-card.is-dismissed{animation:card-dismissed .32s ease-in forwards;pointer-events:none}@keyframes card-chosen{0%{transform:scale(1);opacity:1}30%{transform:scale(1.06);filter:brightness(2.4);opacity:1}65%{transform:scale(1.04);filter:brightness(1.8);opacity:1}to{transform:scale(1.02);filter:brightness(1.2);opacity:0}}@keyframes card-dismissed{0%{transform:scale(1);opacity:1}to{transform:scale(.92) translateY(10px);opacity:0}}.rarity-mahlstrom{animation:mahlstrom 2.4s linear infinite}@keyframes mahlstrom{0%,to{border-color:#fff;box-shadow:0 0 18px -2px #fffc}50%{border-color:var(--system);box-shadow:0 0 22px -2px var(--system)}}.card-tools{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.card-tools .btn{padding:.6rem 1rem;font-size:.7rem}#banishHint{font-size:.65rem;color:var(--alarm);min-height:1rem;opacity:0;transition:opacity .12s}#banishHint.is-visible{opacity:1}#pactList{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:60rem}.pact-card{display:flex;flex-direction:column;gap:.25rem;padding:.8rem .9rem;text-align:left;font-family:var(--font);background:#0e0902f2;border:1px solid rgba(255,176,0,.5);color:var(--salvage);cursor:pointer}.pact-card:active{transform:scale(.985)}.pact-name{font-size:1rem;font-weight:700;color:var(--contact);letter-spacing:.06em}.pact-cost{font-size:.72rem;color:var(--alarm)}.pact-gain{font-size:.72rem;color:var(--system)}.logbook{width:min(34rem,100%);border:1px solid var(--hairline);background:#030e0cb3;text-align:left;flex:0 0 auto}.logbook>summary{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem .8rem;cursor:pointer;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--system);list-style:none}.logbook>summary::-webkit-details-marker{display:none}.logbook>summary:before{content:"▸ ";color:var(--chrome)}.logbook[open]>summary:before{content:"▾ "}.log-summary{color:var(--chrome);letter-spacing:.08em}#gameOverScreen .logbook{width:min(26rem,100%)}#gameOverScreen .log-body{max-height:26vh}.log-body{max-height:34vh;overflow-y:auto;overscroll-behavior:contain;padding:0 .8rem .7rem}.log-section{margin-top:.6rem}.log-section h4{margin:0 0 .25rem;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--chrome);font-weight:400}.log-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.16rem 0;font-size:.68rem;line-height:1.3}.log-row.is-empty{opacity:.4}.log-name{color:var(--salvage);font-weight:700}.log-meta{color:var(--chrome);font-size:.62rem}.log-dots{color:var(--system);letter-spacing:.1em;font-size:.6rem}.log-bar{flex:1 1 3rem;min-width:2.5rem;height:.3rem;background:#00000080;border:1px solid var(--hairline);position:relative}.log-bar:after{content:"";position:absolute;inset:0;width:var(--fill, 0%);background:var(--tint, var(--system))}.settings{width:min(30rem,100%);border:1px solid var(--hairline);background:#030e0c99;text-align:left}.settings>summary{padding:.7rem .9rem;cursor:pointer;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--system);list-style:none}.settings>summary::-webkit-details-marker{display:none}.settings>summary:after{content:" ▾";color:var(--chrome)}.settings[open]>summary:after{content:" ▴"}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.4rem;padding:0 .7rem .7rem}#pauseScreen .settings-grid{width:min(30rem,100%);padding:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;font-family:var(--font);font-size:.68rem;letter-spacing:.04em;background:#00000073;border:1px solid var(--hairline);color:var(--salvage);cursor:pointer;min-height:2.4rem;text-align:left}.toggle-state{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.1rem .4rem;border:1px solid currentColor;color:var(--system)}.toggle[aria-pressed=false]{color:var(--chrome);border-color:#5f8f7c4d}.toggle[aria-pressed=false] .toggle-state{color:var(--chrome);opacity:.75}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem;font-size:.72rem;color:var(--chrome);text-transform:uppercase;letter-spacing:.1em}.stat-grid strong{display:block;font-size:1.05rem;color:var(--salvage);letter-spacing:0;font-variant-numeric:tabular-nums}.final-score{font-size:clamp(2.2rem,14vw,3.4rem);font-weight:700;color:var(--system);font-variant-numeric:tabular-nums;line-height:1}.board{width:min(26rem,100%);max-height:32vh;overflow-y:auto;list-style:none;margin:0;padding:.4rem;border:1px solid var(--hairline);background:#00000080}.board-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;padding:.3rem .2rem;font-size:.78rem;border-bottom:1px solid rgba(95,143,124,.18)}.board-row:last-child{border-bottom:none}.board-row.is-first .board-name,.board-row.is-first .board-score{color:var(--system)}.board-rank{color:var(--chrome);font-variant-numeric:tabular-nums}.board-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-variant-numeric:tabular-nums;color:var(--salvage)}.board-empty{padding:.6rem;font-size:.72rem;color:var(--chrome)}.submit-row{display:flex;flex-direction:column;align-items:center;gap:.4rem}#submitNote{font-size:.65rem;color:var(--chrome);min-height:1rem}@media(min-width:40rem){#cardsContainer,#pactList{flex-direction:row;align-items:stretch}.boon-card,.pact-card{flex:1 1 0}.boon-card{padding:1.1rem}.boon-card:hover{transform:translateY(-4px)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-height:26rem){.overlay{gap:.5rem;justify-content:flex-start}.overlay h1{font-size:1.6rem}.boon-card{padding:.5rem .7rem}.board{max-height:24vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}