:root{--mk-yellow:#f5c542;--mk-red:#c81e1e;--mk-bone:#e8e0c8;--mk-dark:#080410e0;--font-game:"Courier New", ui-monospace, monospace}#ui-root{font-family:var(--font-game);color:var(--mk-bone);-webkit-user-select:none;user-select:none}.hud{justify-content:space-between;align-items:flex-start;gap:14px;padding:0 22px;display:flex;position:absolute;top:14px;left:0;right:0}.hud-side{flex:1;max-width:42%}.hud-name{letter-spacing:2px;color:var(--mk-yellow);text-shadow:1px 1px #000;margin-bottom:3px;font-size:14px;font-weight:700}.hud-side.p2 .hud-name{text-align:right}.hud-bar{outline:1px solid var(--mk-yellow);background:var(--mk-red);border:2px solid #000;height:18px;position:relative;overflow:hidden}.hud-bar-fill{transform-origin:0;background:linear-gradient(#7fe060,#2f9e2f);transition:transform 80ms linear;position:absolute;inset:0}.hud-side.p2 .hud-bar-fill{transform-origin:100%}.hud-pips{gap:6px;margin-top:4px;display:flex}.hud-side.p2 .hud-pips{justify-content:flex-end}.hud-pip{border:1px solid var(--mk-yellow);background:0 0;width:12px;height:12px;transform:rotate(45deg)}.hud-pip.won{background:var(--mk-yellow)}.hud-timer{text-align:center;min-width:74px;color:var(--mk-yellow);text-shadow:2px 2px #000;font-size:34px;font-weight:700}.hud-combo{letter-spacing:2px;color:var(--mk-yellow);text-shadow:2px 2px #000;opacity:0;pointer-events:none;font-size:22px;font-weight:700;position:absolute;top:86px}.hud-combo.p1{left:26px}.hud-combo.p2{right:26px}.hud-combo.show{animation:1.1s ease-out forwards combo-pop}@keyframes combo-pop{0%{opacity:1;transform:scale(1.5)}20%{transform:scale(1)}70%{opacity:1}to{opacity:0}}.announcer{text-align:center;letter-spacing:6px;color:var(--mk-yellow);text-shadow:3px 3px #000,-1px -1px #6b1010;opacity:0;pointer-events:none;font-size:56px;font-weight:700;position:absolute;top:34%;left:0;right:0}.announcer.show{animation:.22s ease-out forwards announce-pop}@keyframes announce-pop{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}.screen{background:var(--mk-dark);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.screen-title{letter-spacing:10px;color:var(--mk-yellow);text-shadow:4px 4px #000,-2px -2px #6b1010;font-size:64px;font-weight:700}.screen-subtitle{letter-spacing:4px;opacity:.85;font-size:16px}.blink{animation:1.1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.menu{flex-direction:column;gap:10px;margin-top:10px;display:flex}.menu-item{letter-spacing:4px;text-align:center;border:2px solid #0000;padding:6px 28px;font-size:24px}.menu-item.selected{color:var(--mk-yellow);border-color:var(--mk-yellow);background:#f5c54214}.help{text-align:center;letter-spacing:2px;opacity:.6;font-size:12px;position:absolute;bottom:18px;left:0;right:0}.audio-toggle{letter-spacing:3px;border:2px solid var(--mk-yellow);color:var(--mk-yellow);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5c54214;padding:6px 14px;font-size:14px;position:absolute;top:18px;right:22px}.audio-toggle.off{color:#777;background:0 0;border-color:#777}.rotate-hint{top:max(8px, env(safe-area-inset-top));z-index:80;border:2px solid var(--mk-yellow);color:var(--mk-yellow);font-family:var(--font-game);letter-spacing:2px;white-space:nowrap;pointer-events:none;background:#080410d9;border-radius:6px;padding:8px 16px;font-size:14px;animation:2.2s steps(2,start) infinite blink;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:portrait){body.touch-mode .rotate-hint{display:block}}.touch-controls{pointer-events:none;z-index:60;font-family:var(--font-game);position:fixed;inset:0}.tc-btn{pointer-events:auto;color:#f5c542cc;touch-action:none;-webkit-user-select:none;user-select:none;background:#08041073;border:2px solid #f5c54280;border-radius:50%;justify-content:center;align-items:center;width:13vmin;height:13vmin;font-size:5vmin;font-weight:700;display:flex;position:absolute}.tc-btn.held{color:#fff;background:#f5c54259}.tc-dpad,.tc-actions,.tc-meta{pointer-events:none;position:absolute;inset:0}.tc-up{left:calc(15vmin + env(safe-area-inset-left));bottom:30vmin}.tc-left{left:calc(2vmin + env(safe-area-inset-left));bottom:16vmin}.tc-right{left:calc(28vmin + env(safe-area-inset-left));bottom:16vmin}.tc-down{left:calc(15vmin + env(safe-area-inset-left));bottom:2vmin}.tc-punch{right:calc(17vmin + env(safe-area-inset-right));bottom:26vmin}.tc-kick{right:calc(2vmin + env(safe-area-inset-right));bottom:19vmin}.tc-block{right:calc(11vmin + env(safe-area-inset-right));bottom:4vmin}.tc-esc,.tc-start{border-radius:3vmin;width:16vmin;height:7vmin;font-size:2.6vmin}.tc-esc{left:calc(2vmin + env(safe-area-inset-left));top:16vmin}.tc-start{right:calc(2vmin + env(safe-area-inset-right));top:16vmin}.char-grid{grid-template-columns:repeat(4,110px);gap:12px;margin-top:8px;display:grid}.char-cell{background:#14101f;border:2px solid #555;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:110px;display:flex}.char-cell .swatch{border:1px solid #000;width:42px;height:56px}.char-cell .char-name{letter-spacing:1px;font-size:11px}.char-cell.cursor-p1{border-color:#4d8dff;box-shadow:0 0 12px #4d8dff80}.char-cell.cursor-p2{border-color:#ff5050;box-shadow:0 0 12px #ff505080}.char-cell.cursor-p1.cursor-p2{border-color:var(--mk-yellow);box-shadow:0 0 12px #f5c54280}.picked-row{letter-spacing:2px;gap:40px;min-height:20px;font-size:15px;display:flex}.postmatch{background:#08041099;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}