: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;align-items:flex-start;gap:8px;max-width:42%;display:flex}.hud-side.p2{flex-direction:row-reverse}.hud-col{flex:1;min-width:0}.hud-portrait{border:2px solid var(--mk-yellow);background-color:#14101f;background-position:top;background-size:cover;flex:none;width:46px;height:46px}.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}}.ko-darken{pointer-events:none;opacity:0;background:radial-gradient(#0000 28%,#000000c7 100%);position:absolute;inset:0}.ko-darken.show{animation:1.8s ease-out forwards ko-darken-pulse}@keyframes ko-darken-pulse{0%{opacity:0}12%{opacity:1}68%{opacity:1}to{opacity:0}}.ko-flash{pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.ko-flash.show{animation:.18s ease-out forwards ko-flash-pop}@keyframes ko-flash-pop{0%{opacity:.95}to{opacity:0}}.letterbox{pointer-events:none;opacity:0;background:#000;height:9vh;transition:transform .45s ease-out;position:absolute;left:0;right:0}.letterbox.top{top:0;transform:translateY(-101%)}.letterbox.bottom{bottom:0;transform:translateY(101%)}.letterbox.show{opacity:1;transform:translateY(0)}.game-canvas-fx{transition:filter .4s}.game-canvas-fx.ko-desat{filter:saturate(.25)contrast(1.05)}.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);opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .2s ease-out;display:flex;position:absolute;inset:0}.screen.entering{opacity:0}.screen.exiting{opacity:0;pointer-events:none}.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}.highscores{width:min(440px,86vw);margin-top:4px}.hs-title{text-align:center;letter-spacing:4px;color:var(--mk-yellow);margin-bottom:8px;font-size:15px}.hs-empty{text-align:center;letter-spacing:2px;opacity:.6;font-size:12px}.hs-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.hs-list li{letter-spacing:1px;background:#ffffff08;grid-template-columns:24px 1fr auto auto;align-items:baseline;gap:10px;padding:2px 6px;font-size:13px;display:grid}.hs-list li:first-child{color:var(--mk-yellow)}.hs-rank{text-align:right;opacity:.7}.hs-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.hs-char{opacity:.55;text-align:right;font-size:11px}.hs-score{font-variant-numeric:tabular-nums;text-align:right;min-width:64px}.screen--scores{gap:10px}.hs-page-title{letter-spacing:8px;margin-bottom:6px;font-size:34px}.highscores--page{width:min(520px,92vw);margin-top:0}.highscores--page .hs-list li{padding:3px 8px;font-size:14px}.name-entry-message:empty{display:none}.name-input{font-family:var(--font-game);letter-spacing:6px;text-align:center;text-transform:uppercase;color:var(--mk-yellow);border:2px solid var(--mk-yellow);width:min(360px,80vw);caret-color:var(--mk-yellow);background:#0006;border-radius:4px;outline:none;padding:10px 16px;font-size:28px;font-weight:700}@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}.menu-item-hint{opacity:.4;cursor:default;pointer-events:none;letter-spacing:2px;font-size:16px}.pm-share-row{justify-content:center;margin-top:14px;display:flex}.pm-share-row .menu-item{cursor:pointer;border-color:#f5c54266}.pm-share-row .menu-item:hover{color:var(--mk-yellow);border-color:var(--mk-yellow)}.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:calc(8px + env(safe-area-inset-top));z-index:80;box-sizing:border-box;max-width:calc(100vw - 28px);color:var(--mk-yellow);font-family:var(--font-game);text-align:center;white-space:nowrap;pointer-events:none;background:#0000009e;border:2px solid #f5c542b8;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-size:clamp(11px,3.4vmin,18px);line-height:1.1;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:portrait){body.touch-mode .rotate-hint{display:flex}}.touch-controls{pointer-events:none;z-index:60;width:100vw;height:100vh;font-family:var(--font-game);position:fixed;top:0;left:0}html:not(.in-fight) .touch-controls{display:none}.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-actions,.tc-meta{pointer-events:none;position:absolute;inset:0}.tc-dpad{left:calc(2vmin + env(safe-area-inset-left));pointer-events:auto;touch-action:none;border-radius:50%;width:42vmin;height:42vmin;position:absolute;bottom:4vmin}.tc-arrow{pointer-events:none;width:14vmin;height:14vmin;font-size:5.5vmin}.tc-up{top:0;left:14vmin}.tc-left{top:14vmin;left:0}.tc-right{top:14vmin;right:0}.tc-down{bottom:0;left:14vmin}.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}.char-select-mobile{z-index:70;-webkit-overflow-scrolling:touch;padding:max(14px, env(safe-area-inset-top)) 10px max(20px, env(safe-area-inset-bottom));justify-content:flex-start;gap:8px;position:fixed;inset:0;overflow-y:auto}.char-select-mobile .cs-back{color:var(--mk-bone);font-family:var(--font-game);letter-spacing:1px;background:0 0;border:2px solid #555;border-radius:6px;align-self:flex-start;min-height:44px;padding:8px 14px;font-size:15px}.char-select-mobile .screen-subtitle{letter-spacing:1.5px;text-align:center;font-size:clamp(15px,4.4vw,20px)}.char-select-mobile .char-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;width:100%;margin:4px 0}.char-select-mobile .char-cell{aspect-ratio:auto;border-width:2px;gap:4px;height:auto;padding:8px 4px}.char-select-mobile .char-cell .swatch{aspect-ratio:1;background-position:50%;background-size:cover;border:1px solid #000;border-radius:4px;width:100%;max-width:96px;height:auto;margin:0 auto}.char-select-mobile .char-cell .char-name{letter-spacing:.5px;text-align:center;font-size:clamp(13px,3.4vw,15px);line-height:1.1}.char-select-mobile .picked-row{letter-spacing:1px;justify-content:center;padding:6px 0 2px;font-size:clamp(15px,4vw,18px)}.versus{flex-direction:row;gap:5vw}.vs-side{flex-direction:column;align-items:center;gap:14px;display:flex}.vs-side.p1{animation:.36s ease-out both vs-slide-left}.vs-side.p2{animation:.36s ease-out both vs-slide-right}.vs-portrait{border:4px solid var(--mk-yellow);background-position:top;background-size:cover;width:min(34vh,300px);height:min(34vh,300px);animation:.3s cubic-bezier(.34,1.56,.64,1) both versus-portrait-zoom;box-shadow:0 0 24px #0009}@keyframes versus-portrait-zoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.vs-name{letter-spacing:4px;color:var(--mk-yellow);text-shadow:2px 2px #000;font-size:30px;font-weight:700}.vs-mark{letter-spacing:4px;color:var(--mk-red);text-shadow:3px 3px #000,-2px -2px #000;font-size:80px;font-weight:700;animation:.3s ease-out both announce-pop}@keyframes vs-slide-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes vs-slide-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.postmatch{background:#08041099;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.pm-portrait{border:4px solid var(--mk-yellow);background-position:top;background-size:cover;width:min(28vh,220px);height:min(28vh,220px);animation:.42s ease-out both pm-pop;box-shadow:0 0 28px #000000b3}.pm-title{animation:.42s ease-out both pm-pop}@keyframes pm-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.results{background:#080410c7;gap:14px}.results-flawless{letter-spacing:6px;color:var(--mk-yellow);text-shadow:2px 2px #000;font-size:22px;animation:.42s ease-out both pm-pop}.results-stats{background:#00000059;border:2px solid #f5c54259;flex-direction:column;gap:6px;width:min(360px,86vw);padding:12px 18px;display:flex}.results-row{letter-spacing:2px;justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.results-key{opacity:.75}.results-value{font-variant-numeric:tabular-nums;color:var(--mk-yellow);font-weight:700}.pause-overlay{z-index:50;cursor:pointer;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.pause-overlay .pause-title{letter-spacing:6px;color:var(--mk-yellow);font-size:56px}.pause-overlay .pause-hint{letter-spacing:3px;opacity:.85;font-size:22px}.onboarding{z-index:60;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.onboarding-title{letter-spacing:5px;color:var(--mk-yellow);font-size:40px}.onboarding-grid{grid-template-columns:auto auto;align-items:baseline;gap:10px 26px;display:grid}.onboarding-row{display:contents}.onboarding-key{letter-spacing:2px;color:var(--mk-yellow);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.onboarding-action{letter-spacing:2px}.onboarding-section-title{letter-spacing:4px;color:var(--mk-yellow);opacity:.75;margin-top:8px;font-size:18px}.onboarding-close{margin-top:12px}.tower{flex-direction:row;align-items:center;gap:6vw}.tower-info{flex-direction:column;align-items:center;gap:12px;display:flex}.tower-title{letter-spacing:9px;color:var(--mk-yellow);text-shadow:3px 3px #000,-2px -2px #6b1010;font-size:44px;font-weight:700}.tower-fight{letter-spacing:4px;opacity:.85;font-size:17px}.tower-portrait{border:4px solid var(--mk-yellow);background-position:top;background-size:cover;width:min(28vh,220px);height:min(28vh,220px);animation:.3s cubic-bezier(.34,1.56,.64,1) both versus-portrait-zoom;box-shadow:0 0 24px #0009}.tower-next{letter-spacing:3px;color:var(--mk-yellow);text-shadow:2px 2px #000;font-size:18px;font-weight:700}.tower-player{letter-spacing:2px;opacity:.85;gap:18px;font-size:13px;display:flex}.tower-score{font-variant-numeric:tabular-nums;color:var(--mk-yellow);font-weight:700}.tower-ladder{flex-direction:column;gap:3px;width:min(300px,34vw);max-height:640px;display:flex}.tower-row{letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff14;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:3px 8px;font-size:12px;display:grid}.tower-chip{border:1px solid #000;width:12px;height:12px}.tower-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tower-row.defeated{opacity:.3}.tower-row.defeated .tower-row-name{text-decoration:line-through}.tower-row.current{color:var(--mk-yellow);border-color:var(--mk-yellow);background:#f5c5421a;animation:1s ease-in-out infinite tower-pulse}.tower-badge{letter-spacing:1px;color:var(--mk-red);text-shadow:1px 1px #000;font-size:10px;font-weight:700}.tower-row.current .tower-badge{color:var(--mk-yellow)}@keyframes tower-pulse{0%,to{box-shadow:0 0 2px #f5c5424d}50%{box-shadow:0 0 14px #f5c542bf}}.continue{background:#080410eb;gap:10px}.continue-title{letter-spacing:12px;font-size:56px}.continue-digit{color:var(--mk-red);text-shadow:5px 5px #000,-2px -2px #000;font-variant-numeric:tabular-nums;font-size:150px;font-weight:700;line-height:1}.continue-digit.tick{animation:.32s ease-out both continue-tick}@keyframes continue-tick{0%{opacity:.35;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.continue-penalty{color:var(--mk-red);opacity:.9}.continue-menu{text-align:center;flex-direction:column;gap:8px;margin-top:12px;display:flex}.continue-option{letter-spacing:4px;font-size:18px}