:root{color:#f5f7f5;background:#0e1518;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}.page{background:radial-gradient(circle at top,#1e353b,#0e1518 62%);min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.app-bar{width:100%;max-width:56rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.lang-toggle{background:transparent;border:1px solid #5d8c8d;border-radius:999px;color:#9ecfbd;cursor:pointer;font:inherit;font-size:.8rem;padding:.3rem .8rem}.eyebrow{color:#9ecfbd;font-size:.75rem;font-weight:700;letter-spacing:.18em}h1{font-size:clamp(2rem,6vw,3.5rem);margin:.5rem 0 .25rem;letter-spacing:.04em}h2{margin:0 0 .5rem}h3{margin:0 0 .5rem;color:#9ecfbd;font-size:.9rem;letter-spacing:.08em}.tagline{color:#c5d1d1;margin:0 0 2rem}.hint{max-width:32rem}.muted{color:#c5d1d1}.small{font-size:.8rem}.home{border:1px solid #5d8c8d;max-width:42rem;padding:clamp(2rem,6vw,4rem);text-align:center}.home-actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.room{border:1px solid #5d8c8d;max-width:56rem;width:100%;padding:1.5rem}.room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.room-code{background:#142126;border:1px solid #5d8c8d;border-radius:4px;padding:.15rem .4rem;color:#e6f4ec}.roster{margin:.25rem 0 1rem;color:#9ecfbd;font-size:.85rem}.join-form{display:flex;flex-direction:column;gap:1rem;max-width:26rem}.join-form label,.join-form fieldset label{display:flex;gap:.5rem;align-items:center}.join-form fieldset{border:1px solid #5d8c8d;border-radius:4px;display:flex;gap:1rem;padding:.75rem}.join-form input[type=text],.join-form input:not([type]){width:100%}input{background:#0e1518;border:1px solid #5d8c8d;border-radius:4px;color:#f5f7f5;font:inherit;padding:.5rem .6rem}.board{border:1px solid #3d6668;border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.board-row{display:flex;gap:.5rem;flex-wrap:wrap}.chip{background:#142126;border:1px solid #3d6668;border-radius:999px;font-size:.8rem;padding:.25rem .7rem}.units{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.unit{background:#142126;border:1px solid #3d6668;border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.unit.self{border-color:#9ecfbd}.unit-name{font-weight:700}.integrity{color:#c5d1d1}.turn-status{margin:0;font-size:.95rem;color:#e6f4ec}.actions{display:flex;gap:.5rem}button{background:#142126;border:1px solid #5d8c8d;border-radius:4px;color:#e6f4ec;cursor:pointer;font:inherit;padding:.45rem .9rem}button:hover:not(:disabled){border-color:#9ecfbd}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:#2a4d50;border-color:#9ecfbd}button.ghost{background:transparent}button.link{background:transparent;border:0;color:#9ecfbd;padding:.1rem .25rem;text-decoration:underline}.events{list-style:none;margin:0;padding:0;max-height:8rem;overflow-y:auto;border-top:1px solid #2a4447;padding-top:.5rem}.events li{color:#c5d1d1;font-size:.8rem;padding:.1rem 0}.save-panel{border-top:1px solid #2a4447;padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.save-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.save-list li{display:flex;justify-content:space-between;align-items:center;background:#142126;border:1px solid #2a4447;border-radius:4px;padding:.35rem .6rem;font-size:.85rem}.save-actions{display:flex;gap:.4rem}.notice{border:1px solid #a06a3c;border-radius:4px;color:#f0c9a0;padding:.5rem .75rem;margin-top:1rem}.demo-panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.demo-pane{border:1px solid #3d6668;border-radius:6px;padding:1rem}:root{--b-deep: #05090d;--b-panel: #0d1a24;--b-panel2: #0f2030;--b-edge: #1b3a4d;--b-cyan: #59d8ff;--b-cyan-dim: #2a6f8f;--b-cyan-glow: rgba(89, 216, 255, .45);--b-amber: #ffb34d;--b-red: #ff5a5a;--b-purple: #b78cff;--b-white: #dff4ff;--b-text: #c4dce8;--b-dim: #6f8fa1;--b-mono: "Consolas", "SFMono-Regular", monospace;--b-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--b-glow: 0 0 8px var(--b-cyan-glow);--b-radius: 6px}.battle{display:flex;flex-direction:column;height:100vh;width:100vw;position:fixed;inset:0;background:var(--b-deep);color:var(--b-text);font-family:var(--b-sans)}.b-top{display:flex;align-items:center;gap:14px;padding:6px 14px;background:var(--b-panel);border-bottom:1px solid var(--b-edge)}.b-brand{color:var(--b-cyan);font-weight:700;letter-spacing:.14em;font-size:13px;text-shadow:var(--b-glow);white-space:nowrap}.b-round{font-family:var(--b-mono);color:var(--b-cyan);font-size:13px}.b-phases{display:flex;gap:4px;margin-left:auto;font-size:11px;color:var(--b-dim)}.b-phase{padding:2px 10px;border:1px solid var(--b-edge);border-radius:3px}.b-phase.on{color:var(--b-cyan);border-color:var(--b-cyan);text-shadow:var(--b-glow)}.b-seed{font-family:var(--b-mono);color:var(--b-dim);font-size:11px}.b-top-actions{display:flex;gap:6px}.b-top-actions button{margin:0}.b-body{flex:1;display:flex;min-height:0}.b-panel{width:250px;flex-shrink:0;background:var(--b-panel);border-right:1px solid var(--b-edge);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.b-panel.right{border-right:none;border-left:1px solid var(--b-edge)}.b-panel-title{font-size:11px;letter-spacing:.18em;color:var(--b-dim)}.b-panel-title b{color:var(--b-cyan)}.b-archetype{margin-left:6px;color:var(--b-purple);letter-spacing:0}.b-ship{border:1px solid var(--b-edge);border-radius:var(--b-radius);background:var(--b-panel2);padding:8px 10px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.b-ship:hover{border-color:var(--b-cyan-dim)}.b-ship.sel{border-color:var(--b-cyan);box-shadow:var(--b-glow)}.b-ship.down{opacity:.5}.b-ship .nm{color:var(--b-white);font-size:13px;display:flex;justify-content:space-between;align-items:baseline;gap:6px}.b-ship .nm .icon{width:16px;height:16px;vertical-align:-3px;margin-right:4px}.b-ship .cls{color:var(--b-dim);font-size:10px}.b-ship .hp{display:flex;gap:3px;margin-top:5px}.b-ship .hp i{flex:1;height:4px;background:#16303f;border-radius:2px}.b-ship .hp i.full{background:var(--b-cyan);box-shadow:var(--b-glow)}.b-ship .hp i.dam{background:var(--b-amber)}.b-ship .cnt{display:flex;gap:6px;margin-top:6px;font-size:10px;color:var(--b-dim);flex-wrap:wrap}.b-ship .status{font-size:10px;color:var(--b-red);margin-top:4px}.pip{font-family:var(--b-mono);padding:1px 5px;border-radius:3px;border:1px solid var(--b-edge)}.pip.purple{color:var(--b-purple);border-color:var(--b-purple)}.pip.cyan{color:var(--b-cyan);border-color:var(--b-cyan)}.pip.amber{color:var(--b-amber);border-color:var(--b-amber)}.b-panel .cnt{display:flex;gap:6px;flex-wrap:wrap}.b-panel .cnt .pip{margin:0}.b-tl{border-top:1px solid var(--b-edge);padding-top:6px;margin-top:auto}.b-tl .item{display:flex;align-items:center;gap:6px;font-size:11px;padding:3px 0;color:var(--b-dim)}.b-tl .dot{width:6px;height:6px;border-radius:50%;background:var(--b-cyan);box-shadow:var(--b-glow);flex-shrink:0}.b-tl .dot.purple{background:var(--b-purple);box-shadow:0 0 6px var(--b-purple)}.b-tl .dot.red{background:var(--b-red);box-shadow:0 0 6px var(--b-red)}.b-tl .n{font-family:var(--b-mono);color:var(--b-cyan)}.b-stage{flex:1;display:flex;flex-direction:column;min-width:0;background:#04080c;position:relative}.b-holo{position:absolute;inset:0;width:100%;height:100%;display:block}.b-dock{position:relative;z-index:2;background:linear-gradient(180deg,#0d1a24f5,#091118fa);border-top:1px solid var(--b-cyan-dim);padding:8px 12px;display:flex;flex-direction:column;gap:8px}.b-dock .sel{font-size:12px;color:var(--b-white);white-space:nowrap}.b-dock .sel b{color:var(--b-cyan)}.b-dock-status{font-size:11px;color:var(--b-amber)}.b-reject{color:var(--b-red)}.b-dock-cmds{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.b-grp-label{font-size:10px;color:var(--b-dim);align-self:center;letter-spacing:.12em}.b-cmd{padding:6px 10px;border:1px solid var(--b-edge);border-radius:var(--b-radius);background:var(--b-panel2);color:var(--b-text);font-size:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;margin:0}.b-cmd:hover{border-color:var(--b-cyan-dim)}.b-cmd.on{border-color:var(--b-cyan);box-shadow:var(--b-glow);color:var(--b-cyan)}.b-cmd[disabled]{opacity:.35;cursor:default}.b-cmd.primary{border-color:var(--b-cyan);color:var(--b-cyan)}.b-log{border-top:1px solid var(--b-edge);background:var(--b-panel);max-height:26vh;overflow-y:auto;padding:6px 14px}.b-log-title{font-size:11px;letter-spacing:.18em;color:var(--b-dim)}.b-log-list{list-style:none;margin:4px 0 0;padding:0}.b-log-list li{font-family:var(--b-mono);font-size:11px;color:var(--b-text);padding:1px 0;border-bottom:1px dashed rgba(27,58,77,.4)}