@property --lid-top{syntax:"<length>";inherits:true;initial-value:27px}@property --lid-bottom{syntax:"<length>";inherits:true;initial-value:-24px}.ocean{z-index:-1;pointer-events:none;background:var(--abyss);contain:strict;--danger:0;position:fixed;inset:0;overflow:hidden}html.ocean-hot body{cursor:pointer}.ocean-fade{animation:1.8s both ocean-in;position:absolute;inset:0}.ocean-fade.is-leaving{animation:none}@keyframes ocean-in{0%{opacity:0}}.ocean-scene{position:absolute;inset:0;overflow:hidden}.grade-dawn{--water-top:#1d4b54;--water-mid:#103340;--ray-rgb:255, 224, 176;--tint:#d4a55a1a}.grade-day{--water-top:#155567;--water-mid:#0e3545;--ray-rgb:205, 248, 250;--tint:#5ce1e60d}.grade-dusk{--water-top:#2a3553;--water-mid:#142d41;--ray-rgb:226, 196, 255;--tint:#aa6ec814}.grade-night{--water-top:#0c2838;--water-mid:#0a2231;--ray-rgb:170, 200, 255;--tint:#2850a014}.ocean-water{background:linear-gradient(180deg, var(--water-top) 0%, var(--water-mid) 36%, #0b2431 60%, #081a24 80%, #050e15 100%);position:absolute;inset:0}.ocean-surface{opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 18 Q30 4 60 20 T120 16 T180 24 T240 18'/%3E%3Cpath d='M0 50 Q40 36 80 54 T160 48 T240 50'/%3E%3Cpath d='M22 0 Q34 26 14 52 T28 100'/%3E%3Cpath d='M142 0 Q122 36 150 64 T132 110'/%3E%3Cpath d='M0 88 Q50 74 100 92 T200 84 T240 88'/%3E%3Cpath d='M82 60 Q96 90 80 124'/%3E%3C/g%3E%3C/svg%3E") 0 0/170px 106px repeat-x;height:150px;animation:38s linear infinite ocean-surface;position:absolute;top:0;left:0;right:-240px;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes ocean-surface{to{transform:translate(-170px)}}.ocean-plane{will-change:transform;position:absolute;inset:-60px}.ocean-plane[data-plane=rays]{will-change:auto}.ocean-stage{position:absolute;bottom:0;left:50%}.ocean-stage-top{top:0;bottom:auto}.ocean-svg{width:100%;height:100%;position:absolute;inset:0}.ocean-anchor{position:absolute;transform:translate(-50%,-100%)}.ocean-center{position:absolute;transform:translate(-50%,-50%)}.ocean-mover{will-change:transform;position:absolute;top:0;left:0}.ocean-ray-anchor{transform-origin:50% 0;height:92%;position:absolute;top:-4%}.ocean-ray{background:linear-gradient(180deg, rgba(var(--ray-rgb), .2) 0%, rgba(var(--ray-rgb), .08) 40%, rgba(var(--ray-rgb), 0) 88%);width:100%;height:100%;animation:10s ease-in-out infinite alternate ocean-ray;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}@keyframes ocean-ray{0%{opacity:.4;transform:translate(-8px)}to{opacity:1;transform:translate(8px)}}.phase-lobby .ocean-ray{animation-duration:16s}.ocean-kelp{transform-origin:50% 100%;width:100%;height:100%;animation:8s ease-in-out infinite alternate ocean-sway}.ocean-kelp svg{display:block}.ocean-kelp-near{animation-name:ocean-sway-near}@keyframes ocean-sway{0%{transform:rotate(-2.4deg)skew(2deg)}to{transform:rotate(2.2deg)skew(-2deg)}}@keyframes ocean-sway-near{0%{transform:rotate(-3.2deg)skew(3deg)}to{transform:rotate(2.6deg)skew(-2deg)}}.ocean-silt{opacity:0;background:radial-gradient(closest-side,#aacdc31f,#aacdc300);animation:36s linear infinite ocean-silt;position:absolute}@keyframes ocean-silt{0%{opacity:0;transform:translate(-65%,-50%)scale(.8)}25%,75%{opacity:1}to{opacity:0;transform:translate(-25%,-62%)scale(1.3)}}.ocean-spout{width:0;height:0;position:absolute}.ocean-bubble{opacity:0;background:radial-gradient(circle at 35% 35%,#ffffff8c,#c8f5f70d 60%);border:1px solid #c8f5f78c;border-radius:50%;animation:7s ease-in infinite ocean-bubble;position:absolute;bottom:0;left:0}@keyframes ocean-bubble{0%{opacity:0;transform:translate(0,0)scale(.6)}10%{opacity:.9}50%{transform:translate(6px,-150px)scale(1)}to{opacity:0;transform:translate(-5px,-320px)scale(1.15)}}.ocean-jelly-body{transform-origin:50% 25%;width:100%;height:100%;animation:3s ease-in-out infinite ocean-pulse}@keyframes ocean-pulse{0%,to{transform:scale(1)}40%{transform:scale(.9,1.07)}}.ocean-leviathan{visibility:hidden}.ocean-snow{position:absolute;top:0;left:0}.ocean-eye{width:100%;height:100%;transition:--lid-top 1.4s,--lid-bottom 1.4s}.ocean-eye[data-state=rest]{--lid-top:24px;--lid-bottom:-21px}.ocean-eye[data-state=open]{--lid-top:1px;--lid-bottom:0px}.phase-home .ocean-eye[data-state=rest],.phase-lobby .ocean-eye[data-state=rest]{--lid-top:30px;--lid-bottom:-28px}.ocean-eye-lid{transform-box:view-box}.ocean-eye-lid-top{transform:translateY(var(--lid-top));animation:7.5s ease-in-out infinite ocean-lid-top}.ocean-eye-lid-bottom{transform:translateY(var(--lid-bottom));animation:7.5s ease-in-out infinite ocean-lid-bottom}@keyframes ocean-lid-top{0%,93%,to{transform:translateY(var(--lid-top))}96%{transform:translateY(37px)}}@keyframes ocean-lid-bottom{0%,93%,to{transform:translateY(var(--lid-bottom))}96%{transform:translateY(-37px)}}.ocean-eye-glow{opacity:calc(.55 + var(--danger) * .45);transition:opacity 1.4s}.ocean-eye[data-state=open] .ocean-eye-glow{opacity:1}.ocean-eye-pupil{transform-box:view-box;transition:transform .4s}.ocean-secret{width:100%;height:100%;position:relative}.ocean-secret svg{filter:brightness(.72)saturate(.8);transition:filter .3s;display:block}.ocean-secret.is-hot svg{filter:brightness(1.05)drop-shadow(0 0 5px #f6efe299)}.ocean-glint,.ocean-burst{left:var(--gx);top:var(--gy);pointer-events:none;position:absolute}.ocean-glint{opacity:0;background:radial-gradient(circle,#fff 0 10%,#fff0 38%),linear-gradient(#fff0 46%,#ffffffe6 50%,#fff0 54%),linear-gradient(90deg,#fff0 46%,#ffffffe6 50%,#fff0 54%);width:16px;height:16px;margin:-8px;animation:17s ease-in-out infinite ocean-glint}.ocean-secret-pearl .ocean-glint{animation-duration:7s}.ocean-secret.is-hot .ocean-glint{animation:1.6s ease-in-out infinite ocean-glint-hot}@keyframes ocean-glint{0%,88%,to{opacity:0;transform:scale(.3)rotate(0)}92%{opacity:1;transform:scale(1)rotate(45deg)}96%{opacity:0;transform:scale(.5)rotate(90deg)}}@keyframes ocean-glint-hot{0%,to{opacity:.55;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}.ocean-burst{opacity:0;background:radial-gradient(circle,#f6efe2e6 0 7%,#5ce1e659 28%,#5ce1e600 62%);border-radius:50%;width:80px;height:80px;margin:-40px}.ocean-secret.is-found .ocean-burst{animation:.9s ease-out ocean-burst}@keyframes ocean-burst{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.7)}}.ocean-clam-lid{transform-box:fill-box;transform-origin:50% 100%;animation:9s ease-in-out infinite ocean-clam}@keyframes ocean-clam{0%,70%,to{transform:translateY(0)}78%,90%{transform:translateY(-3px)}}.ocean-octo-eyes{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite ocean-octo-blink}@keyframes ocean-octo-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.ocean-octo-arm{transform-box:fill-box;transform-origin:0 100%;animation:4s ease-in-out infinite alternate ocean-octo-arm}@keyframes ocean-octo-arm{0%{transform:rotate(-10deg)}to{transform:rotate(8deg)}}.ocean-seahorse{animation:3.2s ease-in-out infinite alternate ocean-bob}@keyframes ocean-bob{to{transform:translateY(-2.5px)}}.ocean-compass-needle{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite alternate ocean-needle}@keyframes ocean-needle{0%{transform:rotate(-16deg)}to{transform:rotate(12deg)}}.ocean-crab{animation:13s ease-in-out infinite ocean-crab}@keyframes ocean-crab{0%,84%,to{transform:translate(0)}88%,94%{transform:translate(4px)}}.ocean-caption{max-width:min(280px,80vw);color:var(--pearl);text-align:center;background:#050e14db;border:1px solid #f3cf8c66;border-radius:10px;justify-items:center;gap:2px;padding:7px 12px;font-size:.82rem;line-height:1.3;animation:3.6s both ocean-caption;display:grid;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 20px #0006}.ocean-caption small{color:var(--brass-hi);letter-spacing:.04em;font-size:.72rem}@keyframes ocean-caption{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px))}10%,82%{opacity:1;transform:translate(-50%,calc(-100% - 10px))}to{opacity:0;transform:translate(-50%,calc(-100% - 14px))}}.ocean-shade{background:radial-gradient(ellipse 46% 58% at 50% 42%, #040a1080 0%, #040a1047 55%, #040a1000 100%), radial-gradient(ellipse 110% 85% at 50% 42%, #00040800 58%, #0004088c 100%), linear-gradient(0deg, rgba(255, 106, 43, calc(var(--danger) * .14)) 0%, #ff6a2b00 48%), linear-gradient(180deg, var(--tint) 0%, #0000 45%);position:absolute;inset:0}.phase-lobby .ocean-shade{background-color:#040c141f}@media (prefers-reduced-motion:reduce){.ocean *,.ocean :before,.ocean :after{transition:none!important;animation:none!important}.ocean-leviathan{display:none}.ocean>.ocean-fade:not(.is-leaving){animation:1s both ocean-in!important}.ocean-caption{transform:translate(-50%,calc(-100% - 10px))}}.dive-transition{--dt-total:4.8s;--orbit:min(26vw, 118px);z-index:45;padding:24px var(--gutter) max(20px, env(safe-area-inset-bottom));text-align:center;cursor:pointer;animation:dt-overlay var(--dt-total) linear both;background:radial-gradient(circle at 50% 48%,#144654b8,#0000 60%),radial-gradient(circle,#050e16db,#03080df7);grid-template-rows:1fr auto auto auto 1fr auto;grid-template-columns:minmax(0,1fr);place-items:center;gap:14px;display:grid;position:fixed;inset:0;overflow:hidden}.dt-stage{z-index:1;opacity:0;justify-items:center;gap:6px;width:min(520px,100%);display:grid;position:relative}.dt-complete,.dt-next{grid-area:2/1}.dt-complete{animation:dt-stage-complete var(--dt-total) ease both}.dt-next{animation:dt-stage-next var(--dt-total) ease both}.dt-shuffle{color:var(--muted);animation:dt-stage-shuffle var(--dt-total) ease both;grid-row:4}.dt-shuffle strong{color:var(--glow);font-family:var(--font-display);font-size:1.2rem;font-weight:600}.dt-title{font-family:var(--font-display);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.1}.dt-next .dt-title{font-size:clamp(1.35rem,4.6vw,1.9rem)}.dt-sub,.dt-lamp{color:var(--muted)}.dt-lamp{color:var(--brass-hi);font-weight:700}.dt-summary{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:6px 0 0;padding:0;list-style:none;display:flex}.dt-summary li{border:1px solid var(--line);background:#0a1a24cc;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:700;display:inline-flex}.dt-summary .pearl{color:var(--pearl)}.dt-summary .silt{color:#c8d2c4}.dt-summary .leviathan{color:var(--danger);border-color:#ff7a4573}.dt-face{width:22px;height:31px}.dt-vortex{z-index:0;width:calc(var(--orbit) * 2.6);height:calc(var(--orbit) * 2.6);grid-row:3;position:relative}.dt-swirl{animation:dt-rotate 1.4s linear infinite, dt-swirl-fade var(--dt-total) ease both;background:conic-gradient(#0000 0deg,#5ce1e652 60deg,#0000 130deg,#5ce1e633 200deg,#0000 260deg,#bff5f72e 320deg,#0000 360deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 28%,#000 44% 58%,#0000 71%);mask:radial-gradient(circle,#0000 28%,#000 44% 58%,#0000 71%)}.dt-swirl-2{animation:dt-rotate 1s linear infinite reverse, dt-swirl-fade var(--dt-total) ease both;inset:16%}.dt-spin{animation:dt-spin var(--dt-total) both;position:absolute;inset:0}.dt-card{opacity:0;filter:drop-shadow(0 6px 10px #00000080);width:40px;height:56px;animation:dt-card var(--dt-total) cubic-bezier(.45, 0, .3, 1) var(--d) both;margin:-28px 0 0 -20px;position:absolute;top:50%;left:50%}.dt-card-art{width:100%;height:100%;display:block}.dt-bubble{bottom:10%;left:var(--bx);width:var(--bs);height:var(--bs);opacity:0;animation:dt-bubble var(--bt) ease-in var(--bd) both;background:radial-gradient(circle at 35% 35%,#ffffff80,#0000 60%);border:1px solid #c8f5fab3;border-radius:50%;position:absolute}.dt-skip{cursor:pointer;grid-row:6}.dt-skip-hint{color:var(--muted);font-weight:400}@keyframes dt-overlay{0%{opacity:0}5%,92%{opacity:1}to{opacity:0}}@keyframes dt-stage-complete{0%{opacity:0;transform:translateY(14px)}6%,25%{opacity:1;transform:none}31%,to{opacity:0;transform:translateY(-14px)}}@keyframes dt-stage-shuffle{0%,26%{opacity:0;transform:translateY(8px)}32%,62%{opacity:1;transform:none}68%,to{opacity:0}}@keyframes dt-stage-next{0%,64%{opacity:0;transform:translateY(14px)scale(.96)}71%,to{opacity:1;transform:none}}@keyframes dt-swirl-fade{0%,20%{opacity:0}32%,62%{opacity:1}74%,to{opacity:0}}@keyframes dt-rotate{to{transform:rotate(360deg)}}@keyframes dt-spin{0%,22%{animation-timing-function:cubic-bezier(.5,0,.4,1);transform:rotate(0)}66%,to{transform:rotate(600deg)}}@keyframes dt-card{0%{opacity:0;transform:rotate(0deg) translate(var(--sx), var(--sy)) rotate(var(--r))}5%{opacity:1;transform:rotate(0deg) translate(var(--sx), var(--sy)) rotate(var(--r))}26%{transform:rotate(var(--a)) translate(0, calc(var(--orbit) * -1)) rotate(0deg)}48%{transform:rotate(var(--a)) translate(0, calc(var(--orbit) * -.8)) rotate(40deg)}62%{opacity:1;transform:rotate(var(--a)) translate(0, 0) rotate(0deg)}70%{transform:rotate(var(--a)) translate(0, 0) rotate(0deg) scale(1.08)}88%{opacity:1;transform:rotate(var(--a)) translate(0, calc(var(--orbit) * -1.35)) rotate(0deg) scale(1)}to{opacity:0;transform:rotate(var(--a)) translate(0, calc(var(--orbit) * -1.6)) rotate(0deg) scale(.9)}}@keyframes dt-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.85}to{opacity:0;transform:translateY(calc(var(--orbit) * -2.4))}}.dive-transition.still{grid-template-rows:1fr auto auto auto auto 1fr;animation:none}.dive-transition.still .dt-stage{opacity:1;grid-column:1;animation:none;transform:none}.dive-transition.still .dt-complete{grid-row:2}.dive-transition.still .dt-shuffle{grid-row:3}.dive-transition.still .dt-next{border-top:1px solid var(--line);grid-row:4;padding-top:10px}.dive-transition.still .dt-skip{grid-row:5}@media (prefers-reduced-motion:reduce){.dive-transition,.dt-stage{opacity:1;transform:none;animation:none!important}.dt-vortex{display:none}}@media (width<=560px){.dive-transition{gap:10px}.dt-summary{gap:6px}.dt-summary li{gap:5px;padding:4px 9px 4px 4px;font-size:.875rem}.dt-face{width:18px;height:25px}.dt-skip-hint{display:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--abyss:#050b12;--deep:#0a1a24;--deep-2:#0f2530;--kelp:#16353f;--line:#24505b;--foam:#e8f1ef;--muted:#9db6ba;--glow:#5ce1e6;--glow-soft:#5ce1e62e;--brass:#d4a55a;--brass-hi:#f3cf8c;--salvager:#e5b566;--siren:#d48be6;--pearl:#f6efe2;--danger:#ff7a45;--danger-deep:#3a0c12;--radius:14px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:0 18px 40px #00000073;--gutter:16px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #28788759, transparent 70%), radial-gradient(800px 500px at 85% 110%, #78283c2e, transparent 70%), linear-gradient(180deg, #0b2230 0%, var(--abyss) 60%);color:var(--foam);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.5;overflow-x:hidden}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3{font-family:var(--font-display);margin:0 0 .5em;font-weight:700;line-height:1.15}p{margin:0 0 .75em}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--glow);outline-offset:2px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.btn{border:1px solid var(--line);background:linear-gradient(180deg, var(--kelp), var(--deep-2));min-height:44px;color:var(--foam);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.6em 1.2em;font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--glow);box-shadow:0 0 0 3px var(--glow-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, #f1cf8f, var(--brass) 55%, #a8772f);border-color:var(--brass-hi);color:#1b1206}.btn-primary:hover:not(:disabled){border-color:#fff1cf;box-shadow:0 0 0 4px #f3cf8c40}.btn-ghost{background:0 0}.btn-small{min-height:36px;padding:.35em .9em;font-size:.875rem}.btn-wide{width:100%}.link{color:var(--glow);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{border:1px solid var(--line);background:var(--deep-2);cursor:pointer;border-radius:50%;width:40px;height:40px;font-weight:800}.icon-btn:hover{border-color:var(--glow)}.lang-toggle{border:1px solid var(--line);background:var(--deep-2);border-radius:999px;flex-shrink:0;display:inline-flex;overflow:hidden}.lang-toggle button{min-width:30px;min-height:30px;color:var(--muted);font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:.72rem;font-weight:500}.lang-toggle button[aria-pressed=true]{background:var(--glow);color:var(--abyss);font-weight:800}.lang-toggle button:focus-visible{outline:2px solid var(--brass-hi);outline-offset:-2px}.field{gap:.35em;font-size:.9rem;font-weight:700;display:grid}.field input,.chat-form input{border:1px solid var(--line);background:#030a10b3;border-radius:10px;width:100%;min-height:46px;padding:.55em .9em;font-weight:500}.field input:focus,.chat-form input:focus{border-color:var(--glow);box-shadow:0 0 0 3px var(--glow-soft);outline:none}.grow{flex:1}.code-input{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;font-weight:700!important}.code-input::placeholder{letter-spacing:.12em}.form-error{color:#ffc2a8;background:#ff7a451f;border:1px solid #ff7a4566;border-radius:10px;margin:.75em 0 0;padding:.5em .8em}.tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:.4em;padding:.1em .5em;font-size:.68rem;font-weight:800;display:inline-block}.tag-host{border-color:var(--brass);color:var(--brass-hi)}.tag-away{border-style:dashed}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#122c36ed,#08161ef2);border:1px solid #5ce1e629;padding:18px}.panel-title{align-items:baseline;gap:.5em;font-size:1.15rem;display:flex}.panel-title .count{font-family:var(--font-body);color:var(--muted);font-size:.85rem}.home{min-height:100vh;position:relative;overflow:hidden}.home-inner{max-width:980px;padding:40px var(--gutter) 60px;grid-template-columns:1fr;justify-items:center;gap:24px;margin:0 auto;display:grid;position:relative}.home-inner.narrow{max-width:460px}.home-head{text-align:center}.wordmark{filter:drop-shadow(0 6px 24px #5ce1e640);width:min(520px,90vw);height:auto}.wordmark.small{width:240px}.wordmark.tiny{width:150px;display:block}.tagline{font-family:var(--font-display);color:#cfe3e4;max-width:36ch;margin:0 auto;font-size:clamp(1.05rem,2.6vw,1.35rem)}.home-cards{width:260px;height:150px;position:relative}.fan-card{filter:drop-shadow(0 12px 18px #00000080);width:96px;transition:transform .4s;position:absolute;top:0;left:50%}.fan-1{transform:translate(-130%)rotate(-12deg)translateY(12px)}.fan-2{z-index:1;transform:translate(-50%)}.fan-3{transform:translate(30%)rotate(12deg)translateY(12px)}.home-cards:hover .fan-1{transform:translate(-150%)rotate(-18deg)translateY(16px)}.home-cards:hover .fan-3{transform:translate(50%)rotate(18deg)translateY(16px)}.home-panel{gap:14px;width:min(440px,100%);display:grid}.divider{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:12px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{align-items:end;gap:10px;display:flex}.teams{grid-template-columns:1fr;gap:14px;width:min(720px,100%);display:grid}.team{border-radius:var(--radius);border:1px solid var(--line);background:#06121abf;align-items:center;gap:14px;padding:14px 16px;display:flex}.team h3{margin:0}.team p{color:var(--muted);margin:0}.team-salvager{border-color:#e5b56673}.team-salvager h3{color:var(--salvager)}.team-siren{border-color:#d48be673}.team-siren h3{color:var(--siren)}.team-emblem{flex:none;width:56px;height:56px}.home-foot{color:var(--muted);text-align:center;font-size:.9rem}.room-code-big{font-family:var(--font-display);letter-spacing:.22em;color:var(--pearl);text-shadow:0 0 24px #5ce1e673;text-align:center;margin:0;font-size:clamp(2.4rem,9vw,3.4rem);font-weight:900}@media (width>=720px){.teams{grid-template-columns:1fr 1fr}}.center-screen{min-height:100vh;padding:var(--gutter);place-items:center;display:grid}.narrow-panel{text-align:center;justify-items:center;gap:12px;width:min(440px,100%);display:grid}.room{min-height:100vh}.topbar{z-index:20;padding:8px var(--gutter);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b12d1;border-bottom:1px solid #5ce1e61f;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;padding:0}.topbar-code{font-family:var(--font-display);letter-spacing:.12em}.topbar-code strong{font-size:1.15rem}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.conn-banner{text-align:center;color:#ffd4c0;background:#ff7a4526;padding:6px;font-size:.9rem;font-weight:700}.toast{z-index:60;border:1px solid var(--danger);color:#ffe1d5;box-shadow:var(--shadow);text-align:center;background:#2a1016;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-weight:700;animation:.25s rise;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.loading{place-items:center;min-height:60vh;display:grid}.sonar{border:2px solid var(--glow);border-radius:50%;width:80px;height:80px;animation:1.6s ease-out infinite sonar}@keyframes sonar{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.lobby{max-width:1100px;padding:20px var(--gutter) 40px;grid-template-columns:1fr;gap:18px;margin:0 auto;display:grid}.lobby-invite{text-align:center;justify-items:center;gap:10px;display:grid}.crew-list{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.crew-member{background:#030c128c;border:1px solid #5ce1e614;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;animation:.35s rise-in;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}.crew-member.away{opacity:.6}.crew-member.empty{border-style:dashed;animation:none}.crew-card{flex:none;width:26px}.crew-slot{border:1px dashed var(--line);border-radius:5px;flex:none;width:26px;height:36px}.crew-name{overflow-wrap:anywhere;flex:1;font-weight:700}.btn-launch{min-height:52px;font-size:1.05rem}.brief-teams{gap:10px;display:grid}.brief-team{align-items:center;gap:12px;display:flex}.brief-team p{margin:0}.brief-team.salvager strong{color:var(--salvager)}.brief-team.siren strong{color:var(--siren)}.brief-emblem{flex:none;width:44px;height:44px}@media (width>=900px){.lobby{grid-template-columns:1.1fr 1fr;grid-template-areas:"invite brief""crew chat"}.lobby-invite{grid-area:invite}.lobby-brief{grid-area:brief}.lobby-crew{grid-area:crew}.lobby-chat{grid-area:chat}}.chat{flex-direction:column;min-height:220px;display:flex}.chat-log{overflow-wrap:anywhere;border-radius:8px;flex:1;max-height:300px;margin:0 0 10px;padding-right:4px;font-size:.92rem;overflow-y:auto}.chat-log:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.chat-quiet{margin:0}.chat-section+.chat-section{margin-top:10px}.chat-section-head{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:linear-gradient(#08161efa 70%,#08161e00);align-items:center;gap:8px;margin:0 0 6px;padding:4px 0;font-size:.68rem;font-weight:800;display:flex;position:sticky;top:0}.chat-section-head:before,.chat-section-head:after{content:"";background:var(--line);flex:1;height:1px}.chat-section-game .chat-section-head{color:var(--brass-hi)}.chat-section-game .chat-section-head:before,.chat-section-game .chat-section-head:after{background:#d4a55a73}.chat-section-game .chat-list{border-left:2px solid #d4a55a4d;padding-left:8px}.chat-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.chat-line strong{color:var(--glow)}.chat-line.mine strong{color:var(--brass-hi)}.chat-system{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:.8rem;font-style:italic;display:flex}.chat-system.chat-end{color:var(--foam);padding:4px 0;font-style:normal;font-weight:700}.chat-card{flex:none;width:12px;height:17px}.chat-icon{flex:none;width:14px;height:14px}.chat-glyph{width:1.2em;color:var(--glow);flex:none;font-style:normal}.chat-divider{color:var(--muted);align-items:center;gap:8px;margin:6px 0 2px;font-size:.72rem;display:flex}.chat-divider:before,.chat-divider:after{content:"";background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px);flex:1;height:1px}.chat-divider strong{color:var(--glow);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.chat-form{gap:8px;display:flex}.game{max-width:1400px;padding:14px var(--gutter) 40px;grid-template-columns:1fr;gap:14px;margin:0 auto;display:grid}.hud{grid-template-columns:1fr;gap:10px;display:grid}.gauge,.track{border:1px solid var(--line);background:#030c12b3;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.track.danger{border-color:#ff7a4559}.track-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-width:5.5em;font-size:.72rem;font-weight:800}.track-num{font-family:var(--font-display);margin-left:auto;font-weight:700}.pips{flex-wrap:wrap;gap:4px;display:flex}.pip{width:18px;height:18px}.pip.eye{width:26px}.tanks{gap:4px;display:flex}.tank{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid}.tank.current{border-color:var(--glow);color:var(--abyss);background:var(--glow);box-shadow:0 0 12px var(--glow)}.tank.spent{opacity:.5;text-decoration:line-through}.air{background:#5ce1e61a;border-radius:999px;flex:1;min-width:40px;height:8px;overflow:hidden}.air-fill{background:linear-gradient(90deg, #2aa3b0, var(--glow));height:100%;transition:width .6s;display:block}.turn-line{text-align:center;border-radius:var(--radius);background:#030c128c;padding:10px 14px;font-size:1rem}.your-turn{color:var(--brass-hi)}.my-turn .turn-line{border:1px solid var(--brass);animation:2.4s ease-in-out infinite lamp-pulse;box-shadow:0 0 24px #d4a55a40}@keyframes lamp-pulse{50%{box-shadow:0 0 36px #d4a55a66}}.inline-icon{vertical-align:-.25em;width:1.1em;height:1.3em}.table{box-shadow:inset 0 0 60px #0000008c, var(--shadow);background:radial-gradient(#22566059,#0000 70%),repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 24px),linear-gradient(#102a33,#081820);border:1px solid #d4a55a40;border-radius:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-content:start;gap:12px;padding:14px;display:grid}.seat{background:#040e14b8;border:1px solid #5ce1e61a;border-radius:12px;padding:12px;transition:border-color .2s,box-shadow .2s;position:relative}.seat.self{border-color:#e5b56673}.seat.lamp{border-color:var(--glow);box-shadow:0 0 22px #5ce1e659}.seat.away{opacity:.7}.seat.targetable{border-color:#f3cf8c8c}.seat.revealed-salvager{border-color:var(--salvager)}.seat.revealed-siren{border-color:var(--siren)}.seat-head{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:6px;display:flex}.seat-name{overflow-wrap:anywhere;font-size:1.02rem;font-weight:800}.seat-lamp{width:22px;height:26px;margin-right:4px;animation:3s ease-in-out infinite lamp-flicker}@keyframes lamp-flicker{50%{opacity:.75}}.seat-role{font-weight:800;font-family:var(--font-display);align-items:center;gap:6px;margin-bottom:6px;display:inline-flex}.seat-role.salvager{color:var(--salvager)}.seat-role.siren{color:var(--siren)}.seat-role-emblem{width:28px;height:28px}.seat{flex-direction:column;display:flex}.seat>.declared{border-top:1px solid #d4a55a2e;margin-top:auto;padding-top:10px}.seat>:has(+.declared){margin-bottom:10px}.declared-body{background:linear-gradient(#f3cf8c14,#f3cf8c05);border:1px solid #f3cf8c47;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px 8px 26px;display:flex;position:relative}.declared-body:before{content:"“";font-family:var(--font-display);color:#f3cf8c8c;font-size:1.9rem;line-height:1;position:absolute;top:-2px;left:7px}.declared-label{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--muted);font-size:.66rem;font-weight:800}.declared-role{font-family:var(--font-display);-webkit-hyphens:manual;hyphens:manual;align-items:center;gap:5px;min-width:0;font-size:.95rem;font-weight:700;display:inline-flex}.declared-role.salvager{color:var(--salvager)}.declared-role.siren{color:var(--siren)}.declared-role.no-role{color:var(--muted);font-style:italic;font-family:var(--font-body);font-size:.85rem}.declared-emblem{flex:none;width:22px;height:22px}.declared-unknown{border:1px dashed var(--line);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-style:normal;font-weight:800;display:grid}.declared-counts{gap:8px;margin-left:auto;display:inline-flex}.declared-count{align-items:center;gap:3px;display:inline-flex}.declared-count b{font-family:var(--font-display);min-width:.7em;font-size:1.15rem;line-height:1}.declared-count.zero{opacity:.55}.declared-count.open{color:var(--muted)}.declared-open-card{aspect-ratio:5/7;border:1px dashed #9db6ba99;border-radius:3px;place-items:center;width:20px;font-size:.7rem;font-weight:800;display:grid}.declared-card{width:20px;height:auto;display:block}.declared.empty{color:var(--muted);font-size:.78rem;font-style:italic}.declared.empty>span[aria-hidden]{text-align:center;border:1px dashed #9db6ba40;border-radius:10px;padding:6px 10px;display:block}.declared.compact{border:0;margin:0;padding:0}.declared.compact .declared-body{padding:6px 8px 6px 24px}.caches{flex-wrap:wrap;gap:6px;min-height:20px;display:flex}.cache{background:0 0;border:0;border-radius:6px;width:44px;padding:0;transition:transform .18s,filter .18s;display:block}.cache-art{filter:drop-shadow(0 4px 6px #00000080);width:100%;height:auto;display:block}button.cache{cursor:pointer}button.cache:hover,button.cache:focus-visible{filter:drop-shadow(0 0 10px #f3cf8cbf);transform:translateY(-6px)rotate(-2deg)}.seat-opened{border-top:1px dashed #5ce1e626;gap:4px;margin-top:8px;padding-top:8px;display:flex}.mini{width:26px;height:auto}.side{align-content:start;gap:14px;display:grid}.hand-counts{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 8px;padding:0;font-size:.85rem;list-style:none;display:grid}.hand-counts li{justify-items:center;gap:2px;display:grid}.hand-counts strong{font-family:var(--font-display);font-size:1.4rem;line-height:1}.count-card{width:42px}.claim-editor{border:1px solid var(--line);border-radius:12px;gap:10px;margin:12px 0 0;padding:10px 12px 12px;display:grid}.claim-editor legend{padding:0 6px;font-size:.9rem;font-weight:800}.seg{border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.seg button{-webkit-hyphens:manual;hyphens:manual;cursor:pointer;background:0 0;border:0;min-height:38px;padding:2px 4px;font-size:.85rem;font-weight:700;line-height:1.15}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--glow);color:var(--abyss)}.stepper{align-items:center;gap:10px;display:flex}.stepper>span{flex:1;font-size:.9rem;font-weight:700}.stepper button{border:1px solid var(--line);background:var(--deep-2);cursor:pointer;border-radius:50%;width:36px;height:36px;font-weight:800}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output{text-align:center;min-width:1.5em;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.claim-actions{gap:8px;display:flex}.stepper-card{flex:none;width:20px;height:auto}.claim-budget{margin:-4px 0 0}.claim-mine{gap:4px;display:grid}.claim-mine-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:800}.tally-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.88rem}.tally-table col.kind{width:50%}.tally-table col.num{width:25%}.tally-table th,.tally-table td{text-align:left;border-bottom:1px solid #5ce1e61a;padding:5px 4px}.tally-table thead th{letter-spacing:.06em;vertical-align:bottom;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:800}.tally-table td{font-family:var(--font-display);text-align:center;font-size:1.05rem;font-weight:700}.tally-table thead th:nth-child(2),.tally-table thead th:nth-child(3){text-align:center}.tally-table tbody th{font-weight:700}.tally-table tbody th>span{align-items:center;gap:6px;display:flex}.tally-card{flex:none;width:18px;height:auto}.tally-state{color:var(--muted);margin:2px 0 0 24px;font-size:.74rem;font-weight:700;line-height:1.25;display:block}.tally-glyph{margin-right:4px}.tally-row.ok .tally-state{color:var(--glow)}.tally-row.over .tally-state,.tally-row.under .tally-state{color:var(--danger)}.tally-row.over,.tally-row.under{background:#ff7a4514}.tally-who{margin:8px 0 2px}.tally-hint{margin:0}.log-dives{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.log-dive .eyebrow{letter-spacing:.06em}.log-dive ol{flex-wrap:wrap;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.log-card{width:22px;display:block}@media (width>=1080px){.game{grid-template:"hud hud""turn side""table side"1fr/minmax(0,1fr) 340px}.hud{grid-area:hud;grid-template-columns:1.2fr 1fr 1fr}.turn-line{grid-area:turn}.table{grid-area:table}.side{grid-area:side}.cache{width:52px}}@media (width>=720px) and (width<=1079px){.hud{grid-template-columns:1fr 1fr}.hud .gauge{grid-column:1/-1}.side{grid-template-columns:1fr 1fr}.side .mine{grid-row:span 2}}.reveal-overlay{z-index:40;pointer-events:none;background:radial-gradient(circle,#050b1299,#050b12eb);align-content:center;place-items:center;gap:18px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.reveal-overlay.leviathan{background:radial-gradient(circle,#5a0a148c,#0a0204f2);animation:.2s fade-in,.5s ease-in-out .9s 2 quake}.reveal-overlay.pearl{background:radial-gradient(circle,#f6efe240,#050b12eb)}@keyframes fade-in{0%{opacity:0}}@keyframes quake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}.reveal-card{perspective:900px;width:min(220px,52vw)}.flip{aspect-ratio:100/140;transform-style:preserve-3d;animation:.9s cubic-bezier(.3,.7,.2,1.1) .25s both flip;position:relative}.flip-back,.flip-front{backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.flip-front{transform:rotateY(180deg)}.pearl .flip-front{filter:drop-shadow(0 0 30px #fdf6e3cc)}.leviathan .flip-front{filter:drop-shadow(0 0 40px #ff6a2bcc)}@keyframes flip{0%{transform:rotateY(0)scale(.7)translateY(40px)}60%{transform:rotateY(190deg)scale(1.08)}to{transform:rotateY(180deg)scale(1)}}.reveal-caption{text-align:center;padding:0 var(--gutter);font-size:1.05rem;animation:.4s .8s both fade-in}.reveal-caption strong{font-family:var(--font-display);font-size:clamp(1.8rem,6vw,2.6rem);display:block}.pearl .reveal-caption strong{color:var(--pearl)}.leviathan .reveal-caption strong{color:var(--danger)}.silt .reveal-caption strong{color:#c8d2c4}.modal{color:var(--foam);background:linear-gradient(#102a33,#07141b);border:1px solid #5ce1e64d;border-radius:18px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:0;box-shadow:0 30px 80px #000000b3}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02060ac7}.modal-body{gap:12px;padding:24px;display:grid}.modal-body.center{text-align:center;justify-items:center}.rules h3{color:var(--glow);font-size:1.05rem}.rules section{border-top:1px solid #5ce1e61f;padding-top:10px}.rules ul{margin:0;padding-left:1.2em}.rules-roles{gap:10px;display:grid}.rules-roles>div{align-items:center;gap:12px;display:flex}.rules-roles p{margin:0}.rules-emblem{flex:none;width:48px;height:48px}.rules-cards{justify-content:center;gap:12px;display:flex}.rules-cards figure{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.rules-card{width:72px;margin-bottom:4px;display:block}.role-reveal.salvager{border-color:var(--salvager)}.role-reveal.siren{border-color:var(--siren)}.role-card{background:radial-gradient(circle at 50% 30%,#ffffff14,#0000 70%);border-radius:16px;justify-items:center;padding:18px 30px;animation:.8s cubic-bezier(.3,.7,.2,1.1) both role-in;display:grid}@keyframes role-in{0%{opacity:0;transform:rotateY(90deg)scale(.8)}}.role-emblem{width:120px;height:120px}.role-reveal h2{margin:6px 0 0;font-size:2.2rem}.role-reveal.salvager h2{color:var(--salvager)}.role-reveal.siren h2{color:var(--siren)}.end.salvager{border-color:var(--salvager);box-shadow:0 0 80px #e5b56640}.end.siren{border-color:var(--siren);box-shadow:0 0 80px #d48be640}.end h2{margin:0;font-size:clamp(1.7rem,5vw,2.3rem)}.end.salvager h2{color:var(--salvager)}.end.siren h2{color:var(--siren)}.end-emblem{width:96px;height:96px;animation:.9s both role-in}.end-crew{gap:6px;width:100%;margin:4px 0;padding:0;list-style:none;display:grid}.end-member{border-left:4px solid var(--line);text-align:left;background:#030c1299;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.end-member.salvager{border-left-color:var(--salvager)}.end-member.siren{border-left-color:var(--siren)}.end-member span:nth-child(2){flex:1}.end-member-emblem{width:28px;height:28px}.end-role{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:800}.end-member.salvager .end-role{color:var(--salvager)}.end-member.siren .end-role{color:var(--siren)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.flip{animation:none;transform:rotateY(180deg)}}.table{align-self:start}@media (width<=560px){.log-dives{grid-template-columns:repeat(2,minmax(0,1fr))}.gauge .track-label{letter-spacing:.06em;flex-shrink:0;min-width:0}.gauge .air{min-width:12px}.topbar{gap:8px;padding:6px 12px}.wordmark.tiny{width:104px}.topbar-code .eyebrow{display:none}.topbar-code strong{font-size:1rem}.topbar-actions{gap:6px}.icon-btn{width:36px;height:36px}.topbar-actions .btn-small{padding:.3em .7em}.panel{padding:14px}.cache{width:46px}}@media (width<=480px){.wordmark.tiny{width:84px}}@media (width<=430px){.brand{display:none}}@media (width<=380px){.topbar-actions{gap:4px}.lang-toggle button{min-width:26px;padding:0 4px}}