:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef8fb;--bg:#06131a;--panel:#081d27eb;--panel-strong:#092834f5;--panel-soft:#0c3744a8;--line:#7ddae547;--line-strong:#7ddae58a;--text:#eef8fb;--muted:#93b5bd;--cyan:#1ee6ee;--cyan-soft:#1ee6ee29;--coral:#ff604f;--amber:#ffc04b;--green:#4df083;--shadow:0 18px 55px #00000057;background:#06131a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 48%,#ff8f362e,#0000 18rem),linear-gradient(145deg,#041016 0%,#06131a 42%,#092230 100%);margin:0}button,input,select,textarea{font:inherit}button,select,input,textarea{color:var(--text);border:1px solid var(--line);background:#04141ddb;border-radius:6px}button{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:750;line-height:1;transition:border-color .14s,background .14s,transform .14s;display:inline-flex}button:hover{border-color:var(--cyan);background:#113f50e0;transform:translateY(-1px)}button:active{transform:translateY(0)}input,select,textarea{outline:none;width:100%;min-height:36px;padding:8px 10px;font-size:13px;line-height:1.2}textarea{resize:vertical;min-height:68px}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #1ee6ee1f}.app-shell{width:min(100vw,1700px);min-height:100vh;margin:0 auto;padding:14px}.topbar,.convex-session-bar{border:1px solid var(--line);box-shadow:var(--shadow);background:#05141db8;align-items:center;gap:14px;display:flex}.topbar{border-radius:8px;min-height:64px;padding:10px 12px}.brand-lockup{align-items:center;gap:12px;min-width:240px;display:flex}.brand-lockup svg{color:var(--cyan)}.brand-lockup strong{letter-spacing:0;font-size:22px;display:block}.brand-lockup span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.surface-tabs{flex:1;gap:6px;display:flex;overflow-x:auto}.surface-tabs span{white-space:nowrap;border:1px solid var(--line);color:#d7edf2;background:#071f2adb;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;font-weight:750;display:inline-flex}.surface-tabs .active{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}.match-score{justify-content:flex-end;align-items:center;gap:12px;min-width:250px;font-size:18px;font-weight:900;display:flex}.match-score span{text-transform:uppercase}.alpha{color:var(--cyan)}.omega{color:var(--coral)}.match-score i{color:var(--muted);font-style:normal}.error-banner{color:#ffe7e4;background:#641614bd;border:1px solid #ff604fb3;border-radius:6px;margin:10px 0;padding:10px 12px;font-size:13px;font-weight:750}.mission-layout{grid-template-columns:minmax(230px,300px) minmax(620px,1fr) minmax(250px,320px);align-items:stretch;gap:12px;margin-top:12px;display:grid}.rail{flex-direction:column;gap:10px;min-width:0;display:flex}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:11px;box-shadow:0 12px 36px #0000002e}.panel h2,.role-panel h2{border-bottom:1px solid var(--line);color:#f5fbfd;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;font-size:15px;font-weight:850;line-height:1.1;display:flex}.compact p,.muted{color:var(--muted);font-size:12px;line-height:1.45}.health-row,.system-row,.public-health div{justify-content:space-between;align-items:center;gap:8px;display:flex}.health-row strong{color:var(--green)}.hull-meter{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.hull-meter span{background:#4df08338;border:1px solid #4df08385;border-radius:3px;height:16px}.hull-meter span.hit{background:#ff604fb8;border-color:#ff604fe6}.system-list{gap:9px;display:grid}.system-row{grid-template-columns:70px 1fr 58px;display:grid}.system-row span,.crew-list span,.public-health span{color:var(--muted);text-transform:capitalize;font-size:12px}.system-row strong{color:var(--amber);text-align:right;font-size:12px}.system-row .ready{color:var(--green)}meter{border-radius:999px;width:100%;height:9px;overflow:hidden}meter::-webkit-meter-bar{background:#ffffff14}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg, var(--cyan), var(--green))}.pending-stack{gap:7px;display:grid}.pending-stack span{color:var(--amber);background:#ffffff0f;border-radius:5px;justify-content:space-between;padding:7px 9px;font-size:12px;font-weight:800;display:flex}.pending-stack .ok{color:var(--green)}.pending-stack .warn{color:var(--coral)}.crew-list{gap:7px;display:grid}.crew-list div{grid-template-columns:72px 1fr auto;align-items:center;gap:8px;display:grid}.crew-list strong{font-size:12px}.crew-list svg{color:var(--green)}.board-shell{border:1px solid var(--line-strong);min-width:0;box-shadow:var(--shadow);background:linear-gradient(#16707e26 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#16707e26 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 55% 48%,#ffb7423b,#0000 20%),linear-gradient(135deg,#063844f0,#041a24f0);border-radius:8px;padding:28px 10px 10px 30px;position:relative}.board-grid{aspect-ratio:1;background:radial-gradient(circle,#ff9d3a29,#0000 24%),#07333fb3;border:1px solid #7ddae56b;grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);width:100%;display:grid;position:relative;overflow:hidden}.board-cell{background:linear-gradient(rgba(255, 145, 54, calc(var(--candidate,0) * .42)), rgba(255, 83, 63, calc(var(--candidate,0) * .28))), transparent;border-bottom:1px solid #7ddae557;border-right:1px solid #7ddae557;min-width:0;position:relative}.terrain-island{background:repeating-linear-gradient(135deg,#ffc04b57,#ffc04b57 5px,#3f5436b3 5px 10px),#ffc04b2e}.terrain-blocked{background:#ff604f47}.board-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.route{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.route-own{stroke:var(--cyan);stroke-width:5px;filter:drop-shadow(0 0 8px #1ee6eeb3)}.route-radio{stroke:var(--coral);stroke-width:4px;stroke-dasharray:8 7}.coord-marker{z-index:4;background:#05141de6;border:1px solid;border-radius:4px;place-items:center;width:28px;height:28px;display:grid;position:absolute;transform:translate(-50%,-50%)}.sub-marker{color:var(--cyan);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:17px solid var(--cyan);filter:drop-shadow(0 0 8px #1ee6eecc);background:0 0;border-right:0;width:0;height:0}.mine-marker,.event-marker{color:var(--coral)}.event-marker{color:#e9f8fb}.board-axis{color:#cfe9ef;pointer-events:none;font-size:12px;font-weight:800;display:grid;position:absolute}.board-axis-top{grid-template-columns:repeat(16,1fr);top:8px;left:30px;right:10px}.board-axis-left{grid-template-rows:repeat(15,1fr);align-items:center;top:28px;bottom:10px;left:7px}.event-list{gap:8px;display:grid}.event-row{border-bottom:1px solid #7ddae529;grid-template-columns:30px 1fr;gap:8px;padding:8px 0;display:grid}.event-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--cyan);border-radius:5px;place-items:center;display:grid}.event-torpedo .event-icon,.event-mineDetonated .event-icon,.event-damage .event-icon{color:var(--coral)}.event-row time{color:var(--muted);font-size:11px;font-weight:750}.event-row p{margin:2px 0 0;font-size:12px;line-height:1.35}.legend-line{border-top:4px solid var(--cyan);width:72px;height:0;margin-bottom:7px}.legend-line.radio{border-top-color:var(--coral);border-top-style:dashed}.radio-solver-stats{background:#ffffff0a;border:1px solid #7ddae52e;border-radius:5px;align-items:baseline;gap:8px;margin-top:10px;padding:8px 9px;display:flex}.radio-solver-stats strong{color:var(--amber);font-size:18px}.radio-solver-stats span,.constraint-line{color:var(--muted);font-size:12px;line-height:1.35}.constraint-line{margin:7px 0 0}.role-panels{grid-template-columns:1.2fr 1fr 1.2fr 1.2fr .8fr;gap:10px;margin-top:12px;display:grid}.role-panel{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;min-width:0;padding:11px}.captain-panel h2{color:var(--cyan)}.mate-panel h2{color:var(--amber)}.engineer-panel h2{color:var(--green)}.radio-panel h2{color:#8eefff}.direction-grid,.system-charge-grid,.engineer-grid,.button-row,.mine-chip-row,.crew-toggle{gap:7px;display:grid}.direction-grid{grid-template-columns:repeat(4,1fr)}.command-button{min-height:44px;color:var(--cyan);font-size:16px}.role-status-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.role-status-grid span,.role-status,.heard-heading-box{color:var(--muted);font-size:12px;line-height:1.35}.role-status-grid span{background:#ffffff0a;border:1px solid #7ddae529;border-radius:5px;padding:7px 8px;font-weight:800}.role-status-grid .warn{color:var(--coral);border-color:#ff6b6b59}.role-status{margin:8px 0 0}.heard-heading-box{background:#ffffff0a;border:1px solid #7ddae529;border-radius:6px;gap:7px;margin-top:8px;padding:8px;display:grid}.heard-heading-box span{color:#8eefff;text-transform:uppercase;font-weight:850}.heard-heading-box p{color:var(--muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.field-line,.role-panel label{color:var(--muted);gap:5px;margin-top:8px;font-size:12px;font-weight:800;display:grid}.button-row{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));margin-top:8px}.system-charge-grid{grid-template-columns:repeat(2,1fr)}.system-charge-grid button{flex-direction:column;align-items:flex-start;gap:5px;min-height:50px}.system-charge-grid strong{color:var(--amber)}.engineer-grid{grid-template-columns:repeat(6,1fr)}.engineer-grid button{color:#b8f5cc;min-width:0;min-height:32px;padding:5px 4px;font-size:11px}.engineer-grid button.marked{border-color:var(--green);background:#4df08338}.wide-button{width:100%;margin-top:8px}.mine-chip-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-top:8px}.mine-chip-row button{min-height:30px;color:var(--amber);padding:6px 8px;font-size:11px}.radio-panel textarea,.radio-panel input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.utility-panel p{color:var(--muted);font-size:12px;line-height:1.4}.crew-toggle{grid-template-columns:1fr 1fr}.crew-toggle .active{border-color:var(--cyan);color:var(--cyan)}.lower-public-band{grid-template-columns:260px 1fr;align-items:stretch;gap:12px;margin-top:12px;display:grid}.lower-public-band>div:first-child{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:12px}.lower-public-band h2{align-items:center;gap:8px;margin:0 0 8px;font-size:15px;display:flex}.lower-public-band p{color:var(--muted);margin:0;font-size:13px}.tv-display{border:1px solid var(--line);background:#05141de0;border-radius:8px;grid-template-columns:170px 1fr 1fr;gap:10px;padding:11px;display:grid}.tv-header{color:var(--cyan);align-items:center;gap:8px;font-weight:900;display:flex}.scoreboard{gap:6px;display:grid}.score-row{border:1px solid var(--line);border-radius:5px;grid-template-columns:80px 36px 1fr;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:grid}.score-row span{text-transform:uppercase;font-weight:900}.score-row strong{font-size:20px}.score-row small{color:var(--muted)}.tv-players{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tv-players h3{margin:0 0 6px;font-size:13px}.tv-players p,.tv-events p{color:var(--muted);margin:0 0 4px;font-size:12px;line-height:1.35}.tv-players span{min-width:74px;color:var(--text);text-transform:capitalize;display:inline-block}.tv-events{max-height:120px;overflow:auto}.join-screen,.tv-only-page{background:radial-gradient(circle at 50% 34%, #1ee6ee24, transparent 28rem), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.join-panel{border:1px solid var(--line);background:var(--panel-strong);width:min(520px,100%);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:22px;display:grid}.join-panel h1{margin:0;font-size:28px}.join-panel p{color:var(--muted);margin:0;line-height:1.45}.convex-session-bar{z-index:8;border-width:0 0 1px;border-radius:0;justify-content:flex-end;padding:8px 14px;position:sticky;top:0}.leave-button{z-index:10;position:fixed;top:14px;right:14px}.tv-only-page .tv-display{width:min(1100px,100%)}@media (width<=1200px){.app-shell{padding:10px}.topbar,.mission-layout,.role-panels,.lower-public-band,.tv-display{grid-template-columns:1fr}.topbar{display:grid}.match-score{justify-content:flex-start;min-width:0}.mission-layout{flex-direction:column;display:flex}.rail{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.role-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.role-panels,.rail,.tv-players{grid-template-columns:1fr}.brand-lockup{min-width:0}.brand-lockup strong{font-size:18px}.board-shell{padding-left:24px}.engineer-grid{grid-template-columns:repeat(4,1fr)}}