:root{--panel-bg:#0c1014c7;--panel-border:#78dcff40;--text:#d8e2e8;--muted:#8a9aa5;--accent:#78dcff;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}html,body,#root{background:#0b0e11;width:100%;height:100%;margin:0;overflow:hidden}.scene{touch-action:none;outline:none;width:100%;height:100%;display:block}.spike-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;border-radius:6px;width:320px;padding:12px 14px;font-size:13px;position:absolute;top:12px;left:12px}.title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-weight:600}.row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label{width:56px;color:var(--muted)}.segmented{flex:1;display:flex}button{font:inherit;color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;flex:1;padding:4px 8px}.segmented button+button{border-left:none}button:hover{background:#78dcff1f}button.active{color:#0b0e11;background:var(--accent);border-color:var(--accent)}.fps{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:56px}.cursor{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}.help{background:var(--panel-bg);color:var(--muted);white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}select{font:inherit;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;flex:1;padding:4px 6px}.menu{background:radial-gradient(at 50% 30%,#1d2a33 0%,#0b0e11 70%);place-items:center;width:100%;height:100%;display:grid;overflow:auto}.menu-box{text-align:center;flex-direction:column;gap:10px;width:300px;display:flex}.menu-box h1{letter-spacing:.25em;color:var(--accent);margin:0;font-size:56px}.title-screen{position:relative;overflow:hidden}.menu-backdrop{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.title-screen .menu-box{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0f13b0;border:1px solid #3a4a5566;width:340px;margin-top:34vh;padding:18px 22px;position:relative}.title-screen .menu-box h1{letter-spacing:.12em;text-shadow:0 0 18px #7fd3ff88;font-size:44px}.menu-box button{flex:none;padding:10px;font-size:15px}button.primary{background:var(--accent);color:#0b0e11;border-color:var(--accent);font-weight:600}button.primary:hover{background:#a5e8ff}button.danger{color:#ff8c80;border-color:#ff5a4a99}button:disabled{opacity:.4;cursor:default}.muted{color:var(--muted)}.good{color:#7fdc9a}.small{font-size:12px}.center{text-align:center}.grow,.spacer{flex:1}.row.wrap{flex-wrap:wrap}.chip{border:1px solid #ffffff26;border-radius:3px;flex:none;margin:2px;padding:2px 6px;font-size:12px;display:inline-block}.base{background:#0e1318;flex-direction:column;width:100%;height:100%;display:flex}.base-top{border-bottom:1px solid var(--panel-border);background:#121a21;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.base-top button{flex:none;padding:6px 12px}.brand{letter-spacing:.2em;color:var(--accent);font-weight:700}.base-main{flex:1;padding:14px;overflow:auto}.base-log{color:var(--muted);border-top:1px solid #ffffff0f;padding:6px 16px;font-size:12px}.cols{grid-template-columns:280px 1fr 1fr;align-items:start;gap:14px;display:grid}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:12px}.panel h3{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:14px}.panel h4{margin:12px 0 6px}.roster-item{text-align:left;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:8px;display:flex}.roster-item.sel{border-color:var(--accent);background:#78dcff1a}.tag{color:var(--muted);background:#ffffff14;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:2px 10px;margin:8px 0;font-size:12px;display:grid}.stat{border-bottom:1px dotted #ffffff14;justify-content:space-between;display:flex}.slot{align-items:center;gap:8px;margin-bottom:4px;display:flex}.slot .label{width:90px;color:var(--muted)}.slot button{flex:none}.stash-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:8px;padding:6px 0;display:flex}.stash-item .btns{align-items:start;gap:4px;display:flex}.stash-item .btns button{white-space:nowrap;flex:none}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:12px}.card h3{margin:0}.card button{width:100%;margin-top:6px}.shop{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;display:grid}.check{align-items:center;gap:8px;padding:4px 0;display:flex}.gains{columns:2;font-size:13px}.battle{width:100%;height:100%;position:relative}.loading{color:var(--accent);background:#0b0e11;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.topbar{background:linear-gradient(#0b0e11ee,#0b0e1100);align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}.topbar button{flex:none;padding:6px 12px}.topbar .levels button{margin-left:2px;padding:3px 8px}.turn.mine{color:#7dff9e}.turn.enemy{color:#ff8c80}.squad{flex-direction:column;gap:4px;width:210px;display:flex;position:absolute;top:52px;left:10px}.squad-item{text-align:left;background:var(--panel-bg);grid-template-columns:1fr auto;gap:2px 6px;padding:6px 8px;display:grid}.squad-item .name{white-space:nowrap;text-overflow:ellipsis;grid-column:1/span 2;font-weight:600;overflow:hidden}.squad-item .status{color:var(--muted);grid-area:2/2/span 2;align-self:center;font-size:11px}.squad-item.sel{border-color:#ffd36b}.squad-item.st-dead,.squad-item.st-evacuated{opacity:.35}.bleed{color:#ff5a4a}.bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.bar>div{height:100%}.enemies{color:#ff8c80;margin-top:6px;font-size:12px}.unit-panel,.shot-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;width:400px;padding:10px 12px;font-size:13px;position:absolute;bottom:12px}.unit-panel{left:12px}.shot-panel{border-color:#ff5a4a80;left:424px}.unit-name{margin-bottom:4px;font-size:15px;font-weight:600}.unit-panel .row button,.shot-panel .row button{flex:none;padding:3px 8px}.shot-panel .row button.grow{flex:1}.cth{margin:8px 0}.cth b{color:#ffd36b;font-size:22px}.breakdown{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.log{text-shadow:0 1px 2px #000;width:340px;font-size:12px;position:absolute;bottom:12px;right:12px}.log-hit{color:#ffb08a}.log-kill{color:#ff6b5b;font-weight:600}.log-alert{color:#ffd36b}.hover-info{background:var(--panel-bg);pointer-events:none;border-radius:4px;padding:4px 10px;font-size:13px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.error-toast{cursor:pointer;background:#5a1d18;border:1px solid #ff5a4a;border-radius:4px;padding:6px 12px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.error-toast.inline{margin:8px 16px;position:static;transform:none}.banner{letter-spacing:.12em;text-transform:uppercase;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);pointer-events:none;background:#0b0e11cc;padding:12px 36px;font-size:28px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.float{text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.modal{background:#000a;place-items:center;display:grid;position:absolute;inset:0}.modal-box{border:1px solid var(--panel-border);background:#121a21;border-radius:8px;min-width:360px;max-width:640px;padding:20px 24px}.modal-box.wide{width:640px}.modal-box button{width:100%;margin-top:10px;padding:10px}.battle.cursor-attack .scene{cursor:crosshair}.cursor-tip{z-index:20;pointer-events:none;white-space:nowrap;background:#0b0e11dd;border:1px solid #ffffff26;border-radius:4px;flex-direction:column;padding:3px 8px;font-size:11px;line-height:1.25;display:flex;position:fixed}.cursor-tip b{font-size:16px}.cursor-tip.move b{color:#7fe0ff}.cursor-tip.attack{border-color:#ff6b5b}.cursor-tip.attack b{color:#ffd36b}.cursor-tip.bad b{color:#ff6b5b}.cursor-tip span,.topbar .contacts{color:var(--muted)}.topbar .contacts.hot{color:#ff8c80;font-weight:600}.topbar .turn-clock{font-variant-numeric:tabular-nums;color:#ffd54a;text-shadow:0 0 8px #ffd54a55;background:#0b0f13cc;border:1px solid #ffd54a88;border-radius:6px;padding:2px 10px;font-size:26px;font-weight:700;line-height:1}.topbar .turn-clock.hot{color:#ff4b3e;text-shadow:0 0 10px #ff4b3e99;border-color:#ff4b3e;animation:1s steps(2,start) infinite turn-clock-blink}@keyframes turn-clock-blink{to{visibility:hidden}}.control-bar{background:linear-gradient(#151c22f2,#0b0f13fa);border-top:1px solid #3a4a55;align-items:stretch;gap:8px;padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #0008}.control-bar button{flex:none}.squad-strip{grid-template-columns:repeat(4,52px);grid-auto-rows:min-content;align-content:start;gap:4px;display:grid}.squad-card{background:#0e1419;border:1px solid #2c3a44;flex-direction:column;gap:2px;padding:2px;display:flex;position:relative}.squad-card.sel{border-color:#ffd36b;box-shadow:0 0 6px #ffd36b88}.squad-card.st-dead,.squad-card.st-evacuated{opacity:.3}.card-status{text-transform:uppercase;color:#ff8c80;background:#000a;font-size:9px;position:absolute;top:16px;left:0;right:0}.portrait{color:var(--accent);background:radial-gradient(circle at 50% 35%,#2a3a44,#0c1115);border:1px solid #3a4a55;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.merc-card{background:#0e1419;border:1px solid #2c3a44;gap:8px;width:270px;padding:4px 6px;display:flex}.merc-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.merc-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.stat-line{grid-template-columns:20px 1fr 44px;align-items:center;gap:6px;display:grid}.stat-line .bar{height:7px}.stat-line b{text-align:right}.ap-big{color:#63c7ff;font-size:16px}.chips{flex-wrap:wrap;gap:2px;display:flex}.chips .chip{margin:0;padding:0 4px;font-size:10px}.chip.bad{color:#ff8c80;border-color:#ff5a4a}.chip.warn{color:#ffd36b;border-color:#ffd36b}.weapon-slot{background:#0e1419;border:1px solid #2c3a44;flex-direction:column;gap:3px;width:210px;padding:4px 6px;display:flex}.weapon-slot.empty{color:var(--muted);place-items:center;display:grid}.weapon-head{justify-content:space-between;font-weight:600;display:flex}.ammo{color:#ffd36b;font-variant-numeric:tabular-nums}.ammo.out{color:#ff5a4a}.weapon-art{color:#9fb3bf;place-items:center;height:34px;display:grid;position:relative;overflow:hidden}.weapon-art .cond{color:#ffb08a;font-size:10px;position:absolute;bottom:0;right:2px}.modes{gap:2px;display:flex}.modes .mode{text-transform:uppercase;flex-direction:column;flex:1;align-items:center;padding:2px 0;font-size:10px;line-height:1.1;display:flex}.modes .mode small{opacity:.7;font-size:9px}.modes .mode.unavailable,.ammo-choice .mode.unavailable,.icon-btn.unavailable,.belt-slot.unavailable,.chip.unavailable{opacity:.35;filter:grayscale()brightness(.7)}.modes .mode svg{width:16px;height:16px}.aim-pips{align-items:center;gap:4px;display:flex}.pip{background:0 0;border:1px solid #ffd36b;border-radius:50%;width:12px;height:12px;padding:0}.pip.on{background:#ffd36b}.belt{grid-template-columns:repeat(5,48px);align-content:center;gap:4px;display:grid}.belt-slot{color:#cfe3ee;background:#0e1419;border:1px solid #2c3a44;flex-direction:column;justify-content:center;align-items:center;height:56px;padding:2px;display:flex;position:relative}.belt-slot.empty{opacity:.35}.belt-slot.active{background:#3a3212;border-color:#ffd36b}.slot-label{text-overflow:ellipsis;white-space:nowrap;max-width:44px;font-size:9px;overflow:hidden}.badge{color:#ffd36b;font-size:10px;position:absolute;top:1px;right:3px}.icon-btn{color:#cfe3ee;background:#0e1419;border:1px solid #2c3a44;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative}.icon-btn.captioned{grid-template-rows:1fr auto;width:46px;height:44px;padding-top:3px}.icon-btn .cap{text-transform:uppercase;letter-spacing:.02em;opacity:.85;padding-bottom:3px;font-size:8.5px;line-height:1}.icon-btn.active{border-color:var(--accent);color:#fff;background:#1f4a5c}.stance-grid{grid-template-columns:repeat(2,38px);align-content:center;gap:3px;display:grid}.reserve{flex-direction:column;justify-content:center;gap:3px;display:flex}.reserve-row{align-items:center;gap:3px;display:flex}.reserve-row .icon-btn{width:32px;height:32px}.caption{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;width:42px;font-size:10px}.turn-box{align-items:center;margin-left:auto;display:flex}.end-turn{border:2px solid var(--accent);color:#fff;text-transform:uppercase;background:radial-gradient(circle,#1f4a5c,#0e1a21);border-radius:50%;width:76px;height:76px;font-size:13px;font-weight:700;line-height:1.2}.end-turn.ready:not(:disabled){animation:1.4s ease-in-out infinite end-turn-pulse}@keyframes end-turn-pulse{0%,to{box-shadow:0 0 4px var(--accent)}50%{box-shadow:0 0 22px var(--accent);border-color:#fff}}.end-turn:hover:not(:disabled){box-shadow:0 0 12px var(--accent)}.called-shot{background:#10181e;border:1px solid #5b7280;border-radius:6px;width:440px;padding:14px;box-shadow:0 10px 40px #000c}.cs-title{margin-bottom:8px;font-size:15px;font-weight:700}.cs-body{background:radial-gradient(circle at 50% 40%,#1a2a33,#0a0f12);border:1px solid #2c3a44;height:300px;position:relative}.cs-figure{height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.cs-part{fill:#2d4452;stroke:#7fb3c9;stroke-width:.6px;cursor:pointer}.cs-part.hl,.cs-part:hover{fill:#7a3a2a;stroke:#ffd36b}.cs-label{background:#0b0e11cc;padding:4px 8px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}.cs-label b{color:#ffd36b;font-size:15px}.cs-label.hl{border-color:#ffd36b}.cs-foot{align-items:center;gap:6px;margin-top:8px;display:flex}.cs-foot>span:first-child{flex:1}.cs-foot button{flex:none;padding:4px 8px}button.mini{padding:0 6px}.log{bottom:120px!important}button.wide{width:100%;margin-bottom:8px}.stat b.hi{color:#7dff9e}.stat b.lo{color:#ff9c8f}.stat span{color:var(--muted);font-size:11px}.ammo-choice{gap:3px;margin-top:4px;display:flex}.ammo-choice .mode{min-width:0;padding:2px 6px;font-size:11px}.ammo-kind{color:#111;background:#b8872b;border-radius:3px;margin-right:5px;padding:0 4px;font-size:10px}.squad-card.st-controlled{filter:saturate(.6)hue-rotate(-40deg);outline:2px solid #b05cff}.squad-card.st-stunned{opacity:.7}.tag.captured{color:#fff;background:#6b2a8a}.weapon-art img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:100%;height:34px}.belt-slot .slot-art{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);width:34px;height:34px}.stash-item .item-art{flex:0 0 56px;place-items:center;width:56px;height:40px;display:grid}.stash-item .item-art img{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);max-width:56px;max-height:40px}.stash-item .item-art+div{flex:1}.stash-item{align-items:center}.loading-box{text-align:center;width:min(420px,80vw)}.loading-title{margin-bottom:14px}.progress{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s ease-out}.loading-label{color:#9fb3bf;margin-top:8px;font-size:13px}.contacts-panel{z-index:5;flex-direction:column;gap:4px;width:190px;max-height:55vh;display:flex;position:absolute;top:48px;right:10px;overflow-y:auto}.contacts-panel .caption{text-transform:uppercase;letter-spacing:.08em;color:#ff8a7a;font-size:11px}.contact{color:#eee;text-align:left;cursor:pointer;background:#140c0cc7;border:1px solid #ff6e5a59;border-radius:4px;align-items:center;gap:8px;padding:4px;display:flex}.contact:hover{border-color:#ff8a7a}.contact.heard{background:#0c1016bf;border-color:#a0b4c859}.contact-face{background:#11161b;border-radius:3px;flex:0 0 40px;width:40px;height:40px;overflow:hidden}.contact.ticking{background:#281606cc;border-color:#ffb347}.contact-face.fuse{color:#ffb347;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.contact-face img{object-fit:cover;width:100%;height:100%}.contact-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-info b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.back-to-merc{border:1px solid var(--accent);color:var(--accent);cursor:pointer;z-index:6;background:#0a141cd9;border-radius:16px;padding:6px 14px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.card-head{align-items:center;gap:10px;display:flex}.face{object-fit:cover;background:#11161b;border:1px solid #ffffff1a;border-radius:4px;flex:none;width:72px;height:72px}.face.small-face{vertical-align:middle;width:34px;height:34px;margin-right:8px}.control-bar.dusk .portrait img,.contacts-panel.dusk .contact-face img{filter:brightness(.85)saturate(.95)}.control-bar.night .portrait img,.contacts-panel.night .contact-face img{filter:brightness(.62)saturate(.8)contrast(1.05)}@media (width<=1320px){.squad-strip{grid-template-columns:repeat(3,46px)}.merc-card{width:230px}.weapon-slot{width:190px}.belt{grid-template-columns:repeat(5,42px)}.end-turn{width:64px;height:64px;font-size:12px}}@media (width<=1100px){.control-bar{flex-wrap:wrap;row-gap:6px}.control-bar .grow{display:none}.log{bottom:210px!important}}.perk-pick{border:1px solid var(--accent);background:#10202a;flex-direction:column;gap:4px;margin:6px 0;padding:6px;display:flex}.perk-pick button.perk{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.viewer{color:#d7e3ea;background:#0b0e11;grid-template-columns:300px 1fr;width:100%;height:100%;display:grid}.viewer-side{border-right:1px solid #2c3a44;flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex}.viewer-head{justify-content:space-between;align-items:baseline;display:flex}.viewer-head h2{margin:0;font-size:16px}.viewer-tabs{flex-wrap:wrap;gap:4px;display:flex}.viewer-tabs button{padding:3px 6px;font-size:12px}.viewer-tabs button small{opacity:.6;margin-left:4px}.viewer-tabs button.active,.viewer-list button.active,.viewer-clips button.active{border-color:var(--accent);background:#1d3440}.viewer-filter{color:inherit;background:#0e1419;border:1px solid #2c3a44;padding:4px 6px}.viewer-list{flex:1;grid-auto-rows:min-content;gap:1px;min-height:0;display:grid;overflow-y:auto}.viewer-list button{text-align:left;flex:none;align-items:center;gap:8px;height:auto;min-height:0;padding:1px 4px;font-size:12px;line-height:1.2;display:flex}.viewer-list img,.viewer-list .noimg{object-fit:contain;background:#1a2228;flex:none;width:74px;height:74px}.viewer-stage{min-width:0;position:relative}.viewer-canvas{outline:none;width:100%;height:100%;display:block}.viewer-info{background:#0b0f13c0;border:1px solid #2c3a44;flex-direction:column;gap:3px;padding:6px 10px;font-size:13px;display:flex;position:absolute;top:8px;left:8px}.viewer-clips{background:#0b0f13c0;border:1px solid #2c3a44;flex-direction:column;gap:2px;width:220px;padding:6px;display:flex;position:absolute;top:8px;bottom:8px;right:8px;overflow-y:auto}.viewer-clips button{text-align:left;padding:2px 6px;font-size:12px}.viewer-clip-controls{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.showcase-panel{z-index:5;background:#0b0f13d8;border:1px solid #3a4a55;flex-direction:column;gap:4px;width:300px;padding:8px;font-size:12px;display:flex;position:absolute;top:44px;left:8px}.showcase-title{color:var(--accent);font-weight:700}.showcase-row{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.showcase-row>span{width:52px;color:var(--muted)}.showcase-row button,.showcase-grid button{flex:none;padding:2px 6px;font-size:12px}.showcase-row button.active,.showcase-grid button.active{border-color:var(--accent);background:#1d3440}.showcase-caption{color:var(--muted);margin-top:4px}.showcase-grid{flex-wrap:wrap;gap:3px;display:flex}.weapon-slot .attachments{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.weapon-slot .attachments .chip{padding:2px 6px;font-size:11px}.weapon-slot .attachments .chip.active{color:#ffd23f;border-color:#ffd23f}.handoff{z-index:50;background:#0b0e11;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.online .row{align-items:center;gap:8px;margin:6px 0;display:flex}.online .row>span{width:4.5em}.online .row input{flex:1}.online .code{letter-spacing:3px;max-width:8em;font-family:ui-monospace,monospace}.topbar .baton{color:var(--muted);font-size:12px}.topbar .baton.mine{color:#ffd23f}.stash-item input.price{text-align:right;width:72px}.trade-pick{max-height:160px;margin:6px 0;overflow-y:auto}.block-editor{color:#dde6ec;background:#0f1418;height:100vh;display:flex;overflow:hidden}.be-side{border-right:1px solid #25313a;width:300px;padding:12px;overflow-y:auto}.be-side .row{align-items:center;gap:6px;margin:4px 0;display:flex}.be-palette{grid-template-columns:1fr 1fr;gap:3px;display:grid}.be-palette button{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;font-size:11px;overflow:hidden}.be-palette button.active,.be-side button.active{outline:2px solid #5fe0d0}.be-main{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.be-grid{-webkit-user-select:none;user-select:none;gap:0;display:grid}.be-grid button{color:#dde6ec;cursor:crosshair;border:0;width:22px;height:22px;padding:0;font:12px/22px monospace}.be-grid .be-cell{background:#22303a}.be-grid .be-edge{color:#ffb347;background:#141b21}.be-grid .be-corner{color:#3a4a55;background:#0c1115}.be-preview{background:#000;width:100%;height:420px}.be-source{color:#b8c6cf;background:#0c1115;width:100%;height:220px;font:11px monospace}.base-rooms{grid-template-columns:1fr 340px;gap:14px;height:100%;min-height:520px;display:grid}.base-view{border:1px solid var(--panel-border);border-radius:6px;min-height:0;position:relative;overflow:hidden}.base-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.base-hint{pointer-events:none;background:#0000008c;border-radius:4px;padding:3px 8px;position:absolute;bottom:8px;left:10px}.base-side{overflow:auto}@media (width<=900px){.base-rooms{grid-template-rows:380px auto;grid-template-columns:1fr}}.research{flex-direction:column;gap:10px;height:100%;display:flex}.research-top{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.research-scroll{border:1px solid var(--panel-border);background:radial-gradient(circle at 20% 10%,#50a0ff12,#0000 50%),radial-gradient(circle at 70% 90%,#5affa00f,#0000 50%),#0b1015;border-radius:6px;flex:1;overflow:auto}.research-tree{position:relative}.research-branch{letter-spacing:.12em;text-transform:uppercase;color:#6fb6ff;font-size:12px;position:absolute;left:16px}.research-branch.bio{color:#6fe3a0}.research-lines{pointer-events:none;position:absolute;inset:0}.research-lines path{fill:none;stroke:#a0afbe59;stroke-width:2px;stroke-dasharray:6 5}.research-lines path.done{stroke:#78dcffcc;stroke-dasharray:none}.research-node{box-sizing:border-box;background:#141c24f2;border:1px solid #ffffff1f;border-left:4px solid #6fb6ff;border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;display:flex;position:absolute;overflow:hidden}.research-node.bio{border-left-color:#6fe3a0}.research-node.locked{opacity:.55}.research-node.open{border-color:#ffffff4d;box-shadow:0 0 12px #6fb6ff2e}.research-node.done{background:#182c38f2}.research-node button{align-self:flex-start;margin-top:auto;padding:3px 12px}.rn-head{justify-content:space-between;gap:6px;display:flex}.rn-done{color:#7fe0ff;font-weight:700}.rn-desc{color:#c4ccd4}.rn-missing{color:#e0a060}.cols.two{grid-template-columns:280px 1fr}.research-layout{grid-template-columns:360px 1fr;gap:14px;height:100%;min-height:0;display:grid}.lab-panel{overflow:auto}.lab-panel select{width:100%}@media (width<=900px){.research-layout,.cols.two{grid-template-columns:1fr}}.radar-scope{max-width:100%;height:auto;margin:0 auto 10px;display:block}.radar-sweep{animation:4s linear infinite radar-spin}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.radar-blip{cursor:pointer;outline:none}.radar-dot{animation:1.6s ease-in-out infinite radar-pulse}@keyframes radar-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.radar-sweep,.radar-dot{animation:none}}.help-box{max-height:88vh;overflow:auto}.help-cols{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:12px;display:grid}.help-cols dl{margin:0}.help-cols dl>div{border-bottom:1px solid #ffffff0d;grid-template-columns:110px 1fr;gap:8px;padding:3px 0;font-size:13px;display:grid}.help-cols dt{color:var(--accent);font-weight:600}.help-cols dd{color:#c9d1d9;margin:0}@media (width<=700px){.help-cols{grid-template-columns:1fr}}.help-modal{z-index:200}.fuse-row{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;display:flex}.arena-screen .modal-box{max-width:960px;max-height:92vh;overflow-y:auto}.arena-merc{background:#0e1419;border:1px solid #2c3a44;border-radius:6px;margin:6px 0;padding:6px 8px}.arena-merc .row{gap:6px;margin:3px 0}.chip-check{align-items:center;gap:3px;margin-right:8px;display:inline-flex}.arena-series h3{margin:6px 0}.arena-briefing{border:1px solid var(--accent);border-radius:6px;margin:8px 0;padding:8px 10px}.doctrine{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;max-width:200px;display:flex}.arena-games td{padding:2px 8px 2px 0}.arena-result{font-size:15px}.bad{color:#ff7b6b}.tournaments{border-top:1px solid #2c3a44;margin-top:10px;padding-top:6px}.tournament{border:1px solid #2c3a44;border-radius:6px;margin:6px 0;padding:6px 8px}.tournament .row{align-items:center;gap:10px}button.link{color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.bracket{gap:16px;margin:6px 0;display:flex;overflow-x:auto}.bracket-round{flex-direction:column;justify-content:space-around;gap:6px;min-width:150px;display:flex}.bracket-slot{background:#0e1419;border:1px solid #2c3a44;border-radius:4px;padding:3px 6px}.arena-screen .modal-box.wide{width:min(960px,96vw)}.arena-screen .row button,.arena-screen .arena-merc button,.arena-screen .tournament button,.arena-screen .doctrine,.arena-screen .chip{width:auto;margin-top:0;padding:4px 10px}.arena-screen .arena-merc select{flex:170px;min-width:0}.arena-screen .arena-merc .muted.small{flex:100%}.online-simple{width:min(600px,94vw)}.online-simple .nickname>span,.arena-box .nickname>span{width:5.5em}.big-choices{flex-direction:column;gap:8px;margin:12px 0 6px;display:flex}.big-choices button{width:100%;margin:0;padding:12px;font-size:16px}.invite{background:#0e151bcc;border:1px solid #7fd3ff55;border-radius:8px;margin:12px 0;padding:10px 14px 4px}.copy-field{margin:4px 0 10px}.copy-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.copy-box{background:#0a0f13;border:1px solid #3a4a55;border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.copy-box:focus-within{border-color:var(--accent)}.copy-box input{min-width:0;color:var(--text,#dfe8ee);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-family:ui-monospace,monospace;font-size:15px}.copy-box .copy-btn,.online-simple .copy-box .copy-btn,.arena-box .copy-box .copy-btn{width:46px;color:var(--accent);cursor:pointer;background:#16212a;border:none;border-left:1px solid #3a4a55;border-radius:0;flex:none;place-items:center;margin:0;padding:0;display:grid}.copy-box .copy-btn:hover{background:#1e2d38}.copy-box .copy-btn.done{color:#7be08f}.online-simple .row button{width:auto;margin:0;padding:5px 12px}.online-simple .code{letter-spacing:0;max-width:none}.online-simple .more{margin-top:12px}.online-simple .more button{width:auto;margin:4px 0;padding:4px 10px}.arena-screen .arena-box{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0f13c8;border:1px solid #3a4a5566;border-radius:8px;width:min(400px,92vw);padding:16px 20px;position:relative}.arena-box h2{text-align:center;letter-spacing:.08em;color:var(--accent);text-shadow:0 0 14px #7fd3ff66;margin:0 0 4px}.arena-box .row{align-items:center;gap:8px;margin:6px 0;display:flex}.arena-box .row input{flex:1;min-width:0}.arena-box .row button{width:auto;padding:5px 12px}.arena-box .code{font-family:ui-monospace,monospace}.arena-searching{text-align:center}.arena-searching button{padding:6px 16px}.arena-nav{border-top:1px solid #2c3a44;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;display:flex}.arena-nav button{flex:30%;padding:6px 4px;font-size:13px}.arena-nav button.active{border-color:var(--accent);color:var(--accent)}.arena-box .arena-back{width:100%;margin-top:10px;padding:8px}.arena-panel{z-index:2;border:1px solid var(--panel-border);background:#121a21f4;border-radius:8px;width:min(920px,96vw);max-height:92vh;padding:12px 18px 16px;position:absolute;top:4vh;left:50%;overflow-y:auto;transform:translate(-50%)}.arena-panel-head{justify-content:space-between;align-items:center;display:flex}.arena-panel-head h3{margin:0}.arena-panel-head button{width:auto;padding:2px 10px;font-size:18px}.arena-panel .row button,.arena-panel .arena-merc button,.arena-panel .tournament button,.arena-panel .chip{width:auto;margin-top:0;padding:4px 10px}.arena-panel .arena-merc select{flex:170px;min-width:0}.arena-panel .arena-merc .muted.small{flex:100%}.arena-box .arena-series .doctrine{width:auto;padding:4px 10px}.arena-screen .arena-box.wide{width:min(680px,96vw)}.nickname input{color:var(--text);background:#0a0f13;border:1px solid #3a4a55;border-radius:6px;padding:8px 10px;font-size:15px}.nickname input:focus{border-color:var(--accent);outline:none}.nickname input:disabled{color:var(--muted);background:#0e151b}.nickname input.missing{border-color:#ff7b6b99}.big-choices button:disabled{opacity:.45;cursor:not-allowed}.copy-note{text-transform:none;letter-spacing:0}.your-turn{letter-spacing:.08em;text-transform:uppercase;color:#ffd54a;text-shadow:0 0 24px #ffd54aaa,0 3px #0b0e11,0 0 4px #000;pointer-events:none;z-index:5;font-size:clamp(40px,7vw,88px);font-weight:800;animation:2s ease-out forwards your-turn;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes your-turn{0%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}25%{opacity:.1}40%{opacity:1}55%{opacity:.1}70%{opacity:1}to{opacity:0}}.deploy-panel{text-align:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);background:#0b0e11dd;flex-direction:column;align-items:center;gap:6px;max-width:min(560px,100vw - 32px);padding:10px 18px 12px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.deploy-panel b{letter-spacing:.12em;text-transform:uppercase;font-size:18px}.deploy-panel .ok{color:#7ee08a}.deploy-panel button{min-width:160px;margin-top:4px}.landing-banner{z-index:1;box-sizing:border-box;text-align:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);background:linear-gradient(90deg,#0b0e1100,#0b0e11d9 18% 82%,#0b0e1100);align-self:end;width:100%;margin-bottom:8vh;padding:22px 16px 26px;position:relative}.landing-banner h1{letter-spacing:.14em;color:var(--accent);text-shadow:0 0 18px #7fd3ff88;margin:0;font-size:clamp(30px,6vw,52px)}.landing-banner .landing-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 14px;font-size:14px}.landing-banner .landing-news{color:var(--text);margin:0;font-size:clamp(17px,2.4vw,24px);line-height:1.45}.landing-banner .landing-count{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#ffd54a;text-shadow:0 0 22px #ffd54a88;margin:8px 0 6px;font-size:clamp(40px,9vw,76px);font-weight:800;display:block}.landing-banner .landing-left{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:14px}.landing-token{border-top:1px solid #3a4a5566;flex-direction:column;align-items:center;gap:6px;max-width:560px;margin:16px auto 0;padding-top:14px;font-size:14px;display:flex}.landing-token-label{color:var(--muted);letter-spacing:.04em}.landing-token-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.landing-token code{color:var(--text);word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.landing-token button{flex:none;padding:3px 10px;font-size:12px}.landing-token a{color:var(--accent);font-weight:600;text-decoration:none}.landing-token a:hover{text-decoration:underline}@media (width<=480px){.landing-banner{margin-bottom:0;padding:14px 12px 16px}.landing-banner .landing-sub{margin:2px 0 8px;font-size:11px}.landing-banner .landing-news{font-size:16px}.landing-banner .landing-count{margin:4px 0 2px}.landing-banner .landing-left{font-size:12px}.landing-token{margin-top:10px;padding-top:10px;font-size:12px}.landing-token code{font-size:11px}}