:root{--abyss: #02090f;--deep: #04121c;--hull: #0b2433;--steel: #1a3646;--steel-hi: #2c5268;--brass: #c9a227;--brass-hi: #ffd76a;--sonar: #58ffa1;--ice: #7fe3ff;--warn: #ffb347;--alarm: #ff5a4e;--text: #e8eef2;--muted: #8fa7b5;--radius: 14px;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background:var(--abyss)}body{background:radial-gradient(ellipse at 50% -10%,#0d3a52 0%,var(--deep) 45%,var(--abyss) 100%) fixed;color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}input,select{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--steel-hi);border-radius:10px;padding:10px 12px;width:100%}h1,h2{margin:0;letter-spacing:.08em}.btn{border:1px solid var(--steel-hi);background:linear-gradient(180deg,#24475a,#142b39);border-radius:12px;padding:12px 18px;font-weight:700;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff1f,0 4px 14px #0006}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(180deg,var(--brass-hi),var(--brass));color:#1c1405;border-color:#8a6a12}.btn.danger{background:linear-gradient(180deg,#ff7a6e,#b4281e);border-color:#6e130c}.btn.ghost{background:transparent;box-shadow:none}.btn.big{font-size:1.25rem;padding:16px 28px;letter-spacing:.25em;text-transform:uppercase}.icon-btn{display:inline-flex;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid var(--steel-hi);border-radius:12px;background:linear-gradient(180deg,#1c3a4b,#0f2230);font-weight:800;font-size:.9rem}.icon-btn:disabled{opacity:.35}.icon-btn.danger{border-color:var(--alarm);box-shadow:0 0 10px #ff5a4e59}.icon-btn.pulse{animation:pulse 1s infinite;border-color:var(--warn)}.chip{border:1px solid var(--steel-hi);background:#0006;border-radius:99px;padding:6px 12px}.link{background:none;border:0;color:var(--ice);text-decoration:underline;padding:4px}.screen{min-height:100dvh;padding:16px;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;background-size:cover;background-position:center}.screen-head{display:flex;align-items:center;gap:12px}.panel{background:linear-gradient(180deg,#1a3646bf,#081620d9);border:1px solid rgba(127,227,255,.15);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000059}.note{color:var(--muted);font-size:.9rem;margin:0}.note.warn{color:var(--warn)}.row{display:flex;gap:8px}.divider{text-align:center;color:var(--muted)}.home{justify-content:space-between;text-align:center;position:relative}.screen,.game{position:relative;isolation:isolate}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--abyss);background-size:cover;background-position:center}.home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02090f59,#02090f0d 35%,#02090f8c 65%,#02090ff2)}.logo-emblem{width:clamp(120px,30vw,190px);height:auto;display:block;margin:0 auto 10px;filter:drop-shadow(0 0 24px rgba(88,255,161,.35)) drop-shadow(0 8px 20px rgba(0,0,0,.6));animation:bob 5s ease-in-out infinite}.logo h1{filter:drop-shadow(0 2px 10px rgba(0,0,0,.9))}.logo-art{width:min(560px,92%);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(88,255,161,.12))}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home-top{display:flex;justify-content:space-between}.logo{margin-top:6vh}.logo img{max-width:80%}.logo h1{font-size:clamp(2.2rem,8vw,4rem);font-weight:900;letter-spacing:.22em;background:linear-gradient(180deg,#f6f9fb,#8fb4c8 60%,#3e6a82);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(127,227,255,.15)}.logo-sub{animation:bob 4s ease-in-out infinite;margin-top:10px}.menu{display:flex;flex-direction:column;gap:10px;align-items:stretch;max-width:340px;width:100%;margin:0 auto}.site-footer{margin-top:auto;padding-top:18px;text-align:center;font-size:.78rem;letter-spacing:.04em;padding-bottom:env(safe-area-inset-bottom,0px)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--brass-hi);text-decoration:underline}.count-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.count{border:1px solid var(--steel-hi);background:#0000004d;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.count.on{border-color:var(--brass-hi);box-shadow:0 0 12px #ffd76a59}.count-n{font-size:1.6rem;font-weight:900}.count-dice{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:80px}.seats{display:flex;flex-direction:column;gap:8px}.seat{display:grid;grid-template-columns:44px auto 1fr 44px 52px;gap:8px;align-items:center}.seat img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--steel)}.kind-toggle{font-size:1.4rem;border:1px solid var(--steel-hi);background:#0000004d;border-radius:10px;height:44px}.missions{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.mission{min-height:84px;border:1px solid var(--steel-hi);border-radius:12px;padding:10px;background:linear-gradient(160deg,#123245,#071722);background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;text-align:left}.mission.on{border-color:var(--brass-hi);box-shadow:0 0 12px #ffd76a59}.mission-name{font-weight:800}.mission-len{color:var(--muted);font-size:.85rem}.difficulty{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diff{border:1px solid var(--steel-hi);background:#0000004d;border-radius:10px;padding:8px 4px;text-transform:capitalize;font-weight:700;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:4px}.diff img{width:36px;height:36px;object-fit:contain}.diff.on{border-color:var(--brass-hi);color:var(--brass-hi)}.start-meters{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-weight:800}.start-meters span{display:inline-flex;align-items:center;gap:4px}.game{min-height:100dvh;max-width:1200px;margin:0 auto;display:grid;gap:10px;padding:10px 10px 0;grid-template-rows:auto auto auto 1fr auto}.game.shake{animation:shake .45s}.hud{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(180deg,#1d3c4e,#0b1d29);border:1px solid var(--steel-hi);border-radius:var(--radius);padding:8px 10px;box-shadow:inset 0 1px #ffffff1a}.meter{display:flex;align-items:center;gap:6px;flex:1 1 140px}.pips{display:flex;gap:3px;flex-wrap:wrap}.pip{width:13px;height:18px;background:center / contain no-repeat}.pip.on{filter:drop-shadow(0 0 4px rgba(88,255,161,.5))}.pip.warn{filter:drop-shadow(0 0 4px rgba(255,179,71,.5))}.pip.danger{filter:drop-shadow(0 0 5px rgba(255,90,78,.7));animation:pulse 1s infinite}.round-chip{display:flex;align-items:center;gap:4px;margin-left:auto}.round-n{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;border:2px solid var(--brass);color:var(--brass-hi)}.map{display:grid;gap:2px;padding:8px;border-radius:var(--radius);background-color:#031722;background-size:100% 100%;background-position:center;border:1px solid rgba(88,255,161,.25);box-shadow:inset 0 0 40px #58ffa114,0 0 0 4px #0b1d29,0 0 0 5px var(--steel-hi);overflow-x:auto}.depth-label{font-size:.65rem;color:var(--sonar);opacity:.7;display:grid;place-items:center;font-variant-numeric:tabular-nums}.cell{height:clamp(24px,5.2vh,46px);position:relative;display:grid;place-items:center;background:#58ffa10f;border:1px solid rgba(88,255,161,.12);border-radius:4px}.cell{background-size:cover;background-position:center}.cell.surface{background-color:#7fe3ff2e;border-color:#7fe3ff59}.cell.fog{background-color:#04090d;border-color:#ffffff08}.cell.floor{background-color:#2a2117;border-color:#78644680}.cell.goal:not(.floor){box-shadow:inset 0 0 0 1px #58ffa199}.cleared-x{color:#ff5a4e80;font-size:.7rem}.cell.here{background:#ffcc4d2e}.cell .sub{position:absolute;width:clamp(40px,5.2vw,76px);height:auto;filter:drop-shadow(0 0 6px rgba(255,204,77,.55));z-index:2;pointer-events:none}.map-sprite{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,0,0,.8));pointer-events:none}.goal-buoy{filter:drop-shadow(0 0 6px rgba(88,255,161,.7))}.map{position:relative;isolation:isolate}.map-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;background-repeat:no-repeat;z-index:1;border-radius:inherit}.map-ambient.rays{background-size:60% 100%;background-position:30% 0;opacity:.28}.map-ambient.particles{background-repeat:repeat}.map-ambient.particles.far{background-size:256px 256px;opacity:.45;animation:drift-far 60s linear infinite}.map-ambient.particles.near{background-size:384px 384px;opacity:.55;animation:drift-near 34s linear infinite}@keyframes drift-far{0%{background-position:0 0}to{background-position:0 -256px}}@keyframes drift-near{0%{background-position:0 0}to{background-position:64px -384px}}.fx{position:absolute;left:50%;top:50%;width:320%;aspect-ratio:1;transform:translate(-50%,-50%);background-size:800% 100%;background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none;z-index:4;animation:fx-play 1s steps(8,jump-none) forwards}.fx-ping{width:420%}@keyframes fx-play{0%{background-position:0% 0}to{background-position:100% 0}}.fx-torpedo{position:absolute;left:60%;top:50%;width:220%;height:auto;z-index:4;pointer-events:none;animation:torpedo-run 1s ease-in forwards}@keyframes torpedo-run{0%{transform:translateY(-50%);opacity:1}to{transform:translate(260%,-50%);opacity:0}}.crew-strip{display:flex;gap:6px;overflow-x:auto}.crew{position:relative;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1px solid var(--steel);border-radius:99px;background:#0000004d;white-space:nowrap}.crew.active{border-color:var(--brass-hi);box-shadow:0 0 10px #ffd76a59}.avatar{width:30px;height:30px;border-radius:50%;background:var(--steel);object-fit:cover;border:1px solid rgba(255,255,255,.15)}.avatar.big{width:44px;height:44px}.crew-name{font-weight:700;font-size:.85rem}.crew-dice{display:flex;gap:2px}.mini-die{width:8px;height:8px;border-radius:2px;background:#f1ece0;opacity:.8}.hint-pop{position:absolute;top:-14px;right:-6px;background:#e8eef2;border-radius:10px;padding:2px;animation:pop .3s ease-out;box-shadow:0 2px 8px #00000080}.rooms{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start}.room{border:1px solid var(--steel-hi);border-radius:var(--radius);padding:8px;background-color:#0b2231;background-size:cover;background-position:center;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 1px #ffffff14,0 6px 16px #00000059}.room.required{border-color:#ffd76a8c}.room-head{display:flex;align-items:center;justify-content:center}.slots{display:flex;gap:8px;justify-content:center}.slot{position:relative;width:52px;height:52px;display:grid;place-items:center;border:2px dashed rgba(127,227,255,.4);border-radius:12px;background:#02090f99;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slot.filled{border-style:solid;border-color:#ffffff26}.slot.locked{border:2px solid transparent;background-color:transparent;background-size:112% 112%;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px color-mix(in srgb,var(--role) 70%,transparent),0 0 10px color-mix(in srgb,var(--role) 35%,transparent)}.slot.locked-out{opacity:.35}.slot-role{position:absolute;top:-9px;left:-9px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.station-badges{display:inline-flex;gap:2px}.slot.legal{border-color:var(--sonar);box-shadow:0 0 12px #58ffa180;animation:glow 1.2s infinite}.slot-order{position:absolute;bottom:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--brass);color:#1c1405;font-size:.65rem;font-weight:900;display:grid;place-items:center}.ghost-pair{display:flex;flex-direction:column;gap:1px}.rules{display:flex;flex-direction:column;gap:3px;font-size:.75rem;font-weight:800}.rule{display:flex;align-items:center;justify-content:center;gap:4px;background:#02090f8c;border-radius:8px;padding:2px 4px}.rules-propulsion{display:grid;grid-template-columns:1fr 1fr}.rules-propulsion .rule.wide{grid-column:1 / -1}.rule{border:1px solid transparent;transition:opacity .2s,box-shadow .2s,border-color .2s}.rule.hit{border-color:var(--sonar);background:#14462dd9;box-shadow:0 0 10px #58ffa18c,inset 0 0 8px #58ffa140;animation:rule-hit .35s ease-out}.rule.off{opacity:.32}.rules.dud .rule{border-color:#ff5a4e73}@keyframes rule-hit{0%{transform:scale(1.12)}to{transform:none}}.rule-when,.rule-then,.delta,.range{display:inline-flex;align-items:center;gap:2px}.rule-eq{color:var(--muted)}.range{background:#ffffff0f;border-radius:6px;padding:1px 2px}.range.low{box-shadow:inset 0 -2px 0 var(--ice)}.range.high{box-shadow:inset 0 -2px #3d7cff}.range>:first-child:after{content:""}.tray{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#04121c00,#04121cf2 25%);margin:0 -10px}.hand{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hand-die{border:0;background:none;padding:2px;border-radius:14px;transition:transform .15s;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.hand-die.selected{transform:translateY(-10px) scale(1.08);filter:drop-shadow(0 0 10px rgba(255,215,106,.9))}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pass-cover{width:100%;max-width:420px;min-height:96px;border-radius:var(--radius);border:2px solid var(--brass);background:linear-gradient(180deg,#2a2310,#120e05);display:flex;align-items:center;justify-content:center;gap:14px;font-size:1.2rem;font-weight:800}.pass-cover img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--brass);box-shadow:0 0 16px #ffd76a4d}.pass-tap{font-size:1.8rem;animation:bob 1.4s infinite}.ai-thinking{padding:18px;color:var(--muted);display:flex;align-items:center;gap:8px}.dots i{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:var(--sonar);animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hint-grid{display:grid;grid-template-columns:repeat(3,72px);gap:10px;padding:16px;border-radius:var(--radius);background:#0f2230;border:1px solid var(--steel-hi)}.hint-btn{height:72px;border-radius:12px;border:1px solid var(--steel-hi);background:#18344a;display:grid;place-items:center}.confirm,.report-card{background:linear-gradient(180deg,#1d3c4e,#0b1d29);border:1px solid var(--steel-hi);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;align-items:center;min-width:260px}.confirm-trade{display:flex;gap:20px;font-size:1.3rem;font-weight:900}.confirm-trade span{display:inline-flex;align-items:center;gap:4px}.confirm-buttons{display:flex;gap:12px}.confirm-buttons .btn{min-width:80px;font-size:1.3rem}.report-round{font-size:1.6rem;font-weight:900;color:var(--brass-hi)}.report-events{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:340px}.report-event{animation:pop .35s both;background:#0000004d;border-radius:10px;padding:6px 8px}.report-hit{display:inline-flex;align-items:center;gap:4px;font-weight:900}.report-tap{font-size:1.4rem;opacity:.6}.results{align-items:center;justify-content:center;text-align:center}.result-badge{filter:drop-shadow(0 0 30px rgba(255,255,255,.2))}.results.won h2{color:var(--sonar)}.results.lost h2{color:var(--alarm)}.score{font-size:3rem;font-weight:900;color:var(--brass-hi)}.tabs{display:flex;gap:6px}.tab{flex:1;border:1px solid var(--steel-hi);background:#0000004d;border-radius:10px;padding:10px;font-size:1.2rem}.tab.on{border-color:var(--brass-hi)}.rank-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rank-list li{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#1a364699;border:1px solid rgba(127,227,255,.1)}.rank-list li.lost{opacity:.6}.rank-list li.empty{display:block;text-align:center;color:var(--muted)}.rank{font-weight:900;color:var(--brass-hi);text-align:center}.who{display:flex;flex-direction:column;font-weight:700}.who small{color:var(--muted);font-weight:500}.pts{font-weight:900;font-variant-numeric:tabular-nums}.challenge{border:1px solid var(--steel-hi);border-radius:var(--radius);padding:16px;min-height:110px;background-color:#0b2231;background-size:cover;background-position:center;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;align-items:center}.challenge-kind{font-size:2rem;grid-row:span 2}.challenge-name{font-weight:900;font-size:1.1rem}.challenge-meta{color:var(--muted);display:flex;align-items:center;gap:8px;text-transform:capitalize}.mod{position:relative;display:inline-grid}.mod>*{grid-area:1 / 1}.mod .mod-x{align-self:end;justify-self:end;transform:translate(4px,4px)}.emblems{display:flex;flex-wrap:wrap;gap:6px}.emblem{font-size:1.4rem;width:44px;height:44px;border-radius:10px;border:1px solid var(--steel-hi);background:#0000004d}.emblem.on{border-color:var(--brass-hi)}.gmg-head{display:flex;align-items:center;gap:10px}.gmg-head img{height:32px}.social{display:flex;align-items:center;gap:10px;justify-content:center}.social-mark{font-weight:900;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#222}.social.facebook .social-mark{background:#1877f2;color:#fff}.howto-meters,.howto-dice{flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:14px;font-weight:800}.howto-meters div,.howto-dice div{display:inline-flex;align-items:center;gap:4px}.howto-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{50%{opacity:.55}}@keyframes glow{50%{box-shadow:0 0 2px #58ffa133}}@keyframes blink{50%{opacity:.2}}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{20%{transform:translate(-6px,2px)}40%{transform:translate(6px,-2px)}60%{transform:translate(-4px,1px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (min-width: 900px){.game{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr}.hud,.map,.crew-strip{grid-column:1 / -1}.rooms{grid-column:1 / -1;grid-template-columns:repeat(4,1fr)}.tray{grid-column:1 / -1}}.swap-roles{border:1px solid var(--steel-hi);background:#0000004d;border-radius:10px;height:44px;font-size:1.1rem}.howto-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.howto-role{display:flex;align-items:center;gap:8px;font-weight:800;flex-wrap:wrap}.howto-crews{display:flex;flex-direction:column;gap:6px;font-weight:800}.howto-crews div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.art-icon{display:inline-block;vertical-align:middle;flex-shrink:0;border-radius:50%;object-fit:contain}.note.with-icon{display:flex;align-items:center;gap:8px}.kind-toggle{display:grid;place-items:center}.emblem{display:grid;place-items:center;padding:0}.results .result-badge .art-icon{filter:drop-shadow(0 0 24px rgba(0,0,0,.8))}.results h2,.results .score,.results .start-meters{text-shadow:0 2px 12px rgba(0,0,0,.9)}.art-die{display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.pip.air{filter:drop-shadow(0 0 4px rgba(90,180,255,.55))}.map-wrap,.map-wrap .map-sheet-inner{display:contents}.chart-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);border:1px solid rgba(88,255,161,.35);background:linear-gradient(180deg,#031e28eb,#020e14eb);box-shadow:inset 0 0 18px #58ffa114}.chart-toggle.fresh{border-color:var(--sonar);animation:glow 1.4s infinite}.chart-icon{display:grid}.chart-track{position:relative;display:flex;gap:2px;height:14px;align-items:center}.chart-tick{flex:1;height:6px;border-radius:2px;background:#58ffa124}.chart-tick.past{background:#58ffa180}.chart-sub{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:#ffcc4d;box-shadow:0 0 8px #ffcc4dcc;transition:left .6s ease}.chart-goal{position:absolute;right:-2px;top:50%;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;background:var(--sonar);box-shadow:0 0 8px var(--sonar)}.chart-depth{font-weight:800;font-size:.85rem;color:var(--ice);font-variant-numeric:tabular-nums}.map-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 12px max(10px,env(safe-area-inset-left,0px));animation:sheet-in .2s ease-out}.map-sheet-inner{width:100%;max-width:760px;display:flex;flex-direction:column;gap:10px}.map-sheet .map{max-height:70vh}.chart-close{align-self:center}@keyframes sheet-in{0%{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}.btn.training{border-color:var(--sonar);color:var(--sonar)}.btn.glow{animation:glow 1.6s infinite;box-shadow:0 0 14px #58ffa166}.menu-row{display:flex;gap:8px}.menu-row>*{flex:1}.tutorial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.tutorial-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.tutorial-spot{position:fixed;border-radius:14px;border:2px solid var(--sonar);box-shadow:0 0 0 9999px #0009,0 0 18px #58ffa199;transition:left .25s,top .25s,width .25s,height .25s}.tutorial-card{position:fixed;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 24px));pointer-events:auto;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(180deg,#17384a,#0a1b26);border:1px solid var(--sonar);box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;gap:8px}.tutorial-card.top{top:calc(12px + env(safe-area-inset-top,0px))}.tutorial-card.bottom,.tutorial-card.center{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.tutorial-card h3{margin:0;font-size:1.05rem;color:var(--sonar);letter-spacing:.04em}.tutorial-card p{margin:0;line-height:1.45;font-size:.92rem}.tutorial-card p .art-icon,.tutorial-card p svg{vertical-align:-4px}.tutorial-progress{display:flex;gap:4px}.tutorial-progress span{flex:1;height:3px;border-radius:2px;background:#ffffff26}.tutorial-progress span.on{background:var(--sonar)}.tutorial-buttons{display:flex;justify-content:space-between;align-items:center;gap:8px}.tutorial-wait{color:var(--warn);font-weight:700;font-size:.85rem;animation:pulse 1.4s infinite}button.rules{position:relative;width:100%;padding:0;border:0;background:none;cursor:help;color:inherit;font:inherit;font-size:.75rem;font-weight:800;text-align:inherit;border-radius:8px}button.rules:focus-visible{outline:2px solid var(--ice);outline-offset:2px}button.rules:hover .rule{background:#0a2837bf}.rules-info{position:absolute;top:-7px;right:-5px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:italic 700 10px/1 Georgia,serif;color:#04121c;background:var(--ice);box-shadow:0 1px 3px #0009;pointer-events:none}.room-info{width:min(520px,calc(100% - 24px));max-height:min(88vh,760px);overflow:auto;border-radius:var(--radius);border:1px solid var(--steel-hi);background:linear-gradient(180deg,#102a39,#07141d);box-shadow:0 20px 50px #000000b3}.room-info-head{position:sticky;top:0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:18px 16px 14px;background-size:cover;background-position:center;border-bottom:1px solid rgba(127,227,255,.2)}.room-info-head h3{margin:0 0 4px;font-size:1.15rem;letter-spacing:.04em}.room-info-head p{margin:0;color:var(--text);opacity:.85;font-size:.9rem;line-height:1.4}.room-info-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:14px}.room-info-section h4{margin:10px 0 6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sonar)}.room-info-section ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.9rem;line-height:1.4}.room-info-section li.with-icon{list-style:none;margin-left:-18px;display:flex;align-items:center;gap:8px}.room-info-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.room-info-rules li{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:10px;align-items:center;font-size:.9rem;line-height:1.4}.room-info-rules .rule{font-size:.75rem;font-weight:800;justify-content:flex-start}@media (max-width: 420px){.room-info-rules li{grid-template-columns:1fr;gap:4px}}.btn.with-icon{display:flex;align-items:center;justify-content:center;gap:10px}.menu-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}