:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;background:#090b10}*{box-sizing:border-box}html,body,#gameShell{margin:0;width:100%;height:100%;overflow:hidden;background:#090b10}#gameShell{position:relative;min-height:100dvh}#renderCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(94%,980px);display:grid;grid-template-columns:1fr 130px 1fr;gap:14px;align-items:start;pointer-events:none;text-shadow:0 2px 4px #000}.fighterHud{padding:8px 10px;background:rgba(7,9,14,.72);border:1px solid rgba(255,255,255,.2);border-radius:10px;backdrop-filter:blur(7px)}.nameRow{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.09em}.bar{height:12px;margin-top:7px;border:1px solid rgba(255,255,255,.35);background:#1a1d24;overflow:hidden;border-radius:99px}.bar i{display:block;height:100%;width:100%;transition:width .18s}.health i{background:linear-gradient(90deg,#7c1010,#f14a43)}.stamina i{background:linear-gradient(90deg,#82610d,#f0c84b)}.cpuHud{text-align:right}.cpuHud .bar i{margin-left:auto}.roundHud{text-align:center;background:rgba(7,9,14,.8);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:7px}.roundHud div{font-size:11px;letter-spacing:.12em}.roundHud strong{display:block;font-size:28px;line-height:1.05}.roundHud #message{margin-top:3px;color:#ffd76a;min-height:14px}#help{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(5,7,12,.72);padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;pointer-events:none}#restart{position:absolute;right:18px;bottom:18px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(11,14,21,.8);color:#fff;font-weight:700;cursor:pointer}#touchControls{display:none;position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));padding:0 12px;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.dpad,.actions{pointer-events:auto}.dpad{text-align:center}.dpad>button,.dpad div button{width:52px;height:48px;margin:2px}.actions{display:grid;grid-template-columns:repeat(3,minmax(52px,72px));gap:4px;max-width:224px}.actions .blockBtn{grid-column:auto}.dpad button,.actions button{border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(12,16,24,.78);color:#fff;font-size:11px;font-weight:800;touch-action:none}.dpad button:active,.actions button:active{background:rgba(255,255,255,.24)}@media(max-width:820px),(pointer:coarse){#touchControls{display:flex}#help{display:none}#restart{bottom:190px;right:12px;font-size:11px}.roundHud{padding:5px}.roundHud strong{font-size:22px}#hud{grid-template-columns:1fr 92px 1fr;gap:5px}.fighterHud{padding:6px}.nameRow{font-size:9px}.bar{height:9px}.actions{grid-template-columns:repeat(3,60px);max-width:188px}.dpad>button,.dpad div button{width:46px;height:44px;margin:1px}}@media(max-width:430px){.actions{grid-template-columns:repeat(3,52px);max-width:164px}.actions button{font-size:9px}.dpad>button,.dpad div button{width:42px;height:42px}.fighterHud .nameRow span{display:none}}

#impactFlash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:9;mix-blend-mode:screen;transition:opacity .025s linear}.actions .defenseBtn{background:rgba(24,39,65,.82);border-color:rgba(125,180,255,.45)}

#scoreCard{font-size:9px!important;letter-spacing:.04em!important;color:#dce8ff;margin-top:2px}.actions .punchLabel{grid-column:1/4;text-align:center;padding:2px 4px;border-radius:6px;background:rgba(5,7,12,.68);font-size:8px;letter-spacing:.12em}.actions .highLabel{color:#b9d5ff}.actions .lowLabel{color:#ffd29a}.actions .highPunch{border-color:rgba(105,170,255,.48);background:rgba(20,39,68,.82)}.actions .lowPunch{border-color:rgba(255,179,92,.48);background:rgba(64,39,19,.84)}.actions .lowGuard{background:rgba(48,25,25,.86)}

.styleRow{margin-top:3px;font-size:9px;letter-spacing:.16em;color:#a9c8ff}.cpuHud .styleRow{color:#ffb3b7}.fighterHud{min-height:62px}@media(max-width:430px){.styleRow{font-size:8px;letter-spacing:.08em}}

@media(max-width:430px){.actions .punchLabel{font-size:7px}.actions button{min-height:34px;padding:2px}.actions .defenseBtn,.actions .blockBtn{font-size:8px}}