:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e13;--panel:#151a22;--line:#2a3344;--text:#e8eef7;--muted:#9aa8bc;--accent:#3b82f6;--danger:#c43c3c;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{flex-direction:column;height:100%;min-height:100vh;display:flex}.top{border-bottom:1px solid var(--line);background:linear-gradient(#1a1014 0%,#10151d 100%);flex-direction:column;align-items:stretch;gap:6px;padding:10px 16px 8px;display:flex}.top-row{grid-template-columns:120px 1fr auto;align-items:center;gap:12px;display:grid}.match-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fde68a;text-align:center;font-size:28px;font-weight:800;line-height:1}.arena{flex:1;grid-template-columns:168px 1fr 168px;gap:0;min-height:0;display:grid}.side-report{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 10px 8px;font-size:12px;line-height:1.45;overflow:auto}.human-report{border-right:1px solid var(--line);background:linear-gradient(#0f172a 0%,#0b0e13 100%)}.beast-report{border-left:1px solid var(--line);background:linear-gradient(#1a1014 0%,#0b0e13 100%)}.side-report h3{color:var(--text);margin:0 0 8px;font-size:13px}.side-report .wins{color:var(--text);margin-bottom:10px;font-size:18px;font-weight:800}.side-report .wins span{color:#93c5fd}.beast-report .wins span{color:#fca5a5}.side-report dl{grid-template-columns:1fr auto;gap:4px 8px;margin:0;display:grid}.side-report dt{color:var(--muted)}.side-report dd{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:600}#stage{background:#0e1116;min-width:0;min-height:0;position:relative}#stage canvas{width:100%;height:100%;display:block}@media (width<=900px){.arena{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.side-report{max-height:120px}.human-report{border-right:none;border-bottom:1px solid var(--line)}.beast-report{border-left:none;border-top:1px solid var(--line)}.top-row{grid-template-columns:1fr;justify-items:center}}.boss-bar{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:920px;margin:0 auto;display:flex}.boss-title{letter-spacing:.12em;color:#fecaca;text-transform:none;font-size:13px;font-weight:700}.boss-track{background:#0b0708;border:2px solid #7f1d1d;border-radius:11px;width:100%;height:22px;overflow:hidden;box-shadow:0 0 18px #c43c3c59}.boss-fill{background:linear-gradient(90deg,#7f1d1d,#dc2626 45%,#f97316);width:100%;height:100%;transition:width .25s ease-out}.boss-hp-text{color:#fff;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.top-side{align-items:center;gap:12px;display:flex}.status{color:var(--muted);text-align:center;flex:1;font-size:13px}.title{letter-spacing:.04em;font-weight:700}#btn-restart{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#1e293b;border-radius:6px;padding:6px 12px}#stage{flex:1;min-height:280px;position:relative}#game{width:100%;height:100%;display:block}.event-bar{color:#cbd5e1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#0f141c;min-height:28px;padding:6px 12px;font-size:12px;overflow:hidden}.panels{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr;gap:0;max-height:42vh;display:grid}.panel{background:var(--panel);padding:10px 12px}.human-panel{border-right:1px solid var(--line)}.panel h2{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.seats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.seat{border:1px solid var(--line);background:#0f172a;border-radius:8px;padding:8px}.seat h3{color:#fbbf24;margin:0;font-size:12px}.seat-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ctrl-tag{color:#86efac;border:1px solid #166534;border-radius:4px;padding:1px 6px;font-size:10px}.toggle-ctrl{background:#334155!important;border-color:#64748b!important;width:auto!important;padding:2px 8px!important;font-size:11px!important}.intent-row{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:6px;display:grid}.intent-row button{background:#1e293b!important;padding:3px 2px!important;font-size:10px!important}.intent-row button.is-on{color:#fde68a!important;background:#422006!important;border-color:#fbbf24!important}.seat .btns{flex-direction:column;gap:4px;display:flex}.seat button,.beast-actions button{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:#1e293b;border-radius:6px;padding:6px 4px;font-size:12px}.seat button:disabled,.beast-actions button:disabled{opacity:.45;cursor:not-allowed}.seat button:hover:not(:disabled),.beast-actions button:hover:not(:disabled){border-color:var(--accent)}.beast-actions{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.beast-actions button[data-beast=expand]{border-color:#7f1d1d}.beast-actions button[data-beast=ultimate]{border-color:#a16207}.beast-actions button.is-recommended{color:#e0f2fe;box-shadow:0 0 0 2px #38bdf8}.threat-meters{flex-direction:column;gap:4px;margin:8px 0 4px;display:flex}.threat-btn{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;text-align:left;background:#151b24;border-radius:6px;grid-template-columns:72px 1fr auto;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:grid}.threat-btn:hover{border-color:#38bdf8}.threat-btn.is-active{background:#0c4a6e;border-color:#38bdf8}.threat-name{color:#cbd5e1}.threat-track{background:#0b1220;border-radius:3px;height:6px;overflow:hidden}.threat-fill{background:linear-gradient(90deg,#0369a1,#38bdf8);width:0%;height:100%;display:block}.threat-hint{color:#94a3b8;white-space:nowrap;font-size:10px}.beast-stats{color:var(--muted);font-size:12px;line-height:1.5}.beast-stats strong{color:var(--text)}.feedback{color:#93c5fd;min-height:1.2em;margin:8px 0 0;font-size:12px}.hp-track{background:#0b1220;border-radius:4px;height:8px;margin:4px 0 8px;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#c43c3c,#f97316);width:0%;height:100%}@media (width<=900px){.panels{grid-template-columns:1fr;max-height:none}.human-panel{border-right:none;border-bottom:1px solid var(--line)}.seats{grid-template-columns:repeat(2,1fr)}}