@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&family=Press+Start+2P&display=swap";:root{--bg: #eaf4f8;--panel: #ffffff;--board-bg: #1f6fa8;--line: #d7e6ee;--text: #17293a;--muted: #5d7a90;--accent: #ff9a4d;--gold: #ffd166;--btn-bg: #f0f6f9;--btn-bg-hover: #e2eef4;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-arcade: "Press Start 2P", var(--font-mono)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}button{font-family:inherit}.app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:env(safe-area-inset-top,0px) 16px 0;padding-bottom:10px;background:var(--panel);border-bottom:1px solid var(--line)}.wordmark{font-family:var(--font-mono);font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}.topbar__stats{display:flex;gap:16px;font-family:var(--font-mono);font-size:13px}.topbar__stat .stat__label{margin-right:4px}.topbar__actions{display:flex;align-items:center;gap:8px}.options{position:relative}.options__trigger{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--btn-bg);color:var(--muted);font-family:var(--font-mono);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.options__trigger:hover,.options__trigger[aria-expanded=true]{background:var(--btn-bg-hover);color:var(--text)}.options__panel{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-height:min(80vh,560px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 8px 24px -8px #14161e59;z-index:10}.options__title{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.options__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.options__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.options__keys{display:flex;gap:4px;flex:none}.options__key{min-width:20px;padding:2px 6px;border-radius:5px;border:1px solid var(--line);background:var(--btn-bg);color:var(--text);font-family:var(--font-mono);font-size:11px;text-align:center}.options__label{font-size:12.5px;color:var(--text);text-align:right}.options__segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:9px;background:var(--btn-bg);border:1px solid var(--line)}.options__segment{border:0;border-radius:6px;padding:6px 8px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer}.options__segment[aria-checked=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #14161e2e}.options__palettes{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.options__palette{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:30px;padding:4px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.options__palette span{width:6px;height:12px}.options__palette[aria-checked=true]{outline:2px solid var(--accent);outline-offset:1px}.options__trigger:focus-visible,.options__segment:focus-visible,.options__palette:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.options__current{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11px;color:var(--text)}.options__check{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--text);cursor:pointer}.achievements{position:relative}.achievements__trigger{height:28px;padding:0 9px;display:flex;align-items:center;gap:5px;border-radius:999px;border:1px solid var(--line);background:var(--btn-bg);color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:background .15s ease,color .15s ease}.achievements__trigger:hover,.achievements__trigger[aria-expanded=true]{background:var(--btn-bg-hover);color:var(--text)}.achievements__count{line-height:1}.achievements__panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 8px 24px -8px #14161e59;z-index:10}.achievements__title{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.achievements__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.achievements__item{display:flex;align-items:flex-start;gap:10px}.achievements__badge{flex:none;width:20px;height:20px;margin-top:1px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);color:var(--gold)}.achievements__item:not(.achievements__item--done) .achievements__badge{background:var(--btn-bg)}.achievements__item--done .achievements__badge{background:#fff6df;border-color:var(--gold)}.achievements__text{display:flex;flex-direction:column;gap:2px;min-width:0}.achievements__name{font-size:13px;font-weight:600;color:var(--text)}.achievements__item:not(.achievements__item--done) .achievements__name{color:var(--muted)}.achievements__desc{font-size:11.5px;color:var(--muted);line-height:1.4}.achievement-toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + 59px);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#17293a;color:#eaf4f8;box-shadow:0 10px 28px -8px #14161e80;pointer-events:auto;cursor:pointer}.achievement-toast__icon{flex:none;color:var(--gold);display:flex}.achievement-toast__text{display:flex;flex-direction:column;line-height:1.3}.achievement-toast__label{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:#9db3c4}.achievement-toast__name{font-size:13px;font-weight:700}.topbar{flex:none}.layout{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.board-shell{position:relative;aspect-ratio:1 / 2;flex:1;min-height:0;max-height:640px;max-width:94vw;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #14161e0d,0 12px 32px -12px #14161e40;touch-action:none}.depth-badge{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:6px 11px 7px;border-radius:10px;background:#0814216b;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.depth-badge__label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;line-height:1}.depth-badge__value{font-family:var(--font-mono);font-size:19px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}.boss-gauge{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));bottom:56.5%;left:8px;width:40px;display:flex;flex-direction:column;align-items:center;padding:6px 0 7px;border-radius:12px;background:#0814216b;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;--gauge-accent: #ff5a5a;--gauge-accent-soft: rgba(255, 90, 90, .35)}.boss-gauge--kracken{--gauge-accent: #ff8c1a;--gauge-accent-soft: rgba(255, 140, 26, .35)}.boss-gauge__start,.boss-gauge__boss-at{font-size:9px;font-weight:700;color:#ffffffd9;line-height:1.2;white-space:nowrap}.boss-gauge__start{margin-bottom:5px}.boss-gauge__tube{position:relative;flex:1 1 auto;min-height:40px;width:8px;border-radius:4px 4px 0 0;background:#ffffff24;border:1px solid rgba(255,255,255,.35);border-bottom:none}.boss-gauge__fill{position:absolute;top:0;left:0;right:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,rgba(120,220,255,.7),var(--gauge-accent));transition:height .4s ease-out}.boss-gauge__marker{position:absolute;left:50%;transform:translate(-10px,-50%);display:flex;align-items:center;gap:3px;transition:top .4s ease-out}.boss-gauge__sub{fill:#ffd166;filter:drop-shadow(0 0 2px rgba(0,0,0,.6));flex-shrink:0}.boss-gauge__sub-port{fill:#1f6fa8}.boss-gauge__to-go{padding:1px 4px;border-radius:999px;font-size:9px;font-weight:700;line-height:1.3;color:#fff;background:#08142199;border:1px solid rgba(255,255,255,.18);white-space:nowrap}.boss-gauge__bulb{width:16px;height:16px;margin-top:-2px;border-radius:50%;background:var(--gauge-accent);border:1px solid rgba(255,255,255,.45);box-shadow:0 0 6px var(--gauge-accent-soft);flex-shrink:0}.boss-gauge__boss{margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--gauge-accent);line-height:1.2}.boss-gauge--kracken .boss-gauge__boss{font-size:7px;letter-spacing:0}.boss-gauge--fight .boss-gauge__bulb{animation:boss-gauge-pulse .9s ease-in-out infinite}.boss-gauge--fight .boss-gauge__to-go{color:#ffd7d7;border-color:var(--gauge-accent)}@keyframes boss-gauge-pulse{0%,to{box-shadow:0 0 4px var(--gauge-accent-soft)}50%{box-shadow:0 0 14px var(--gauge-accent)}}.weapon-badge{position:absolute;bottom:calc(78% + 70px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;white-space:nowrap}.weapon-badge__row{padding:5px 10px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.18)}.weapon-badge__row--shotgun{background:#d88a2e80;color:#ffe27a}.weapon-badge__row--laser{background:#7a4cd980;color:#d9baff;animation:weapon-pulse 1s ease-in-out infinite}@keyframes weapon-pulse{0%,to{opacity:1}50%{opacity:.55}}.boss-banner{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:5px 14px 5px 8px;border-radius:999px;background:#2e060a8c;border:1px solid rgba(255,90,90,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;animation:boss-banner-pulse 1.3s ease-in-out infinite}.boss-banner__label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffd7d7;white-space:nowrap}.boss-banner__ring{transform:rotate(-90deg);flex-shrink:0}.boss-banner__ring-bg,.boss-banner__ring-fg{fill:none;stroke-width:4}.boss-banner__ring-bg{stroke:#fff3}.boss-banner__ring-fg{stroke:#ff3b3b;stroke-linecap:round;transition:stroke-dashoffset .25s ease-out}@keyframes boss-banner-pulse{0%,to{box-shadow:0 0 #ff3b3b00}50%{box-shadow:0 0 14px #ff3b3b8c}}.boss-banner--kracken{background:#3a1a038c;border-color:#ff9a288c;animation-name:boss-banner-pulse-kracken}.boss-banner--kracken .boss-banner__label{color:#ffd9a0}.boss-banner--kracken .boss-banner__ring-fg{stroke:#ff8c1a}@keyframes boss-banner-pulse-kracken{0%,to{box-shadow:0 0 #ff8c1a00}50%{box-shadow:0 0 14px #ff8c1a99}}.game-canvas{display:block;width:100%;height:100%;background:var(--board-bg);cursor:pointer;touch-action:none;image-rendering:pixelated}.stats-sidebar{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:row;align-items:center;gap:16px}.stats-sidebar__section{flex:none;width:64px;display:flex;flex-direction:column;gap:4px}.stats-sidebar__stats{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px}.stat__value--best{font-family:var(--font-mono);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.stat{display:flex;flex-direction:column;gap:2px}.stat--duplicate{display:none}.stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--font-mono)}.stat__value{font-family:var(--font-mono);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;display:inline-block}.btn{border:1px solid var(--line);background:var(--btn-bg);color:var(--text);border-radius:10px;padding:14px 0;flex:1;font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease,transform .1s ease}.btn:active:not(:disabled){transform:scale(.95)}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btn:disabled{opacity:.45;cursor:default}.btn--ghost{background:transparent;border-color:var(--line);font-size:13px;padding:8px 14px;flex:none;font-family:var(--font-mono)}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);font-family:var(--font-mono);font-size:14px;padding:12px 22px;flex:none}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14161e8c;display:flex;align-items:center;justify-content:center;padding:16px}.overlay__card{background:var(--panel);border-radius:14px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px}.overlay__card h2{margin:0;font-family:var(--font-mono);font-size:20px}.overlay__card p{margin:0;color:var(--muted);font-size:14px}.title-screen{display:flex;flex-direction:column;align-items:center;gap:28px}.title-screen__logo{margin:0;font-family:var(--font-arcade);font-size:clamp(22px,6vw,34px);line-height:1.5;text-align:center;color:#fff;letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 18px rgba(0,0,0,.4)}.title-screen .btn--primary{font-family:var(--font-arcade);font-size:13px;letter-spacing:.04em;padding:16px 26px;box-shadow:0 4px #00000040,0 10px 24px -8px #00000080}@media (orientation: portrait) and (pointer: coarse),(max-width: 839px){.layout{padding:0;gap:0}.board-shell{aspect-ratio:auto;flex:1 1 auto;width:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none}.stats-sidebar{display:none}}@media (pointer: fine) and (min-width: 880px),(pointer: coarse) and (orientation: landscape) and (min-width: 840px){.layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;gap:16px;min-height:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.board-shell{grid-column:1;grid-row:1;flex:none;aspect-ratio:1 / 2;height:100%;width:auto;max-height:100%;max-width:100%;border-radius:12px;box-shadow:0 1px 2px #14161e0d,0 12px 32px -12px #14161e40}.depth-badge{top:10px}.stats-sidebar{grid-column:2;grid-row:1;display:flex;align-self:start;width:100%;justify-self:stretch;flex-direction:column;align-items:stretch}.stats-sidebar__section{width:auto}.stats-sidebar__stats{flex-direction:column}.stat--duplicate{display:flex}}@media (orientation: landscape) and (max-height: 560px){.layout{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:10px}.topbar{padding-bottom:6px}.stats-sidebar{padding:10px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}