@import url('../shared/arcade.css');
:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9f1f5;background:#07131f;--cream:#f5dfb1;--blue:#6cc0ff;--line:#8bb5ce30}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#1b3a50;border:1px solid #6394b766;border-radius:10px;padding:11px 16px;touch-action:manipulation}button:hover{background:#2b5570}button:disabled{opacity:.5;cursor:wait}button.primary{background:#e9ce99;color:#102738;border-color:#ffe7b7;font-weight:850}button.blue{background:#236dad;border-color:#66a7df}input,select{background:#0d2536;color:#f5f5f5;border:1px solid #55768c;border-radius:9px;padding:12px;min-width:0}#stage{position:fixed;inset:0;background:radial-gradient(ellipse at 40% 40%,#4a7385,#132437 70%)}#stage canvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;display:none}body.playing #hud{display:block}.top{position:absolute;left:22px;top:20px;display:flex;gap:12px;align-items:center}.crest{width:48px;height:48px;border:1px solid #94bcce66;border-radius:15px;background:#183549;display:grid;place-items:center;font-size:26px}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#91b8d0}.top h2{margin:4px 0 0;font-size:18px;letter-spacing:-.4px}.vitals{position:absolute;left:22px;top:88px;background:#0a1e2bcc;border:1px solid var(--line);padding:13px;border-radius:13px;width:210px;backdrop-filter:blur(10px)}.meter{height:5px;background:#365061;border-radius:4px;overflow:hidden;margin:6px 0 9px}.meter span{display:block;height:100%;background:#9dd5bb;width:100%}.meter.energy span{background:#69b9ef}.vrow{font-size:11px;display:flex;justify-content:space-between;gap:10px}.objective{position:absolute;top:20px;right:22px;width:min(325px,35vw);background:#081c2edb;border:1px solid var(--line);border-top:3px solid #d6b777;border-radius:12px;padding:17px;backdrop-filter:blur(10px)}.objective h3{font-size:16px;margin:7px 0;line-height:1.3}.objective p{font-size:12px;color:#b5c8d3;line-height:1.5;margin:0}.objective small{display:block;color:#e3c78f;margin-top:10px}.mission-progress{height:3px;background:#40556a;margin-top:10px}.mission-progress span{display:block;height:100%;background:#e8c889;width:0}#notice{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);max-width:620px;width:max-content;font-size:13px;line-height:1.5;padding:10px 18px;border-radius:12px;background:#0d273ae8;border:1px solid #86b4ce44;text-align:center;opacity:0;transition:opacity .2s}#notice.show{opacity:1}.bottom{position:absolute;left:22px;bottom:26px;background:#0a1c2bcc;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:#b9d3de}.bottom b{color:var(--cream)}#crew{position:absolute;left:22px;top:194px;font-size:11px;line-height:1.7;color:#c2d7de;text-shadow:0 2px 3px #000}.menu-tools{position:absolute;right:22px;bottom:25px;display:flex;gap:6px;pointer-events:auto}.menu-tools button{background:#112b40dd;font-size:11px;padding:10px}#map{position:absolute;right:22px;top:255px;width:145px;height:145px;border-radius:15px;border:1px solid #668aa155;background:#081b2acc;backdrop-filter:blur(10px)}.overlay{position:fixed;inset:0;z-index:20;background:linear-gradient(105deg,#041320f5 10%,#081d2dbb 65%,#15344b99);display:grid;place-items:center;align-items:safe center;padding:28px;overflow:auto}.hidden{display:none!important}.menu-panel{width:min(1030px,100%);display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:30px}.eyebrow{color:#87bfdf;font-size:11px;font-weight:800;letter-spacing:3px}.menu-panel h1{font-size:clamp(42px,6vw,78px);letter-spacing:-3px;line-height:.99;margin:18px 0 22px;font-weight:900}.menu-panel h1 span{color:var(--cream)}.intro{font-size:15px;line-height:1.7;color:#b8cedb;max-width:450px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tags span{border:1px solid #86b4cc44;padding:8px 11px;border-radius:20px;font-size:10px;font-weight:750;letter-spacing:1px;color:#d8e2e5}.lobby{padding:26px;background:#0c2538db;border:1px solid #83aac33b;border-radius:22px;box-shadow:0 25px 90px #0005}.lobby h2{font-size:22px;letter-spacing:-.5px;margin:0 0 8px}.lobby p{font-size:12px;line-height:1.6;color:#a8c3d3}.lobby label{display:block;font-size:11px;font-weight:700;color:#d2e0e7;margin:19px 0 8px}.lobby input{width:100%}.row{display:flex;gap:8px;margin-top:11px}.row>*{flex:1}.divider{height:1px;background:var(--line);margin:22px 0}.small{font-size:11px!important;color:#97b7cd!important}#lobby-status{min-height:36px;color:#f3cc91}.board{margin-top:18px;max-height:145px;overflow:auto;font-size:11px}.board-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #6b9eb622}.dialog{max-width:720px;width:100%;background:#0b2437;border:1px solid #769cbb55;border-radius:23px;padding:30px;max-height:90dvh;overflow:auto}.dialog h2{font-size:30px;letter-spacing:-1px;margin:5px 0 15px}.dialog p{color:#b9d0de;font-size:14px;line-height:1.65}.journal-entry{padding:12px;border-bottom:1px solid var(--line);font-size:13px}.journal-entry b{color:var(--cream)}.journal-entry p{font-size:12px;margin:6px 0}.touch{display:none;position:absolute;bottom:65px;pointer-events:auto;user-select:none}.dpad{left:15px;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:5px}.dpad button{padding:0;background:#183f54c9;border:1px solid #91bed076;font-size:19px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.actions{right:15px;grid-template-columns:repeat(2,68px);gap:6px}.actions button{font-size:10px;padding:12px 6px;background:#164870de}.actions button:first-child{background:#9a7540dc;border-color:#edc78a}.bca-utility{display:none!important}.compat-note{color:#f1cd90!important}button.on{background:#477d99!important}.mute{opacity:.65}
@media(pointer:coarse),(max-width:800px){body.playing .touch{display:grid}.top{left:12px;top:12px}.top h2{font-size:15px}.crest{width:35px;height:35px;font-size:20px}.vitals{left:12px;top:66px;width:160px;padding:10px}.objective{right:12px;top:12px;width:43vw;padding:12px}.objective h3{font-size:13px}.objective p{display:none}.objective small{font-size:10px}.bottom{bottom:13px;left:12px;padding:7px;font-size:9px;max-width:55vw}#crew{left:12px;top:163px;font-size:10px}#map{top:auto;bottom:171px;right:12px;width:105px;height:105px}#notice{bottom:180px;font-size:11px;max-width:85vw}.menu-tools{right:12px;bottom:13px}.menu-tools button{font-size:10px;padding:8px}.overlay{padding:14px}.menu-panel{grid-template-columns:1fr;gap:22px;padding:15px;max-width:530px}.menu-panel h1{font-size:46px;margin:12px 0}.intro{font-size:13px}.tags{margin-top:12px}.lobby{padding:20px}.dialog{padding:23px}.kicker{font-size:9px}}
@media(max-height:520px){.menu-panel{grid-template-columns:1fr 1fr;gap:25px;max-width:950px}.menu-panel h1{font-size:42px}.intro{font-size:12px}.objective{width:260px}.objective h3{font-size:12px}#map{display:none}#crew{display:none}.touch{bottom:48px}.dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px)}.actions{grid-template-columns:repeat(2,61px)}.actions button{padding:9px 3px}#notice{bottom:145px}.top{top:9px}.vitals{top:59px}.bottom{bottom:8px}.menu-tools{bottom:8px}.tags{display:none}}

#room-code{display:block;color:#ffe5b5;font-size:14px;font-weight:850;letter-spacing:2px;margin-top:5px}.lobby #create,.lobby #join{font-weight:850}.lobby #join{background:#235e85}.lobby #code{flex:1.4}.lobby #create{min-height:48px}@media(max-width:600px){.lobby #create{font-size:12px}.lobby #join{font-size:12px;padding:10px}}