*{box-sizing:border-box}:root{color:#202020;background:#f8f4ea;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{width:100vw;height:100vh;background:linear-gradient(180deg,#ffffff6b,#fff0),#f8f4ea;overflow:hidden}.menu-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,420px);align-items:center;gap:32px;padding:clamp(24px,5vw,74px);background-image:url(/assets/menu_design-DvJwueVJ.png);background-size:min(980px,72vw);background-repeat:no-repeat;background-position:45% 54%}.brand-cluster{align-self:end;max-width:660px;padding-bottom:8vh}.kicker{margin:0 0 12px;text-transform:uppercase;font-weight:900;color:#d83b36;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(54px,8vw,118px);line-height:.88;max-width:760px;letter-spacing:0}h2{margin-bottom:10px;font-size:clamp(30px,4vw,52px);letter-spacing:0}h3{margin-bottom:6px;font-size:26px;letter-spacing:0}.brand-cluster span{display:inline-block;border:4px solid #202020;background:#e8f2ff;padding:8px 16px;font-size:22px;font-weight:800}.main-actions{display:grid;gap:18px}.primary-button,.secondary-button,.ghost-button{min-height:46px;border:4px solid #202020;border-radius:8px;padding:10px 18px;font-weight:900;box-shadow:5px 5px #202020;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button{background:#d83b36;color:#fffdf7}.secondary-button{background:#ffb23f;color:#202020}.ghost-button{background:#fffdf7;color:#202020}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #202020}.huge{width:100%;min-height:86px;font-size:clamp(30px,5vw,52px)}.panel-page{height:100vh;min-height:0;padding:clamp(18px,3.5vw,46px);display:flex;flex-direction:column;gap:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-header h2,.page-header p{margin:0}.page-header p{font-size:18px;font-weight:800;color:#5b554d}.settings-grid{width:min(860px,100%);display:grid;gap:16px}.setting-row,.device-select,.controls-note{border:4px solid #202020;background:#fffdf7;border-radius:8px;padding:18px;box-shadow:5px 5px #202020}.setting-row,.device-select{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:20px;font-weight:900}select,input[type=range]{width:100%;min-height:42px;border:3px solid #202020;border-radius:6px;background:#fff;padding:4px 10px}.controls-note{max-width:860px}.controls-note p{margin:0;font-weight:800;line-height:1.5}.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:22px}.select-card{border:5px solid #202020;background:#fffdf7;border-radius:8px;padding:18px;display:grid;grid-template-columns:260px 1fr;gap:16px 20px;min-height:620px;box-shadow:7px 7px #202020}.select-card.ready{background:#ecffe9}.select-card>header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:900}.select-card>header strong{color:#d83b36}.select-card.ready>header strong{color:#228d43}.portrait-frame{border:4px solid #202020;border-radius:8px;background:#f5f5f1;height:300px;display:grid;place-items:center;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:contain}.fighter-title{align-self:start}.fighter-title span{display:inline-block;background:#e8f2ff;border:3px solid #202020;border-radius:6px;padding:6px 10px;font-weight:900}.segmented{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.segmented button{min-height:48px;border:3px solid #202020;border-radius:8px;background:#fff;font-weight:900}.segmented button.active{background:#ffb23f}.stats-list{display:grid;gap:8px}.stat-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:10px;font-weight:900;text-transform:capitalize}.dots{display:flex;gap:7px}.dots i,.cooldowns i{display:block;width:16px;height:16px;border:3px solid #202020;border-radius:999px;background:#fff}.dots i.filled{background:#d83b36}.device-select,.ready-button{grid-column:1 / -1}.start-row{display:flex;justify-content:flex-end}.start-button{min-width:240px;min-height:66px;font-size:26px}.match-screen{position:relative;width:100vw;height:100vh;background:#151515}.game-canvas{position:absolute;inset:0}.game-canvas canvas{width:100%!important;height:100%!important}.hud-layer{position:absolute;inset:0;pointer-events:none;padding:18px}.timer-pill{position:absolute;top:14px;left:50%;transform:translate(-50%);min-width:130px;border:4px solid #202020;border-radius:8px;background:#fffdf7;text-align:center;padding:6px 12px;box-shadow:4px 4px #202020}.timer-pill span,.timer-pill strong{display:block}.timer-pill span{font-size:12px;font-weight:900;text-transform:uppercase}.timer-pill strong{font-size:27px;line-height:1}.hud-row{display:flex;justify-content:space-between;align-items:flex-start}.player-hud{width:min(340px,36vw);border:4px solid #202020;border-radius:8px;background:#fffdf7;padding:12px;box-shadow:4px 4px #202020}.player-hud.p2{text-align:right}.hud-heading{display:flex;justify-content:space-between;gap:12px;font-weight:900;margin-bottom:8px}.hp-line,.stock-line{display:flex;align-items:center;gap:8px;font-weight:900}.hp-line meter{flex:1;height:17px}.percent{margin-left:auto;color:#d83b36}.cooldowns{display:flex;gap:8px;margin-top:10px}.player-hud.p2 .cooldowns{justify-content:flex-end}.cooldowns i{width:20px;height:20px;background:#65c46f}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(92px,18vw,220px);font-weight:900;color:#d83b36;text-shadow:7px 7px 0 #202020}.modal-scrim{position:absolute;inset:0;background:#1414146b;display:grid;place-items:center;z-index:10}.pause-panel,.result-panel{width:min(520px,calc(100vw - 32px));border:5px solid #202020;border-radius:8px;background:#fffdf7;box-shadow:8px 8px #202020;padding:22px;display:grid;gap:14px}.pause-panel h2,.result-panel h2{margin:0}.result-screen{align-items:center;justify-content:center}.result-roster{display:grid;gap:12px}.result-fighter{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:14px;border:3px solid #202020;border-radius:8px;background:#f5f5f1;padding:8px}.result-fighter img{width:70px;height:70px;object-fit:contain}.result-fighter strong,.result-fighter span{display:block}.result-actions{display:grid;gap:12px}@media(max-width:900px){body{overflow:auto}.app{min-height:100vh;height:auto}.panel-page{height:auto;min-height:100vh;overflow:visible}.menu-screen{min-height:100vh;grid-template-columns:1fr;background-size:1100px;background-position:50% 44%}.brand-cluster{padding-bottom:0}.selection-grid,.select-card{grid-template-columns:1fr}.select-card{min-height:auto}.setting-row,.device-select{grid-template-columns:1fr}.hud-layer{padding:8px}.timer-pill{top:8px;min-width:96px;padding:4px 8px}.timer-pill strong{font-size:24px}.player-hud{width:calc((100vw - 116px)/2);font-size:12px;padding:8px}.hud-heading,.hp-line,.stock-line{gap:5px}.hp-line meter{min-width:0}.cooldowns{gap:6px;margin-top:8px}.cooldowns i{width:18px;height:18px}}