:root{--bg:#0b0d11;--panel:#171d26;--panel2:#222b38;--text:#f5f7fb;--muted:#98a8ba;--accent:#f4c95d;--hero:#f2f5f8;--enemy:#ff5d5d;--good:#58c27d;--shadow:rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#17202c,var(--bg) 58%);color:var(--text)}button{font:inherit;border:0;border-radius:12px;padding:.75rem 1rem;cursor:pointer;background:var(--panel2);color:var(--text);box-shadow:0 5px 16px var(--shadow)}button:hover{filter:brightness(1.1)}#app{max-width:1260px;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.topbar h1{font-size:2.2rem;margin:0;letter-spacing:-.04em}.subtitle{margin:.2rem 0 0;color:var(--accent);font-weight:750}.topbar-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.layout{display:grid;grid-template-columns:2fr .9fr;gap:1rem}.panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 12px 32px var(--shadow)}.pad,.arena-panel{padding:1rem}.side-column{display:grid;gap:1rem;align-content:start}.section-title,.label{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.big-value{font-weight:850;font-size:1.2rem;margin-top:.2rem}.arena-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.stage{position:relative;background:#07090d;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}.fight-svg{display:block;width:100%;aspect-ratio:8/3;background:linear-gradient(#111827 0%,#111827 60%,#07090d 60%,#080a0e 100%)}.stage-help{font-size:.85rem;color:var(--muted);padding:.65rem .85rem;border-top:1px solid rgba(255,255,255,.07)}.lane-label{position:absolute;left:16px;font-size:.72rem;letter-spacing:.15em;color:rgba(255,255,255,.42);font-weight:800;pointer-events:none}.lane-label.high{top:34%}.lane-label.low{top:76%}.fighter *{vector-effect:non-scaling-stroke}.dude-line{stroke:var(--hero);stroke-width:2.65;stroke-linecap:round;stroke-linejoin:round;fill:none;}.dude-head{stroke:var(--hero);stroke-width:2.65;fill:#07090d;}.enemy-line{stroke:var(--enemy);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;fill:none}.enemy-fill{stroke:var(--enemy);stroke-width:2.35;fill:#26090b}.boss .enemy-line,.boss .enemy-fill{stroke:var(--accent)}.bars{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.bar-label{font-weight:800;margin-bottom:.4rem}.hp-bar{height:16px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}.hp-fill{height:100%;transition:width 120ms linear}.hp-fill.hero{background:var(--good)}.hp-fill.enemy{background:var(--enemy)}.timeline{margin-top:1rem}.log{margin-top:.5rem;height:210px;overflow:auto;background:rgba(0,0,0,.22);border-radius:16px;padding:.75rem}.log-entry{padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:#dfe7ef}.controls-grid,.choice-list,.move-rules{display:grid;gap:.75rem;margin-top:.75rem}.influence-btn,.choice-btn{text-align:left;width:100%}.influence-btn span,.move-rules span,.choice-btn span{display:block;color:var(--muted);margin-top:.25rem}.move-rules div{background:rgba(255,255,255,.04);border-radius:14px;padding:.75rem}.stats-grid{color:var(--muted);display:grid;grid-template-columns:1fr 1fr;gap:.38rem 1rem;margin-top:.75rem}.build-summary,.small-note{color:var(--muted);margin-top:.75rem;line-height:1.5}.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:1rem}.hidden{display:none!important}.modal-card{width:min(680px,100%)}.modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.choice-btn{padding:1rem;border-radius:16px}.boot-error{position:fixed;z-index:99;inset:auto 1rem 1rem 1rem;padding:1rem;background:#8d1d1d;color:white;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.4);white-space:pre-wrap}
@media(max-width:900px){.layout{grid-template-columns:1fr}.arena-header,.bars{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.fight-svg{aspect-ratio:16/7}}

.strike-limb{stroke-width:2.35}.attack-line{stroke-width:2.2;stroke-dasharray:6 5}.spark-line{stroke:#f4c95d;stroke-width:2;stroke-linecap:round;opacity:.7}.damage-text{fill:#f4c95d;font-size:20px;font-weight:900}.choice-btn em{float:right;font-style:normal;background:rgba(255,255,255,.12);padding:.12rem .45rem;border-radius:999px}.stat-F{border-left:4px solid #f4c95d}.stat-R{border-left:4px solid #58c27d}.stat-S{border-left:4px solid #85a7ff}

/* v7: thinner XiaoXiao-like strokes and visible contact windows */
.dude-line{stroke-width:1.85}.dude-head{stroke-width:1.85}.enemy-line{stroke-width:1.75}.enemy-fill{stroke-width:1.75}.strike-limb{stroke-width:2.05}.attack-line{stroke-width:1.65}.hitbox{fill:rgba(244,201,93,.12);stroke:rgba(244,201,93,.55);stroke-width:1;stroke-dasharray:5 4;pointer-events:none}.gauge-list{display:grid;gap:.7rem;margin-top:.8rem}.stat-gauge{background:rgba(255,255,255,.04);border-radius:14px;padding:.7rem;border-left:4px solid rgba(255,255,255,.16)}.gauge-head{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:baseline}.gauge-head b{font-size:1.05rem}.gauge-head span{font-weight:800}.gauge-head em{font-style:normal;color:var(--accent);font-weight:900}.gauge-track{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin:.45rem 0}.gauge-track div{height:100%;border-radius:999px;background:currentColor;transition:width 180ms ease}.stat-F{color:#f4c95d}.stat-R{color:#58c27d}.stat-S{color:#85a7ff}.stat-X{color:#d987ff;border-left-color:#d987ff}.stat-gauge small{color:var(--muted)}

/* v9: FRS meters replace HP, enemy slots, cleaner kick pass */
.combat-bars{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.meter-card{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.75rem}.stacked-meters{display:grid;gap:.38rem}.mini-meter,.enemy-slot{min-height:34px}.mini-meter-head{display:grid;grid-template-columns:auto 1fr auto;gap:.45rem;align-items:center;font-size:.76rem}.mini-meter-head b{font-weight:950}.mini-meter-head span{color:#dfe7ef;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-meter-head em{font-style:normal;color:var(--muted);font-weight:800}.mini-meter-track{height:9px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:.22rem}.mini-meter-track div{height:100%;border-radius:999px;transition:width 120ms linear;background:currentColor}.mini-meter.stat-F{color:#ff4d4d;border-left:0}.mini-meter.stat-R{color:#52a9ff;border-left:0}.mini-meter.stat-S{color:#48d26f;border-left:0}.mini-meter.stat-X{color:#9aa0a8;border-left:0}.enemy-purple{color:#b46cff}.enemy-slot.empty{opacity:.28}.enemy-slot.empty span{font-size:.72rem;color:var(--muted)}.hp-bar,.hp-fill{display:none}.bar-label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.combat-bars{grid-template-columns:1fr}}

/* v11 combat feel + testing layout */
.influence-panel .section-title{margin-bottom:.45rem}.influence-grid{grid-template-columns:1fr 1fr}.toggle-row{margin-top:.7rem;color:#dfe7ef;font-weight:750}.toggle-row input{transform:translateY(1px);margin-right:.4rem}.manual-controls{margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08)}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.manual-grid button{padding:.62rem .7rem;border-radius:10px;text-align:center}.shake-layer{transition:transform 35ms linear}.enemy-yellow{color:#f4c95d}.enemy-purple{color:#b46cff}.spark-line{stroke:#f4c95d;stroke-width:1.75;stroke-linecap:round;opacity:.7}.sweep-arc{fill:none;stroke:#48d26f;stroke-width:1.25;stroke-dasharray:5 5;opacity:.65}.choice-btn.stat-F{border-left:4px solid #ff4d4d}.choice-btn.stat-R{border-left:4px solid #52a9ff}.choice-btn.stat-S{border-left:4px solid #48d26f}.stat-F{color:#ff4d4d}.stat-R{color:#52a9ff}.stat-S{color:#48d26f}.stage{min-height:260px}.fight-svg{min-height:260px}.log{height:180px}
@media(max-width:900px){.influence-grid,.manual-grid{grid-template-columns:1fr 1fr}.log{height:150px}}