@font-face{font-family:Alegreya SC;font-style:normal;font-display:swap;font-weight:500;src:url(/broadla/assets/alegreya-sc-latin-500-normal-4QwauZv7.woff2) format("woff2"),url(/broadla/assets/alegreya-sc-latin-500-normal-D4VbSUPX.woff) format("woff")}@font-face{font-family:Alegreya SC;font-style:normal;font-display:swap;font-weight:500;src:url(/broadla/assets/alegreya-sc-latin-ext-500-normal-BoL9217j.woff2) format("woff2"),url(/broadla/assets/alegreya-sc-latin-ext-500-normal-D77yKmb9.woff) format("woff")}@font-face{font-family:Alegreya SC;font-style:normal;font-display:swap;font-weight:700;src:url(/broadla/assets/alegreya-sc-latin-700-normal-ztAmjLTs.woff2) format("woff2"),url(/broadla/assets/alegreya-sc-latin-700-normal-C1NSl7Ln.woff) format("woff")}@font-face{font-family:Alegreya SC;font-style:normal;font-display:swap;font-weight:700;src:url(/broadla/assets/alegreya-sc-latin-ext-700-normal-JDWM693b.woff2) format("woff2"),url(/broadla/assets/alegreya-sc-latin-ext-700-normal-BHsgi7GW.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/broadla/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2) format("woff2"),url(/broadla/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/broadla/assets/alegreya-sans-latin-ext-400-normal-D7N6b6bd.woff2) format("woff2"),url(/broadla/assets/alegreya-sans-latin-ext-400-normal-DpBVrRWA.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/broadla/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2) format("woff2"),url(/broadla/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/broadla/assets/alegreya-sans-latin-ext-500-normal-TH5u60nj.woff2) format("woff2"),url(/broadla/assets/alegreya-sans-latin-ext-500-normal-CxFoZ42m.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/broadla/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2) format("woff2"),url(/broadla/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/broadla/assets/alegreya-sans-latin-ext-700-normal-HuHd3-Mg.woff2) format("woff2"),url(/broadla/assets/alegreya-sans-latin-ext-700-normal-CkNjzB9Y.woff) format("woff")}:root{--canvas: #ebe4d1;--canvas-2: #ddd3bb;--canvas-3: #cfc4a8;--ink: #211c16;--ink-2: #4b4237;--ink-3: #7a6e5e;--tar: #1f1a15;--tar-2: #2c251e;--brass: #b98a3e;--brass-2: #e3bd6c;--wax: #9b2b22;--wax-2: #b9372b;--good: #3f7d4f;--bad: #b3352a;--serif: "Alegreya SC", "Iowan Old Style", Georgia, serif;--sans: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;--bar: 52px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--weave: linear-gradient(0deg, rgba(60, 45, 25, .035) 1px, transparent 1px) 0 0 / 3px 3px, linear-gradient(90deg, rgba(60, 45, 25, .035) 1px, transparent 1px) 0 0 / 3px 3px;--card-shadow: inset 0 0 0 3px var(--canvas), inset 0 0 0 4px rgba(75, 60, 40, .35), 0 10px 28px rgba(0, 0, 0, .38);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c2427;color:var(--ink);font:500 15px/1.35 var(--sans);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}[hidden]{display:none!important}.app{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.gl{position:absolute;inset:0;width:100%;height:100%;display:block}.stage{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bar{position:absolute;z-index:20;top:0;left:0;right:0;height:calc(var(--bar) + var(--safe-t));padding:var(--safe-t) calc(10px + var(--safe-r)) 0 calc(12px + var(--safe-l));display:flex;align-items:center;gap:12px;color:var(--canvas);background:linear-gradient(180deg,#2b241df5,#1d1914f0);border-bottom:1px solid #0f0c09;box-shadow:inset 0 -2px #b98a3e8c,0 2px 12px #00000059}.brand{display:flex;align-items:center;gap:8px;color:var(--canvas);text-decoration:none;font:700 22px/1 var(--serif);letter-spacing:.02em}.mark{width:34px;height:34px;flex:none}.mark .m-hull{fill:var(--brass)}.mark .m-mast{stroke:var(--canvas);stroke-width:1.6}.mark .m-sail{fill:var(--canvas)}.mark .m-sail2{fill:var(--canvas-3)}.mark .m-flag{fill:var(--wax-2)}.clock{display:flex;align-items:center;padding:0 12px;height:34px;border-radius:4px;background:#0000004d;box-shadow:inset 0 0 0 1px #b98a3e73}.clock b{font:700 20px/1 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--brass-2)}.clock.low b{color:#ff9b84;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.score{display:flex;gap:8px;min-width:0}.score .sc{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;padding:4px 9px 5px 7px;border-radius:4px;background:#00000047;min-width:0}.score .sc.mine{box-shadow:inset 0 0 0 1px #e3bd6cb3}.score .sc .flag{grid-row:1 / 3}.score .sc b{font:700 14px/1 var(--serif);letter-spacing:.02em;white-space:nowrap}.score .sc em{grid-row:1 / 3;grid-column:3;font-style:normal;font-size:16px}.score .sc .hb{grid-column:2}.score .sc.sunk,.score .sc.struck{opacity:.55}.flag{display:inline-block;width:13px;height:17px;background:var(--team);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);box-shadow:inset 0 0 0 1px #0000004d;flex:none}.hb{position:relative;display:block;width:74px;height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.hb i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#d9b45c,#e9d6a3);border-radius:3px;transition:width .3s}.hb s{position:absolute;left:0;bottom:0;height:2px;background:#6fb6d6;text-decoration:none}.bar-fill{flex:1}.identity{position:relative;display:flex;align-items:center;gap:6px}.identity input{width:132px;height:34px;padding:0 10px;border:0;border-radius:4px;background:#ebe4d11f;color:var(--canvas);font:600 15px/1 var(--sans);box-shadow:inset 0 0 0 1px #ebe4d133}.identity input::placeholder{color:#ebe4d180}.dot-button{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ebe4d11f;display:grid;place-items:center}.dot-button i,.dot{display:inline-block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #0000004d}.dot{width:10px;height:10px;margin-right:5px;vertical-align:1px}.color-picker{position:absolute;top:44px;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,34px);gap:6px;padding:10px;border-radius:6px;background:var(--weave),var(--canvas);box-shadow:var(--card-shadow)}.color-picker button{width:34px;height:34px;border:0;border-radius:50%;box-shadow:inset 0 0 0 2px #00000040}.tools{display:flex;gap:4px}.tool{width:36px;height:36px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--canvas);display:grid;place-items:center}.tool:hover{background:#ebe4d11f}.tool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool svg .fill{fill:currentColor;stroke:none}.tool.lang{font:700 13px/1 var(--sans);letter-spacing:.05em}#soundButton .off,#soundButton.muted .on{display:none}#soundButton.muted .off{display:inline}#menuButton{display:none}.crew-panel{position:absolute;z-index:12;left:calc(12px + var(--safe-l));top:calc(var(--bar) + var(--safe-t) + 12px);width:214px;display:grid;gap:8px}.stations{display:grid;gap:5px}.station{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:44px;padding:5px 10px 5px 6px;border:0;border-radius:5px;text-align:left;background:#181511d1;color:var(--canvas);box-shadow:inset 0 0 0 1px #ebe4d124}.station kbd{grid-row:1 / 3;display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#ebe4d124;font:700 13px/1 var(--sans)}.station .sn{font:700 15px/1.05 var(--serif)}.station .who{font-size:12.5px;color:#ebe4d1a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station.on{background:var(--weave),var(--canvas);color:var(--ink);box-shadow:inset 0 0 0 1px var(--brass),0 4px 14px #0000004d}.station.on kbd{background:var(--wax);color:var(--canvas)}.station.on .who{color:var(--wax);font-weight:700}.station.person{opacity:.6;cursor:not-allowed}.station:not(.on):not(.person):hover{box-shadow:inset 0 0 0 1px var(--brass-2)}.ship-card{padding:9px 11px 8px;border-radius:5px;background:var(--weave),var(--canvas);box-shadow:var(--card-shadow);display:grid;gap:5px}.sc-row{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:7px;font-size:13px}.sc-row span{color:var(--ink-2);font-weight:700}.sc-row b{text-align:right;font:700 14px/1 var(--serif);font-variant-numeric:tabular-nums}.meter{position:relative;height:8px;border-radius:4px;background:#3c2d1926;overflow:hidden}.meter i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;transition:width .25s}.meter.hull i{background:linear-gradient(90deg,#8a5a2b,#c99a4a)}.meter.hull s{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--ink);text-decoration:none}.meter.water i{background:linear-gradient(90deg,#2d6f8f,#57a4c6)}.meter.water.bad i{background:linear-gradient(90deg,#b3352a,#d9644f)}.meter.rig i{background:linear-gradient(90deg,#8b8370,#c2b694)}.sc-marks{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;min-height:18px}.masts{display:flex;gap:5px}.masts i{width:6px;height:16px;border-radius:2px;background:var(--ink-2)}.masts i.hurt{background:#c99a4a}.masts i.down{background:transparent;box-shadow:inset 0 0 0 1.5px var(--bad);transform:rotate(35deg)}.mk.fire{color:var(--bad)}.mk.leak{color:#2d6f8f}.chart{position:absolute;z-index:12;right:calc(12px + var(--safe-r));top:calc(var(--bar) + var(--safe-t) + 12px);width:168px;height:168px;padding:4px;border-radius:50%;background:radial-gradient(circle,#1e2a2e8c,#141c1ecc);box-shadow:inset 0 0 0 2px #b98a3e99,0 6px 18px #00000059}.chart canvas{width:160px;height:160px;display:block}.feed{position:absolute;z-index:11;right:calc(14px + var(--safe-r));top:calc(var(--bar) + var(--safe-t) + 230px);margin:0;padding:0;list-style:none;display:grid;gap:4px;justify-items:end;max-width:300px}.feed li{padding:4px 10px 4px 8px;border-radius:4px;background:#181511b8;color:var(--canvas);font-size:14px;box-shadow:inset 3px 0 0 var(--team);animation:in .3s ease-out}.feed li.ok{box-shadow:inset 3px 0 #7fc08b}.feed li.fire,.feed li.leak,.feed li.crash{box-shadow:inset 3px 0 #ff8a70}@keyframes in{0%{opacity:0;transform:translate(10px)}}.banner{position:absolute;z-index:15;left:50%;top:calc(var(--bar) + var(--safe-t) + 13vh);transform:translate(-50%);text-align:center;color:var(--canvas);pointer-events:none;opacity:0;transition:opacity .4s;display:grid;gap:4px}.banner.show{opacity:1;animation:banner 2.2s ease-out}.banner b{font:700 clamp(30px,4.6vw,56px)/1 var(--serif);letter-spacing:.03em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 24px rgba(0,0,0,.55);padding-bottom:8px;border-bottom:2px solid var(--brass);white-space:nowrap}.banner span{font:600 18px/1.2 var(--sans);text-shadow:0 1px 8px rgba(0,0,0,.8)}@keyframes banner{0%{transform:translate(-50%,8px) scale(.96)}20%{transform:translate(-50%) scale(1)}}.tag{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:2px;margin:-46px 0 0;translate:-50% 0;color:var(--canvas);text-shadow:0 1px 4px rgba(0,0,0,.8)}.tag b{font:700 15px/1 var(--serif);padding:2px 8px 3px;border-radius:3px;background:color-mix(in srgb,var(--team) 80%,black);box-shadow:0 2px 6px #0000004d}.tag small{font-size:12px;font-weight:700}.tag .hb{width:56px;height:5px}.edge{position:absolute;left:0;top:0;translate:-50% -50%;display:grid;place-items:center;gap:1px;color:var(--canvas);font-weight:700;font-size:12px;text-shadow:0 1px 4px #000}.edge i{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:16px solid var(--team);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.pops .pop{position:absolute;left:0;top:0;font:700 22px/1 var(--serif);white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.75)}.pop.dealt{color:#ffd27a}.pop.taken{color:#ff8f78}.pop.rake{font-size:28px}.aim-tag{position:absolute;left:0;top:0;translate:-50% 0;display:flex;gap:6px;padding:2px 8px;border-radius:3px;background:#18151199;color:var(--brass-2);font:700 13px/1.2 var(--sans);white-space:nowrap}.aim-tag span{color:#ebe4d1bf}.hud{position:absolute;z-index:14;left:0;right:0;bottom:0;pointer-events:none;padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l))}.role{pointer-events:none;display:flex;align-items:flex-end;justify-content:center;gap:14px}.role>*{pointer-events:auto}.card-ui,.dial-box,.helm-controls,.gun-card,.jobs{border-radius:6px;background:var(--weave),var(--canvas);box-shadow:var(--card-shadow)}.dial-box{position:relative;width:150px;padding:8px 8px 6px;display:grid;justify-items:center;gap:2px}.dial{width:132px;height:132px}.d-face{fill:#22313a;stroke:var(--brass);stroke-width:2}.d-nogo{fill:#c8463273}.d-wind{fill:#e3bd6c;stroke:#2a2015;stroke-width:1}.d-ship{fill:var(--canvas);stroke:#1a1510;stroke-width:1.2}.d-speed{fill:var(--canvas);font:700 11px var(--serif);text-anchor:middle}.d-kn{fill:#ebe4d1b3;font:700 6.5px var(--sans);text-anchor:middle}.wind-text{margin:0;font-size:12.5px;font-weight:700;color:var(--ink-2)}.helm-controls{padding:10px 12px;display:grid;gap:9px;width:300px}.seg{display:flex;gap:0;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #3c2d1959}.seg button{flex:1;min-height:40px;padding:4px 8px;border:0;background:transparent;font:700 14px/1.1 var(--sans);color:var(--ink-2)}.seg button+button{box-shadow:inset 1px 0 #3c2d1940}.seg button.on{background:var(--ink);color:var(--canvas)}.seg button:disabled{cursor:default}.trim-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.trim-box small{font-weight:700;color:var(--ink-2)}.trim-bar{position:relative;height:22px;border-radius:4px;background:linear-gradient(90deg,#3c2d191f,#3c2d190a 50%,#3c2d191f);box-shadow:inset 0 0 0 1px #3c2d194d}.trim-bar i{position:absolute;top:-3px;bottom:-3px;width:22px;margin-left:-11px;border-radius:4px;background:#b98a3e73;box-shadow:inset 0 0 0 1px var(--brass)}.trim-bar b{position:absolute;top:2px;bottom:2px;width:4px;margin-left:-2px;border-radius:2px;background:var(--ink)}.trim-bar.good i{background:#3f7d4f73;box-shadow:inset 0 0 0 1px var(--good)}.trim-keys{display:flex;gap:4px}.trim-keys button{width:40px;height:40px;border:0;border-radius:5px;background:var(--ink);color:var(--canvas);font-weight:700}.cue{margin:0;min-height:18px;font-weight:700;font-size:14px;color:var(--ink-3);text-align:center}.cue.warn{color:var(--bad)}.wheel{width:132px;height:132px;border-radius:50%;touch-action:none;cursor:ew-resize;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.wheel svg{width:100%;height:100%}.w-rim{fill:none;stroke:#6b4a2e;stroke-width:7}.w-hub{fill:#c79a49;stroke:#4a3220;stroke-width:2}.w-spokes path{stroke:#7a5634;stroke-width:6;stroke-linecap:round}.gun-card{width:330px;padding:10px 12px;display:grid;gap:7px}.gun-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.gun-head b{font:700 18px/1 var(--serif)}.gun-head span{font-weight:700;font-size:14px;color:var(--ink-3)}.gun-hud.loaded .gun-head span{color:var(--good)}.gun-hud.fouled .gun-head span{color:var(--bad)}.pips{display:flex;gap:6px}.pips i{flex:1;height:8px;border-radius:4px;background:#3c2d1929;transition:background .2s}.pips i.on{background:var(--ink)}.gun-hud.loaded .pips i.on{background:var(--wax)}.reload{position:relative;height:14px;border-radius:3px;background:#3c2d1924;overflow:hidden}.reload i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#6a5a44,#8d7a5e)}.reload s{position:absolute;top:0;bottom:0;background:#e3bd6cbf;box-shadow:inset 0 0 0 1px #8f6420;text-decoration:none}.reload.ramnow s{background:#ffd27a;box-shadow:0 0 10px #ffd27a,inset 0 0 0 1px #8f6420}.gun-hud.loaded .reload i{background:linear-gradient(90deg,var(--wax),var(--wax-2))}.gun-read{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gun-read span{display:grid}.gun-read small{font-size:11.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.gun-read b{font:700 17px/1.1 var(--serif);font-variant-numeric:tabular-nums}.roll{position:relative;height:22px;border-radius:4px;background:linear-gradient(90deg,#2d6f8f33,#3c2d190f 45% 55%,#9b2b2233);display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--ink-2)}.roll i{position:absolute;top:2px;bottom:2px;width:4px;margin-left:-2px;border-radius:2px;background:var(--ink);transition:left .08s linear}.roll:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#3c2d1959}.gun-buttons{display:flex;gap:6px}.chip{min-height:40px;padding:4px 12px;border:0;border-radius:5px;background:#3c2d191a;font-weight:700;box-shadow:inset 0 0 0 1px #3c2d194d}.chip.on{background:var(--ink);color:var(--canvas)}.chip#ammoButton{flex:1}.round-button{width:88px;height:88px;border:0;border-radius:50%;font:700 18px/1 var(--serif);letter-spacing:.03em;color:var(--canvas);box-shadow:inset 0 0 0 3px #ffffff26,0 8px 18px #00000073;touch-action:none}.round-button.fire{background:radial-gradient(circle at 40% 35%,#5a5048,#2a241e)}.round-button.fire.ready{background:radial-gradient(circle at 40% 35%,var(--wax-2),#6e1d16)}.round-button.ram{width:70px;height:70px;font-size:15px;background:radial-gradient(circle at 40% 35%,#5c4a30,#2c2216)}.round-button.ram.hot{background:radial-gradient(circle at 40% 35%,#ffd27a,#b07a23);color:var(--ink);box-shadow:0 0 22px #ffd27acc}.round-button.idle{opacity:.55}.jobs{display:flex;gap:6px;padding:8px}.job{position:relative;width:116px;min-height:76px;padding:7px 8px 9px;border:0;border-radius:5px;background:#3c2d1912;display:grid;align-content:start;gap:2px;text-align:left;overflow:hidden;box-shadow:inset 0 0 0 1px #3c2d1938}.job kbd{position:absolute;right:6px;top:6px;font:700 11px/1 var(--sans);color:var(--ink-3)}.job .jn{font:700 14px/1.1 var(--serif);padding-right:14px}.job b{font:700 17px/1.1 var(--serif);font-variant-numeric:tabular-nums}.job small{font-size:11.5px;color:var(--ink-3)}.job i{position:absolute;left:0;bottom:0;height:4px;background:var(--good)}.job.urgent{box-shadow:inset 0 0 0 1.5px var(--bad)}.job.urgent b{color:var(--bad)}.job.on{background:var(--ink);color:var(--canvas);box-shadow:inset 0 0 0 1px var(--brass)}.job.on kbd,.job.on small{color:var(--brass-2)}.job.on.urgent b{color:#ff9b84}.card{position:absolute;z-index:25;border-radius:8px;background:var(--weave),var(--canvas);box-shadow:var(--card-shadow);color:var(--ink)}.home{left:calc(5vw + var(--safe-l));top:50%;transform:translateY(-46%);width:min(440px,calc(100vw - 32px));padding:26px 26px 18px;display:grid;gap:14px}.title{margin:0;font:700 64px/.9 var(--serif);letter-spacing:.01em;color:var(--ink)}.title:after{content:"";display:block;width:72px;height:3px;margin-top:12px;background:var(--wax)}.tagline{margin:0;font-size:17px;line-height:1.4;color:var(--ink-2)}.home-cfg{display:grid;gap:9px}.cfg{display:grid;gap:4px}.cfg small{font-weight:700;color:var(--ink-3);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.home-actions,.result-actions,.lobby-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.big{min-height:48px;padding:6px 20px;border:0;border-radius:6px;background:#3c2d191a;font:700 18px/1 var(--serif);letter-spacing:.02em;box-shadow:inset 0 0 0 1px #3c2d1959}.big.primary{background:linear-gradient(180deg,var(--wax-2),var(--wax));color:var(--canvas);box-shadow:inset 0 0 0 1px #00000040,0 3px #5e1913}.big:hover{filter:brightness(1.06)}.link{min-height:40px;min-width:44px;border:0;background:none;padding:4px 6px;color:var(--ink-2);font-weight:700;text-decoration:underline;text-underline-offset:3px;justify-self:start}.lobby{left:50%;top:calc(50% + var(--bar) / 2);transform:translate(-50%,-50%);width:min(820px,calc(100vw - 24px));max-height:calc(100vh - var(--bar) - 24px);overflow:auto;padding:20px 22px;display:grid;gap:14px}.lobby h2,.result h2{margin:0;font:700 32px/1 var(--serif)}.lobby-ships{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.lobby-ship{border-radius:6px;padding:10px;background:#3c2d190f;box-shadow:inset 0 3px 0 var(--team),inset 0 0 0 1px #3c2d1933;display:grid;gap:6px}.lobby-ship h3{margin:0 0 2px;display:flex;align-items:center;gap:8px;font:700 20px/1 var(--serif)}.lobby-ship h3 small{margin-left:auto;font:700 13px var(--sans);color:var(--ink-3)}.slot{display:grid;gap:1px;min-height:46px;padding:5px 10px;border:0;border-radius:5px;text-align:left;background:var(--canvas);box-shadow:inset 0 0 0 1px #3c2d1940}.slot .st{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.slot b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot em{color:var(--ink-3);font-style:normal;font-weight:500}.slot small{color:var(--ink-3);font-weight:500}.slot.you{box-shadow:inset 0 0 0 2px var(--team)}.slot:not(.taken):hover{box-shadow:inset 0 0 0 1.5px var(--brass)}.slot:disabled{cursor:default}.lobby-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.invite{display:grid;gap:4px}.invite label{font-weight:700;color:var(--ink-3);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.invite-row{display:flex;gap:6px}.invite-row input{flex:1;min-width:0;height:42px;padding:0 10px;border:0;border-radius:5px;background:#ffffff8c;box-shadow:inset 0 0 0 1px #3c2d194d;font:500 14px var(--sans);color:var(--ink)}.invite-row button{min-width:90px;border:0;border-radius:5px;background:var(--ink);color:var(--canvas);font-weight:700}.wait{margin:0;color:var(--ink-3);font-weight:700}.result{left:50%;top:auto;bottom:calc(5vh + var(--safe-b));transform:translate(-50%);width:min(760px,calc(100vw - 24px));max-height:calc(100vh - var(--bar) - 20px);overflow:auto;padding:22px 24px 18px;display:grid;gap:12px;box-shadow:var(--card-shadow),inset 0 5px 0 var(--team)}.kicker{margin:0;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.result h2{font-size:44px;color:color-mix(in srgb,var(--team) 75%,black)}.result-ships{margin:0;padding:0;list-style:none;display:grid;gap:8px}.rs{display:grid;grid-template-columns:34px 1fr 78px 92px;grid-template-areas:"place name hull dealt" "place crew crew crew";align-items:center;gap:4px 10px;padding:10px 12px;border-radius:6px;background:#3c2d190f;box-shadow:inset 4px 0 0 var(--team)}.rs.win{background:#b98a3e29}.rs .place{grid-area:place;font:700 30px/1 var(--serif);color:var(--ink-3)}.rs.win .place{color:var(--brass)}.rs .name{grid-area:name;display:flex;align-items:center;gap:8px;font:700 22px/1 var(--serif)}.rs .hullv{grid-area:hull}.rs .dealt{grid-area:dealt}.rs .hullv,.rs .dealt{display:grid;text-align:right}.rs b{font:700 19px/1 var(--serif)}.rs small{font-size:11.5px;color:var(--ink-3);font-weight:700}.rs .crew{grid-area:crew;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}.rs .cm.me{font-weight:700}.series{margin:0;font-weight:700;color:var(--ink-2)}.panel{position:absolute;z-index:40;right:calc(10px + var(--safe-r));top:calc(var(--bar) + var(--safe-t) + 6px);display:grid;gap:4px;padding:8px;border-radius:6px;background:var(--weave),var(--canvas);box-shadow:var(--card-shadow)}.panel button{min-height:42px;min-width:170px;padding:6px 14px;border:0;border-radius:5px;background:transparent;text-align:left;font-weight:700}.panel button:hover{background:#3c2d191a}.help{max-width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 40px);border:0;border-radius:8px;padding:22px 24px;background:var(--weave),var(--canvas);color:var(--ink);box-shadow:var(--card-shadow)}.help::backdrop{background:#0a0e108c}.help h2{margin:0 0 6px;font:700 30px/1 var(--serif)}.help h3{margin:14px 0 3px;font:700 19px/1.1 var(--serif)}.help p{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink-2)}.help .big{margin-top:16px}.toast{position:absolute;z-index:45;left:50%;bottom:calc(var(--safe-b) + 170px);transform:translate(-50%);padding:9px 16px;border-radius:6px;background:#181511e6;color:var(--canvas);font-weight:700;box-shadow:0 6px 18px #0006;white-space:nowrap}.connection{position:absolute;z-index:45;left:50%;top:calc(var(--bar) + var(--safe-t) + 8px);transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#9b2b22eb;color:var(--canvas);font-weight:700}.touch .round-button.fire{width:96px;height:96px}@media(pointer:fine){.round-button.ram{display:none}.round-button.fire{width:74px;height:74px;font-size:16px}.wheel{width:112px;height:112px}}@media(max-width:760px){:root{--bar: 48px}.brand span,.identity input{display:none}.brand{font-size:0}.mark{width:30px;height:30px}#menuButton{display:grid}#helpButton,#langButton,#soundButton{display:none}.score{gap:4px}.score .sc{padding:4px 6px}.score .sc b{display:none}.score .sc .hb{width:34px}.clock{padding:0 8px}.clock b{font-size:17px}.crew-panel{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));top:calc(var(--bar) + var(--safe-t) + 6px);width:auto;gap:6px}.stations{grid-template-columns:repeat(4,1fr);gap:4px}.station{grid-template-columns:1fr;grid-template-rows:auto auto;padding:4px 6px;min-height:44px;text-align:center}.station kbd{display:none}.station .sn{font-size:14px}.station .who{font-size:11.5px}.ship-card{grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding:6px 8px;gap:4px 8px}.sc-row{grid-template-columns:1fr;gap:2px}.sc-row span{font-size:11px}.sc-row b{display:none}.sc-marks{gap:6px}.feed{top:calc(var(--bar) + var(--safe-t) + 150px);right:8px;max-width:220px}.feed li{font-size:12.5px}.hud{padding:0 8px calc(8px + var(--safe-b))}.role{gap:8px}.helm-hud{display:grid;grid-template-columns:1fr auto;grid-template-areas:"ctl ctl" "wheel dial";align-items:end}.helm-hud .helm-controls{grid-area:ctl;width:auto;padding:8px}.helm-hud .dial-box{grid-area:dial;width:128px}.helm-hud .dial{width:110px;height:110px}.helm-hud .wheel{grid-area:wheel;width:130px;height:130px;justify-self:start}.gun-hud{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"card card card" "ram . fire";align-items:end}.gun-hud .gun-card{grid-area:card;width:auto;padding:8px 10px;gap:5px}.gun-hud #ramButton{grid-area:ram}.gun-hud #fireButton{grid-area:fire}.jobs{flex-wrap:wrap;justify-content:center;padding:6px;gap:5px}.job{width:calc(33.3% - 4px);min-height:66px}.home{left:12px;right:12px;width:auto;top:auto;bottom:calc(12px + var(--safe-b));transform:none;padding:18px 18px 12px;gap:11px}.title{font-size:48px}.tagline{font-size:15.5px}.lobby-settings{grid-template-columns:1fr}.rs{grid-template-columns:30px 1fr 64px 76px}.rs .name{font-size:18px}.result h2{font-size:34px}.banner b{font-size:30px;white-space:normal}.tag b{font-size:13px}}@media(max-height:520px){:root{--bar: 44px}.brand span{display:none}.identity input{width:100px;height:30px}.crew-panel{width:170px;gap:5px;top:calc(var(--bar) + var(--safe-t) + 6px);left:calc(8px + var(--safe-l))}.station{min-height:40px;padding:3px 8px 3px 5px}.station .who{display:none}.station .sn{font-size:14px}.ship-card{padding:6px 8px;gap:3px}.sc-row{font-size:12px;grid-template-columns:46px 1fr 32px}.chart{width:112px;height:112px}.chart canvas{width:104px;height:104px}.feed{top:calc(var(--bar) + var(--safe-t) + 128px)}.feed li{font-size:12.5px}.hud{padding:0 calc(8px + var(--safe-r)) calc(6px + var(--safe-b)) calc(186px + var(--safe-l))}.dial-box{width:116px}.dial{width:96px;height:96px}.helm-controls{width:250px;padding:7px 9px;gap:6px}.seg button{min-height:40px;font-size:13px}.wheel{width:108px;height:108px}.gun-card{width:270px;padding:7px 9px;gap:4px}.gun-read b{font-size:15px}.gun-head b{font-size:16px}.round-button.fire{width:80px;height:80px}.round-button.ram{width:62px;height:62px}.job{width:96px;min-height:62px}.job .jn{font-size:12.5px}.home{top:calc(var(--bar) + 8px);bottom:auto;transform:none;overflow:auto;padding:14px 18px;gap:6px 22px;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - var(--bar) - 16px);grid-template-columns:1fr 1.15fr;grid-template-areas:"title cfg" "tag cfg" "act cfg" "link cfg";align-content:start}.home .title{grid-area:title}.home .tagline{grid-area:tag}.home .home-cfg{grid-area:cfg;gap:6px}.home .home-actions{grid-area:act}.home .link{grid-area:link}.home .home-actions .big{width:100%}.title{font-size:40px}.tagline{font-size:14px}.lobby,.result{top:calc(var(--bar) + 6px);bottom:auto;transform:translate(-50%);max-height:calc(100vh - var(--bar) - 12px);padding:12px 16px;gap:9px}.result h2{font-size:30px}.rs{padding:6px 10px}}@media(max-width:760px)and (max-height:520px){.crew-panel{right:auto}.stations{grid-template-columns:1fr}}html[data-view=result] .feed,html[data-view=lobby] .feed,html[data-view=home] .feed{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(pointer:coarse){.tool,.dot-button{width:42px;height:42px}.identity input{height:40px}.trim-keys button{width:44px;height:44px}}