:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0a1a26e6;--panel-border:#91cdf41f;--text:#e9f6ff;--muted:#97b8ca;--accent:#78d9ff;--accent-2:#ffcc6f}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:radial-gradient(circle at top,#4e8caa2e,#0000 32%),linear-gradient(#0a1a27 0%,#07131d 100%);margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}button{color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#2d5c7af2,#173144f2);border:1px solid #8fd8ff29;border-radius:12px;padding:8px 10px;font-size:13px;transition:transform .12s,border-color .12s}button:hover{border-color:#8fd8ff59;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default;transform:none}.app{flex-direction:column;gap:10px;height:100vh;padding:10px;display:flex;overflow:hidden}.brand,.battle-strip,.panel,.modal-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #00000038}.topbar{flex:none;grid-template-columns:260px minmax(0,1fr);gap:10px;display:grid}.brand{border-radius:18px;padding:12px 14px}.brand h1,.panel h2,.subsection h3,.modal-card h2{margin:0}.brand--compact h1{margin:2px 0 4px;font-size:24px}.eyebrow,.panel__tag,.modal-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px}.summary,.hint,.modal-body,.empty-state{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.battle-strip{border-radius:18px;grid-template-rows:auto auto;gap:8px;min-width:0;padding:10px 12px;display:grid}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.stat{background:#ffffff09;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:8px 10px;display:flex}.stat span{color:var(--muted);font-size:11px}.stat strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.topbar__bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar__status{align-items:center;gap:10px;min-width:0;display:flex}.layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:10px;min-height:0;display:grid}.stage-shell{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.sidebar{scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.panel{border-radius:18px;min-height:0;padding:12px}.panel--stage{justify-content:center;align-items:center;padding:10px;display:flex;position:relative;overflow:hidden}.panel--dock{padding:10px 12px}.panel--info{flex-direction:column;display:flex;overflow:hidden}.panel--grow{flex:auto;min-height:220px}.panel__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.panel__head h2{font-size:16px}.panel__head--compact{margin-bottom:6px}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls--compact button,.speed-group button{min-width:46px;padding:7px 10px}.controls--stacked{background:linear-gradient(#0a1a2600,#0a1a26fa 24%);margin-top:10px;padding-top:8px;position:sticky;bottom:0}.speed-group{gap:6px;display:flex}.speed-group button.is-active,.build-button.is-selected{border-color:#ffcc6f7a;box-shadow:inset 0 0 0 1px #ffcc6f52}.build-grid{gap:8px;display:grid}.build-grid--dock{grid-template-columns:repeat(8,minmax(0,1fr))}.build-button{text-align:left;background:linear-gradient(#122b3df5,#0a1d2af5);min-height:70px;padding:8px 9px}.build-button__title{justify-content:space-between;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.build-button__meta,.mini-item,.selection-stat,.log-item{color:var(--muted);font-size:12px;line-height:1.35}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tuning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.tuning-field{color:var(--muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.tuning-field input{width:100%;min-width:0;color:var(--text);font:inherit;background:#07131de6;border:1px solid #8fd8ff24;border-radius:10px;padding:7px 8px}.tag{color:var(--text);background:#ffffff0f;border-radius:999px;padding:5px 8px;font-size:11px}.subsection{min-height:0;margin-top:8px}.subsection--grow{flex-direction:column;flex:1;display:flex}.subsection h3{margin-bottom:6px;font-size:13px}.mini-list,.selection-panel,.log-list{flex-direction:column;gap:8px;min-height:0;display:flex}.selection-panel{scrollbar-width:thin;flex:auto;overflow:auto}.mini-list--scroll,.log-list{scrollbar-width:thin;overflow:auto}.mini-item,.selection-stat,.log-item{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;padding:8px 10px}.selection-title{margin-bottom:4px;font-size:18px}.selection-subtitle{color:var(--accent);margin:0 0 8px;font-size:13px}#game-canvas{background:#08131d;border-radius:18px;width:auto;max-width:100%;height:100%;max-height:100%;display:block}.selection-action-overlay{z-index:3;pointer-events:auto;gap:6px;display:flex;position:absolute;transform:translate(-50%,-100%)}.selection-action-overlay.hidden{display:none}.selection-action-overlay button{border-radius:999px;min-width:52px;padding:6px 9px;font-size:12px;box-shadow:0 10px 22px #00000047}.modal-root{z-index:10;background:#030a10b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-root.hidden{display:none}.modal-card{border-radius:20px;width:min(920px,100%);padding:18px}.modal-body{margin-top:6px;margin-bottom:14px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.choice-button{text-align:left;background:linear-gradient(#122b3df5,#0a1d2af5);flex-direction:column;justify-content:flex-start;gap:8px;min-height:150px;display:flex}@media (width<=1200px){.topbar{grid-template-columns:1fr}.layout{grid-template-columns:1fr 280px}.build-grid--dock{grid-template-columns:repeat(4,minmax(0,1fr))}.tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){html,body{overflow:auto}.app{height:auto;min-height:100vh;overflow:visible}.layout{grid-template-columns:1fr}.sidebar{overflow:visible}.build-grid--dock,.choice-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tuning-grid{grid-template-columns:1fr}#game-canvas{width:100%;height:auto}.topbar__bottom{flex-direction:column;align-items:stretch}.topbar__status{flex-wrap:wrap}}