*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;overscroll-behavior:none;background:#0b0b0e;height:100%;overflow:hidden}body{color:#f5efe2;font-family:Avenir Next Condensed,Arial Narrow,Helvetica Neue,sans-serif}#game-shell{touch-action:none;width:100%;height:100dvh;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud.prefight .health-row,#hud.prefight #controls-help,#hud.prefight .win-pips{gap:6px;margin-top:4px;display:flex}.round-timer{display:none}.health-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute;top:12px;left:3%;right:3%}.fighter-panel{flex:0 330px}.fighter-panel.right{text-align:right}.fighter-name{letter-spacing:.2em;text-shadow:0 2px 6px #000000d9;margin-bottom:3px;font-size:clamp(10px,1.1vw,13px);font-weight:700}.health-bar{background:#0a0806d1;border:1px solid #c9a227;height:11px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000008c,inset 0 0 6px #000c}.health-chip{transform-origin:0;background:#a3231d;transition:transform .6s .25s;position:absolute;inset:0}.right .health-chip{transform-origin:100%}.health-fill{transform-origin:0;z-index:1;background:linear-gradient(#f7e07a 0%,#d8b93a 45%,#9c7f16 100%);transition:transform .12s;position:absolute;inset:0}.right .health-fill{transform-origin:100%}.special-meter{background:#0a0806d1;border:1px solid #3f6ea5;height:4px;margin-top:3px;overflow:hidden}.special-fill{transform-origin:0;background:linear-gradient(90deg,#2f6fd0,#79c1ff);height:100%;transition:transform .2s}.right .special-fill{transform-origin:100%}.win-pips{gap:6px;margin-top:4px;display:flex}.right-pips{justify-content:flex-end}.win-pips span{background:#0a0806b3;border:1px solid #c9a227;border-radius:50%;width:10px;height:10px}.win-pips span.won{background:radial-gradient(circle at 35% 35%,#f7e07a,#c9a227);box-shadow:0 0 8px #f4d03fb3}.round-timer{text-align:center;color:#f4d03f;text-shadow:0 0 14px #f4d03f73,0 3px 6px #000000e6;font-variant-numeric:tabular-nums;min-width:64px;font-size:clamp(20px,2.6vw,30px);font-weight:800}#announce{letter-spacing:.14em;text-align:center;white-space:nowrap;color:#f6d045;-webkit-text-stroke:2px #4a1608;text-shadow:0 0 30px #f6a01e8c,0 6px 18px #000000e6;font-size:clamp(46px,9vw,110px);font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) announce-pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#announce.hidden{display:none}@keyframes announce-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#controls-help{letter-spacing:.08em;color:#f5efe2bf;background:#0a08068c;border:1px solid #c9a22759;gap:16px;padding:6px 14px;font-size:12px;transition:opacity .8s;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#controls-help b{color:#f4d03f}#controls-help.faded,#controls-help.hidden{opacity:0;pointer-events:none}#touch-controls{pointer-events:none;position:absolute;inset:0}#touch-controls.hidden{display:none}.tc-btn{pointer-events:auto;color:#f5efe2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c0a086b;border:2px solid #c9a2278c;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:30px;display:flex}.tc-btn:active,.tc-btn.held{background:#c9a22773;transform:scale(.94)}.tc-move{left:max(14px, env(safe-area-inset-left));bottom:max(22px, calc(env(safe-area-inset-bottom,0px) + 14px));grid-template-columns:repeat(3,72px);justify-items:center;gap:9px;display:grid;position:absolute}.tc-dir{border-radius:22px;width:72px;height:72px;font-size:26px}.tc-actions{right:max(14px, env(safe-area-inset-right));bottom:max(22px, calc(env(safe-area-inset-bottom,0px) + 14px));grid-template-columns:82px 82px;place-items:center;gap:11px;display:grid;position:absolute}#tc-punch,#tc-kick{width:82px;height:82px;font-size:32px}#tc-block,#tc-special{width:70px;height:70px;font-size:26px}.tc-special{border-color:#79c1ffb3}.tc-throw{border-color:#dc785a99;grid-column:1/span 2;width:70px;height:70px}#rematch-btn{letter-spacing:.15em;color:#1a1408;cursor:pointer;background:linear-gradient(#f7e07a,#c9a227);border:2px solid #f7e07a;padding:12px 28px;font-family:inherit;font-size:18px;font-weight:800;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#rematch-btn.hidden{display:none}#select-btn{letter-spacing:.14em;color:#f5efe2;cursor:pointer;background:#0c0a08b3;border:2px solid #c9a227;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:700;position:absolute;bottom:calc(18% - 58px);left:50%;transform:translate(-50%)}#select-btn.hidden{display:none}.title-logo-img{object-fit:contain;filter:drop-shadow(0 10px 40px #000c);width:min(72vw,760px);max-height:52vh}#title-screen{z-index:5;pointer-events:auto;background:radial-gradient(at 50% 40%,#0a0c1440,#06070cc7);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}#select-screen,#rematch-btn,#select-btn{pointer-events:auto}#title-screen.hidden,#select-screen.hidden{display:none}.title-logo{letter-spacing:.16em;color:#f5efe2;text-shadow:0 6px 30px #000000e6;font-size:clamp(56px,11vw,130px);font-weight:900}.title-logo span{background:#a3231d;margin-right:14px;padding:0 14px;box-shadow:0 6px 24px #a3231d80}.title-logo{font-size:clamp(40px,8vw,96px)}.title-sub{letter-spacing:.55em;color:#c9a227;text-shadow:0 2px 8px #000c;font-size:clamp(14px,2vw,22px)}.title-press{letter-spacing:.3em;color:#f5efe2d9;margin-top:5vh;font-size:clamp(14px,1.8vw,20px);animation:1.4s ease-in-out infinite press-pulse}@keyframes press-pulse{0%,to{opacity:.35}50%{opacity:1}}#select-screen{z-index:5;background:#06070cb8;flex-direction:column;justify-content:center;align-items:center;gap:3vh;display:flex;position:absolute;inset:0}.select-header{letter-spacing:.22em;color:#f4d03f;text-shadow:0 0 24px #f4d03f66,0 4px 12px #000000e6;font-size:clamp(22px,4vw,44px);font-weight:900}#select-grid{flex-wrap:wrap;justify-content:center;gap:clamp(18px,4vw,60px);padding:0 4vw;display:flex}.faction-col{flex-direction:column;align-items:center;gap:12px;display:flex}.faction-head{letter-spacing:.3em;color:#f5efe2;text-shadow:0 2px 8px #000000e6;align-items:center;gap:9px;font-size:clamp(14px,1.8vw,20px);font-weight:800;display:flex}.faction-head .flag{box-shadow:0 2px 6px #0009}.faction-cards{gap:clamp(8px,1.4vw,16px);display:flex}.card-flag{opacity:.95;position:absolute;top:6px;right:6px}.card-flag .flag{box-shadow:0 1px 4px #000000b3}.fighter-name .flag{vertical-align:-2px;margin:0 4px}.fighter-card{aspect-ratio:3/4;cursor:pointer;pointer-events:auto;background:linear-gradient(#1e1e28e6,#0c0c12f2);border:3px solid #c9a22759;flex-direction:column;justify-content:flex-end;align-items:center;width:clamp(96px,13vw,150px);transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.fighter-card .card-accent{opacity:.32;position:absolute;inset:0}.fighter-card .card-initial{color:#f5efe2e6;text-shadow:0 4px 14px #000c;font-size:clamp(40px,6vw,72px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.fighter-card .card-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fighter-card .card-name{text-align:center;letter-spacing:.14em;color:#f5efe2;background:#080705d1;width:100%;padding:6px 4px;font-size:clamp(10px,1.2vw,14px);font-weight:700;position:relative}.fighter-card.focused{border-color:#f4d03f;transform:scale(1.07);box-shadow:0 0 26px #f4d03f73}#faction-score{background:linear-gradient(#1a140aeb,#0c0a08c7);border:1px solid #c9a2278c;border-radius:16px;flex-direction:column;align-items:center;gap:7px;min-width:min(460px,84vw);padding:12px 30px 14px;animation:.45s cubic-bezier(.2,1.5,.4,1) fs-pop;display:flex;box-shadow:0 0 30px #c9a2272e,inset 0 1px #f4d03f2e}@keyframes fs-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}#faction-score .fs-label{color:#f5efe299;letter-spacing:.3em;font-size:11px;font-weight:700}#faction-score .fs-row{letter-spacing:.1em;color:#f5efe2e6;align-items:center;gap:16px;font-size:17px;font-weight:900;display:flex}#faction-score .fs-row b{color:#f4d03f;text-shadow:0 0 18px #f4d03f8c,0 2px 6px #000c;font-size:34px}#faction-score .fs-pct{color:#f5efe28c;letter-spacing:.12em;font-size:12px}#faction-score .fs-bar{background:#ffffff14;border-radius:999px;width:100%;height:11px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #0009}#faction-score .fs-bar .ja{background:linear-gradient(90deg,#2b4fd8,#6ea8ff);transition:width .8s cubic-bezier(.3,1,.4,1);box-shadow:0 0 10px #6ea8ffb3}#faction-score .fs-bar .nei{background:linear-gradient(270deg,#c8321e,#f86);transition:width .8s cubic-bezier(.3,1,.4,1);box-shadow:0 0 10px #ff785ab3}#faction-score.hidden{display:none}@media (height<=480px){#faction-score{gap:4px;min-width:min(380px,80vw);padding:7px 18px 9px}#faction-score .fs-row b{font-size:24px}#faction-score .fs-row{gap:12px;font-size:14px}}.select-hint{letter-spacing:.18em;color:#f5efe299;font-size:clamp(11px,1.4vw,15px)}@media (height<=480px){.select-header{font-size:20px}.fighter-card{width:clamp(80px,12vw,110px)}}#banter{z-index:4;background:#08070ae0;border:2px solid #c9a227;align-items:center;gap:14px;max-width:min(520px,72vw);padding:14px 20px;display:flex;position:absolute;bottom:16%;box-shadow:0 8px 30px #0009}#banter.left{left:5%}#banter.right{right:5%}#banter.hidden{display:none}.banter-flag .flag{box-shadow:0 2px 6px #000000b3;height:22px!important}.banter-name{letter-spacing:.16em;color:#f4d03f;margin-bottom:3px;font-size:13px;font-weight:800}.banter-text{font-size:clamp(15px,2vw,20px);font-weight:600;line-height:1.25}#rotate-overlay{text-align:center;letter-spacing:.08em;z-index:20;background:#08080cf0;justify-content:center;align-items:center;font-size:26px;font-weight:700;line-height:1.6;display:flex;position:absolute;inset:0}#rotate-overlay.hidden{display:none}@media (height<=480px){.fighter-panel{flex:0 240px}.fighter-name{margin-bottom:2px;font-size:9px}.health-bar{height:9px}.win-pips{gap:6px;margin-top:4px;display:flex}.right-pips{justify-content:flex-end}.win-pips span{background:#0a0806b3;border:1px solid #c9a227;border-radius:50%;width:10px;height:10px}.win-pips span.won{background:radial-gradient(circle at 35% 35%,#f7e07a,#c9a227);box-shadow:0 0 8px #f4d03fb3}.round-timer{min-width:44px;font-size:18px}.health-row{top:8px}#announce{font-size:clamp(34px,12vh,64px)}.tc-btn{width:58px;height:58px;font-size:22px}.tc-move{grid-template-columns:repeat(3,58px);gap:7px}.tc-dir{width:58px;height:58px}.tc-actions{grid-template-columns:66px 66px;gap:8px}#tc-punch,#tc-kick{width:66px;height:66px;font-size:26px}#tc-block,#tc-special,.tc-throw{width:56px;height:56px;font-size:21px}}#loading-screen{z-index:10;background:#0b0b0e;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s;display:flex;position:absolute;inset:0}#loading-screen.done{opacity:0;pointer-events:none}.loading-logo-img{object-fit:contain;filter:drop-shadow(0 8px 30px #000000b3);width:min(62vw,440px);max-height:55vh;animation:2.2s ease-in-out infinite loading-logo-pulse}@keyframes loading-logo-pulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.loading-status{letter-spacing:.2em;color:#f5efe299;font-size:15px}.combo-counter{letter-spacing:.12em;color:#f4d03f;-webkit-text-stroke:1px #4a1608;text-shadow:0 0 16px #f6a01e99,0 3px 8px #000000e6;font-size:clamp(18px,2.6vw,30px);font-weight:900;animation:.28s cubic-bezier(.2,1.7,.4,1) combo-pop;position:absolute;top:62px}.combo-counter.left{left:3%}.combo-counter.right{right:3%}.combo-counter.hidden{display:none}@keyframes combo-pop{0%{opacity:0;transform:scale(2.1)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}#ko-flash{pointer-events:none;opacity:0;z-index:3;position:absolute;inset:0}#ko-flash.active{animation:.75s ease-out ko-flash-anim}@keyframes ko-flash-anim{0%{opacity:1;box-shadow:none;background:#fffffff2}30%{opacity:1;background:#ff462838;box-shadow:inset 0 0 18vmax #961208bf}to{opacity:0;background:#ff462800;box-shadow:inset 0 0 20vmax #96120800}}.health-fill.low{animation:.7s ease-in-out infinite low-health-pulse}@keyframes low-health-pulse{0%,to{filter:none}50%{filter:brightness(1.7)saturate(1.5)hue-rotate(-45deg)}}