@font-face{font-family:Lilita One;src:url("./fonts/lilita-one-latin-NEBCEEUE.woff2") format("woff2");font-display:swap}@font-face{font-family:Patrick Hand;src:url("./fonts/patrick-hand-latin-Y7YBERTX.woff2") format("woff2");font-display:swap}:root{--cream: #f3ead8;--paper: #efe2c4;--ink: #2a1d14;--red: #c33a32;--red2: #a32b25;--teal: #3d8f8a;--mustard: #e0a63a;--blue: #3f6fb5;--dark: #1a120d;--gold: #d8b45a;--display: "Lilita One", "Arial Black", "Trebuchet MS", sans-serif;--hand: "Patrick Hand", "Comic Sans MS", "Trebuchet MS", sans-serif;--u: min(1vw, 1.6vh);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--dark);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body{font-family:var(--hand);color:var(--cream)}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}#ui,#hud,#fx,#touch,#toasts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*,#hud .interactive,#touch>*{pointer-events:auto}#fx{z-index:4}#hud{z-index:3}#touch{z-index:4}#ui{z-index:5}#toasts{z-index:9;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:calc(70px + var(--safe-t)) calc(12px + var(--safe-r)) 0 0}button{font:inherit;color:inherit}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a2618,#120d0a 70%);transition:opacity .5s}#loading.hide{opacity:0;pointer-events:none}.load-logo{font-family:var(--display);font-size:clamp(42px,calc(var(--u) * 11),120px);letter-spacing:.02em;color:var(--cream);text-shadow:0 6px 0 var(--red2),0 10px 24px rgba(0,0,0,.6)}.load-bar{width:min(60vw,420px);height:18px;border-radius:10px;background:#2a1d14;margin-top:28px;overflow:hidden;border:2px dashed rgba(243,234,216,.4)}.load-fill{height:100%;width:0;background:repeating-linear-gradient(45deg,var(--red) 0 12px,#d4473e 12px 24px);transition:width .2s}.load-tip{margin-top:14px;font-size:20px;opacity:.8;min-height:1.4em}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));animation:fadeIn .25s ease}.screen.dim{background:#0e09068c}.screen.dark{background:#0a0604d1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.panel{position:relative;background:linear-gradient(160deg,#f6eedc,#e9dcbd);color:var(--ink);border-radius:18px;padding:clamp(14px,calc(var(--u) * 2.4),28px);box-shadow:0 10px 30px #00000073,inset 0 0 0 4px #e3d3ae;max-width:96vw;max-height:92vh;overflow:auto}.panel:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed rgba(90,58,26,.45);border-radius:12px;pointer-events:none}.panel h2{font-family:var(--display);font-weight:400;margin:0 0 12px;font-size:clamp(24px,calc(var(--u) * 3.6),40px);color:var(--red2);text-align:center}.panel p{font-size:clamp(16px,calc(var(--u) * 2.1),22px);line-height:1.3;margin:8px 0}.btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;padding:10px 18px;margin:6px 0;border:none;border-radius:14px;background:var(--red);color:var(--cream);font-family:var(--display);font-size:clamp(18px,calc(var(--u) * 2.6),28px);letter-spacing:.02em;cursor:pointer;box-shadow:0 5px 0 var(--red2),0 8px 14px #0000004d;transition:transform .08s,filter .1s;text-shadow:0 2px 0 rgba(0,0,0,.2)}.btn:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px dashed rgba(243,234,216,.55);border-radius:10px;pointer-events:none}.btn:hover,.btn.focus{filter:brightness(1.12);transform:translateY(-2px) rotate(-.6deg)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--red2)}.btn[disabled]{filter:grayscale(.8) brightness(.8);cursor:default}.btn.teal{background:var(--teal);box-shadow:0 5px #2c6a66,0 8px 14px #0000004d}.btn.mustard{background:var(--mustard);color:var(--ink);box-shadow:0 5px #b07f22,0 8px 14px #0000004d;text-shadow:none}.btn.mustard:after{border-color:#2a1d1466}.btn.blue{background:var(--blue);box-shadow:0 5px #2d5089,0 8px 14px #0000004d}.btn.ghost{background:#2a1d141f;color:var(--ink);box-shadow:none;text-shadow:none}.btn.ghost:after{border-color:#2a1d144d}.btn.small{font-size:clamp(15px,calc(var(--u) * 2),20px);padding:7px 14px}.btn-desc{font-family:var(--hand);font-size:.62em;opacity:.9;letter-spacing:0;line-height:1.1}.btn-icon svg{width:1.2em;height:1.2em;display:block}.btn.icon-only{width:48px;height:48px;padding:8px}.btn.icon-only svg{width:26px;height:26px;display:block}body.kbnav .focus{outline:4px solid #fff3c4;outline-offset:3px}.sel-row{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:6px 0;border-radius:12px;background:#2a1d1414;font-size:clamp(16px,calc(var(--u) * 2.2),22px);cursor:pointer}.sel-row.focus,.sel-row:hover{background:#c33a3229}.sel-label{flex:1;font-family:var(--display);font-size:.95em;color:var(--ink)}.sel-value{min-width:7em;text-align:center;font-family:var(--display);color:var(--red2)}.sel-arrow{background:var(--ink);color:var(--cream);border:none;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:14px}.slider-track{position:relative;flex:1.3;height:16px;border-radius:8px;background:#d9c9a5;overflow:hidden;border:2px solid rgba(42,29,20,.25)}.slider-fill{position:absolute;left:0;top:0;bottom:0;background:var(--teal)}.slider-num{width:3em;text-align:right;font-family:var(--display);color:var(--ink)}.title-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:2vh;animation:popIn .6s ease;pointer-events:none}.logo{font-family:var(--display);font-size:clamp(54px,calc(var(--u) * 13),150px);line-height:.9;color:var(--cream);letter-spacing:.02em;text-shadow:0 6px 0 var(--red2),0 12px 30px rgba(0,0,0,.6);display:flex;align-items:center}.logo .heart{color:var(--red);width:.78em;height:.78em;margin:0 .02em;display:inline-block;filter:drop-shadow(0 4px 0 #6a1d18);animation:beat 1.2s infinite}.logo .heart svg{width:100%;height:100%}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(.96)}45%{transform:scale(1.06)}}.logo-sub{font-family:var(--display);font-size:clamp(18px,calc(var(--u) * 3),32px);color:var(--mustard);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.5)}.press-start{margin-top:5vh;font-family:var(--display);font-size:clamp(18px,calc(var(--u) * 2.6),28px);animation:blink 1.4s infinite;text-shadow:0 3px 0 rgba(0,0,0,.6)}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.menu-layout{display:grid;grid-template-columns:minmax(260px,420px);gap:10px;width:100%;justify-content:center}.menu-col{width:min(420px,90vw)}.main-menu .logo{font-size:clamp(40px,calc(var(--u) * 8),90px)}.corner-tools{position:absolute;top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));display:flex;gap:8px;z-index:2}.corner-tools .btn{width:auto;margin:0}.account{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));display:flex;align-items:center;gap:10px;background:#140c08b3;padding:6px 10px;border-radius:12px;font-size:18px;max-width:46vw}.account img{width:32px;height:32px;border-radius:50%}.account .btn{width:auto;margin:0;font-size:16px;padding:6px 12px}.account .pitch{font-size:14px;opacity:.8;line-height:1.1}.version{position:absolute;bottom:calc(6px + var(--safe-b));right:calc(10px + var(--safe-r));font-size:13px;opacity:.45}.select-screen{justify-content:flex-start;padding-top:calc(10px + var(--safe-t))}.select-head{display:flex;align-items:center;justify-content:space-between;width:min(1100px,96vw);margin-bottom:8px}.select-head h2{font-family:var(--display);font-weight:400;font-size:clamp(20px,calc(var(--u) * 3.2),36px);margin:0;text-shadow:0 3px 0 rgba(0,0,0,.5)}.select-head .btn{width:auto;margin:0}.screen.dark .btn.ghost,.select-head .btn.ghost,.vs-mid .btn.ghost{color:var(--cream);background:#f3ead81f}.screen.dark .btn.ghost:after,.vs-mid .btn.ghost:after{border-color:#f3ead859}.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,calc(var(--u) * 1),12px);width:min(760px,96vw,88vh)}.card{position:relative;aspect-ratio:1 / 1.08;border-radius:14px;background:linear-gradient(180deg,#3a2a1f,#24180f);border:3px solid #5a4030;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .08s}.card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card .card-name{position:relative;z-index:1;width:100%;text-align:center;font-family:var(--display);font-size:clamp(12px,calc(var(--u) * 1.7),18px);background:#140c08bf;padding:3px 2px}.card.locked{filter:grayscale(1) brightness(.35);cursor:not-allowed}.card.locked:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:48px;color:#fff}.card.p1{border-color:var(--red);box-shadow:0 0 0 3px var(--red),0 0 18px #c33a32cc}.card.p2{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue),0 0 18px #3f6fb5cc}.card.p1.p2{box-shadow:0 0 0 3px var(--red),0 0 0 6px var(--blue)}.card.focus,.card:hover{transform:translateY(-3px) scale(1.03)}.card .tag{position:absolute;top:4px;left:4px;z-index:2;font-family:var(--display);font-size:14px;padding:1px 6px;border-radius:6px}.card .tag.p1{background:var(--red)}.card .tag.p2{background:var(--blue);left:auto;right:4px}.vs-bar{display:flex;align-items:stretch;gap:12px;width:min(1100px,96vw);margin-top:10px}.fighter-info{flex:1;background:#140c08b8;border-radius:14px;padding:8px 12px;min-height:110px}.fighter-info.p1{border-left:6px solid var(--red)}.fighter-info.p2{border-right:6px solid var(--blue);text-align:right}.fighter-info .fi-name{font-family:var(--display);font-size:clamp(20px,calc(var(--u) * 3),32px)}.fighter-info .fi-nick{color:var(--mustard);font-size:18px}.fighter-info .fi-bio{font-size:16px;opacity:.85;line-height:1.15;margin-top:4px}.fighter-info .fi-who{font-size:15px;opacity:.7}.stats{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin-top:6px;font-size:14px;align-items:center}.fighter-info.p2 .stats{direction:rtl}.stat-bar{height:8px;background:#3a2a1f;border-radius:4px;overflow:hidden}.stat-bar span{display:block;height:100%;background:var(--mustard)}.vs-mid{display:flex;flex-direction:column;justify-content:center;gap:5px;width:min(360px,36vw)}.vs-mid .sel-row{font-size:clamp(14px,calc(var(--u) * 1.8),18px)}.vs-mid .sel-arrow{width:28px;height:28px}.vs-mid .btn{margin:0}.vs-mid .sel-row{background:#f3ead8e6;margin:0;padding:4px 8px}.vs-mid .sel-value{min-width:4.5em;flex:2;line-height:1.05}.chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;width:min(980px,94vw)}.chapter{position:relative;background:#140c08bf;border:2px solid #5a4030;border-radius:14px;padding:10px 12px;cursor:pointer;color:var(--cream);text-align:left}.chapter .ch-num{font-family:var(--display);color:var(--mustard);font-size:15px}.chapter .ch-title{font-family:var(--display);font-size:20px;line-height:1.05}.chapter.locked{opacity:.4;cursor:not-allowed}.chapter.done:after{content:"\2713";position:absolute;top:6px;right:10px;color:#8fd18f;font-family:var(--display);font-size:20px}.chapter.focus,.chapter:hover:not(.locked){border-color:var(--mustard);transform:translateY(-2px)}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(6px,1.5vw,18px);align-items:start}.hud-side{display:flex;flex-direction:column;gap:4px;min-width:0}.hud-side.right{align-items:flex-end}.hud-name{font-family:var(--display);font-size:clamp(14px,calc(var(--u) * 2.3),26px);text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.6);display:flex;gap:8px;align-items:center;white-space:nowrap}.hud-kd{display:flex;gap:3px}.hud-kd i{width:10px;height:10px;border-radius:50%;background:#fff3;display:inline-block}.hud-kd i.on{background:#ff5a4a;box-shadow:0 0 6px #ff5a4a}.bar{position:relative;width:100%;height:clamp(14px,calc(var(--u) * 2.4),26px);background:#1b120c;border-radius:9px;overflow:hidden;box-shadow:0 0 0 2px #f3ead8cc,0 3px 8px #00000080}.bar .red,.bar .fill{position:absolute;top:0;bottom:0;left:0;width:100%;transform-origin:left}.hud-side.right .bar .red,.hud-side.right .bar .fill{transform-origin:right;left:auto;right:0}.bar .red{background:#f2f2f2;opacity:.85}.bar .fill{background:repeating-linear-gradient(90deg,#e0a63a 0,#e0a63a 18px,#e8b350 18px,#e8b350 36px)}.bar .fill.low{background:repeating-linear-gradient(90deg,#d4473e 0,#d4473e 18px,#e05a4d 18px,#e05a4d 36px);animation:blink .6s infinite}.bar:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px dashed rgba(42,29,20,.45);border-radius:6px;pointer-events:none}.sub-row{display:flex;align-items:center;gap:6px;width:100%}.hud-side.right .sub-row{flex-direction:row-reverse}.stam{flex:1;height:clamp(6px,calc(var(--u) * 1),10px);background:#1b120c;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #f3ead880}.stam .fill{height:100%;width:100%;background:#6fb3e0;transform-origin:left}.hud-side.right .stam .fill{transform-origin:right}.stam .fill.low{background:#e0866f}.heartm{position:relative;width:clamp(26px,calc(var(--u) * 4),40px);height:clamp(26px,calc(var(--u) * 4),40px);flex:none}.heartm svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.heartm .hbg{color:#3a2a1f}.heartm .hfill{color:#e0413a;clip-path:inset(100% 0 0 0)}.heartm.full .hfill{animation:beat .8s infinite;filter:drop-shadow(0 0 6px #ff7a6a)}.hud-center{display:flex;flex-direction:column;align-items:center}.timer{font-family:var(--display);font-size:clamp(26px,calc(var(--u) * 4.4),48px);line-height:1;min-width:2.2em;text-align:center;background:var(--cream);color:var(--ink);border-radius:0 0 22px 22px;padding:4px 10px 6px;box-shadow:0 4px #b8a37a,0 6px 14px #00000080}.timer.warn{color:var(--red)}.round-lbl{font-family:var(--display);font-size:clamp(12px,calc(var(--u) * 1.6),18px);margin-top:4px;text-shadow:0 2px 0 rgba(0,0,0,.7)}.center-msg{position:absolute;left:0;right:0;top:34%;text-align:center;font-family:var(--display);font-size:clamp(48px,calc(var(--u) * 11),130px);color:var(--cream);text-shadow:0 6px 0 var(--red2),0 10px 30px rgba(0,0,0,.7);animation:popIn .35s ease;pointer-events:none}.center-msg.small{font-size:clamp(30px,calc(var(--u) * 6),70px)}.center-msg.gold{text-shadow:0 6px 0 #8a6a2a,0 10px 30px rgba(0,0,0,.7);color:#fff3c4}.count-num{position:absolute;left:0;right:0;top:22%;text-align:center;font-family:var(--display);font-size:clamp(80px,calc(var(--u) * 18),220px);color:#fff;text-shadow:0 8px 0 rgba(0,0,0,.4),0 0 40px rgba(255,90,74,.6);animation:popIn .25s ease}.mash{position:absolute;left:0;right:0;bottom:18%;text-align:center;font-family:var(--display);font-size:clamp(18px,calc(var(--u) * 3),34px);animation:blink .5s infinite;text-shadow:0 3px 0 rgba(0,0,0,.7)}.mash-meter{width:min(300px,50vw);height:14px;margin:8px auto 0;background:#1b120c;border-radius:7px;overflow:hidden;box-shadow:0 0 0 2px var(--cream)}.mash-meter span{display:block;height:100%;background:var(--mustard);width:0}.popup{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(16px,calc(var(--u) * 2.8),32px);white-space:nowrap;text-shadow:0 3px 0 rgba(0,0,0,.65);animation:floatUp 1s ease forwards;pointer-events:none}.popup.counter{color:#ffb44a}.popup.parry{color:#fff3a0}.popup.slip{color:#9fe0ff}.popup.combo{color:#fff;font-size:clamp(14px,calc(var(--u) * 2.2),26px)}.popup.super{color:#ff6a6a;font-size:clamp(22px,calc(var(--u) * 3.6),44px)}.popup.break{color:#c9d4ff}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}.hint{position:absolute;z-index:2;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-b));background:#140c08c7;border-radius:12px;padding:8px 14px;font-size:clamp(16px,calc(var(--u) * 2.2),24px);text-align:center;max-width:90vw;border:2px dashed rgba(243,234,216,.35)}.hint.top{top:22%;bottom:auto}.hint kbd,.kbd{display:inline-block;min-width:1.6em;padding:0 .35em;margin:0 .1em;border-radius:6px;background:var(--cream);color:var(--ink);font-family:var(--display);font-size:.9em;box-shadow:0 2px #b8a37a;text-align:center}.dive-btn{position:absolute;left:50%;bottom:30%;transform:translate(-50%);width:auto;padding:12px 22px;pointer-events:auto;animation:wobble 1s infinite}.corner-panel{position:absolute;left:50%;bottom:calc(16px + var(--safe-b));transform:translate(-50%);width:min(720px,94vw);background:#140c08d9;border-radius:16px;padding:12px 16px;border:2px dashed rgba(243,234,216,.4);animation:fadeIn .3s;pointer-events:auto;cursor:pointer}.corner-panel .cp-title{font-family:var(--display);color:var(--mustard);font-size:18px}.corner-panel .cp-tip{font-size:clamp(17px,calc(var(--u) * 2.3),24px);line-height:1.25}.corner-panel .cp-score{display:flex;justify-content:space-between;font-family:var(--display);font-size:16px;opacity:.85;margin-top:6px}.results{width:min(760px,96vw)}.res-head{text-align:center}.res-winner{font-family:var(--display);font-size:clamp(28px,calc(var(--u) * 5),56px);color:var(--red2);line-height:1}.res-method{font-size:22px;color:var(--ink);opacity:.8}.res-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:clamp(15px,calc(var(--u) * 2),20px)}.res-table td{padding:3px 6px;border-bottom:1px dashed rgba(42,29,20,.2)}.res-table td:first-child,.res-table td:last-child{font-family:var(--display);width:22%;text-align:center}.res-table td:nth-child(2){text-align:center;opacity:.8}.cards-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:15px}.cards-row div{background:#2a1d1414;border-radius:8px;padding:4px 8px;text-align:center}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.btn-row .btn{width:auto;flex:1 1 160px;margin:4px 0}.dlg{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);width:min(980px,94vw);min-height:120px;background:linear-gradient(170deg,#f6eedc,#eadcbc);color:var(--ink);border-radius:18px;padding:14px 20px 18px;box-shadow:0 10px 30px #00000080;pointer-events:auto;cursor:pointer;animation:fadeIn .2s}.dlg:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px dashed rgba(90,58,26,.4);border-radius:13px;pointer-events:none}.dlg-name{position:absolute;top:-18px;left:22px;font-family:var(--display);font-size:clamp(16px,calc(var(--u) * 2.4),24px);background:var(--ink);color:var(--cream);padding:3px 14px;border-radius:10px;box-shadow:0 3px #0000004d}.dlg-text{font-size:clamp(19px,calc(var(--u) * 2.8),30px);line-height:1.25;min-height:2.5em}.dlg-next{position:absolute;right:18px;bottom:10px;font-size:22px;animation:blink 1s infinite;color:var(--red2)}.narr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0805039e;pointer-events:auto;cursor:pointer;animation:fadeIn .4s}.narr-text{width:min(860px,88vw);font-size:clamp(22px,calc(var(--u) * 3.4),38px);line-height:1.35;text-align:center;color:#f6ead0;text-shadow:0 3px 12px rgba(0,0,0,.8)}.narr-text em{color:#ff8a7a;font-style:normal}.title-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0604e0;pointer-events:auto;animation:fadeIn .5s}.tc-num{font-family:var(--display);color:var(--mustard);font-size:clamp(18px,calc(var(--u) * 3),32px);letter-spacing:.2em;text-transform:uppercase}.tc-title{font-family:var(--display);font-size:clamp(36px,calc(var(--u) * 8),90px);text-align:center;text-shadow:0 5px 0 var(--red2);animation:popIn .6s}.tc-act{font-size:clamp(16px,calc(var(--u) * 2.4),26px);opacity:.8;margin-top:10px}.skip-btn{position:absolute;top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));width:auto;z-index:3;pointer-events:auto}.fx-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .8s;pointer-events:none}.fx-black.on{opacity:1}.fx-white{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .25s;pointer-events:none}.fx-white.on{opacity:.95}.fx-flaps:before,.fx-flaps:after{content:"";position:absolute;left:0;right:0;height:51%;background:linear-gradient(#7a5a3a,#5a3f28);transition:transform 1.2s ease-in}.fx-flaps:before{top:0;transform:translateY(-100%);border-bottom:6px solid #3a2618}.fx-flaps:after{bottom:0;transform:translateY(100%);border-top:6px solid #3a2618}.fx-flaps.closed:before,.fx-flaps.closed:after{transform:translateY(0)}.fx-thread{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.fx-thread svg{width:min(46vh,60vw);height:auto;filter:drop-shadow(0 0 12px rgba(255,80,80,.6))}.fx-thread path{fill:none;stroke:#e0413a;stroke-width:5;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 2.6s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.fx-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -10%,#fffaebf2,#fff0c880 35%,#fff0c800 70%);opacity:0;transition:opacity 2s;pointer-events:none}.fx-light.on{opacity:1}.fx-hand{position:absolute;left:50%;top:-60%;width:min(60vh,70vw);transform:translate(-50%);transition:top 3s ease-out;pointer-events:none;opacity:.92}.fx-hand.on{top:-12%}.fx-glitch{animation:glitch .5s steps(2) 2}@keyframes glitch{0%{filter:none;transform:none}25%{filter:hue-rotate(90deg) saturate(3);transform:translate(6px,-3px) skew(4deg)}50%{filter:invert(1);transform:translate(-6px,2px)}75%{filter:hue-rotate(-90deg);transform:translate(3px,4px) skew(-3deg)}to{filter:none;transform:none}}.fx-rain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(105deg,#a0bee600 0,#a0bee600 18px,#a0bee62e 18px,#a0bee62e 19px);animation:rain .45s linear infinite;pointer-events:none;opacity:.6}@keyframes rain{0%{background-position:0 0}to{background-position:-40px 120px}}.moves{width:min(980px,96vw)}.moves-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.mv{display:flex;gap:10px;align-items:center;font-size:clamp(14px,calc(var(--u) * 1.8),18px);line-height:1.15;padding:3px 0;border-bottom:1px dashed rgba(42,29,20,.15)}.mv .keys{flex:none;width:11.5em;text-align:right;line-height:1.6}.moves .panel h2,.moves h2{margin-bottom:6px}.mv .keys .kbd{font-size:.8em}.tabs{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.tabs .btn{width:auto;margin:0}.tabs .btn.active{background:var(--teal);box-shadow:0 5px #2c6a66}.opts{width:min(640px,94vw)}.binds{display:grid;grid-template-columns:auto 1fr 1fr;gap:4px 10px;align-items:center;font-size:18px}.binds .head{font-family:var(--display);color:var(--red2)}.bind-btn{background:var(--cream);color:var(--ink);border:2px solid rgba(42,29,20,.3);border-radius:8px;padding:4px 8px;font-family:var(--display);cursor:pointer}.bind-btn.wait{background:var(--mustard);animation:blink .6s infinite}.credits-text{white-space:pre-line;font-size:clamp(16px,calc(var(--u) * 2.1),21px);max-width:640px}.ach-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(900px,94vw)}.ach{display:flex;gap:10px;align-items:center;background:#2a1d1414;border-radius:10px;padding:6px 10px}.ach.off{opacity:.45}.ach .ach-ico{width:34px;height:34px;flex:none;color:var(--mustard)}.ach .ach-ico svg{width:100%;height:100%}.ach .ach-name{font-family:var(--display);font-size:17px}.ach .ach-desc{font-size:15px;line-height:1.1}.toast{position:relative;display:flex;align-items:center;gap:10px;background:linear-gradient(160deg,#f6eedc,#e9dcbd);color:var(--ink);border-radius:14px;padding:8px 14px;box-shadow:0 8px 20px #00000073;animation:toastIn .4s ease,toastOut .4s ease 3.6s forwards;max-width:80vw}.toast .t-ico{width:34px;height:34px;color:var(--mustard)}.toast .t-ico svg{width:100%;height:100%}.toast .t-small{font-size:14px;opacity:.7}.toast .t-big{font-family:var(--display);font-size:19px}@keyframes toastIn{0%{transform:translate(120%)}to{transform:none}}@keyframes toastOut{to{transform:translate(130%);opacity:0}}.notice{position:absolute;left:50%;top:calc(12px + var(--safe-t));transform:translate(-50%);background:#140c08d9;border-radius:10px;padding:6px 14px;font-size:18px;animation:toastIn .3s,toastOut .4s ease 2.6s forwards}.stick-zone{position:absolute;top:18%;bottom:0;touch-action:none}.stick-base{position:absolute;left:calc(min(45%,130px) + var(--safe-l));top:calc(100% - 120px - var(--safe-b));width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;background:#f3ead81f;border:3px dashed rgba(243,234,216,.45);transition:opacity .15s}.stick-base.idle{opacity:.45}.stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#f3ead8bf;box-shadow:0 4px 10px #0006;transform:translate(-50%,-50%)}.touch-buttons{position:absolute;bottom:calc(18px + var(--safe-b));width:260px;height:230px;touch-action:none}.touch-buttons.right{right:calc(16px + var(--safe-r))}.touch-buttons.leftHalf{left:25%;width:200px;height:190px}.touch-buttons.rightHalf{right:25%;width:200px;height:190px}.tbtn{position:absolute;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#c33a32b8;color:#fff;border:3px dashed rgba(255,255,255,.55);box-shadow:0 5px #5a140fb3;touch-action:none}.tbtn svg{width:52%;height:52%}.tbtn .tlbl{position:absolute;bottom:7px;font-family:var(--display);font-size:13px;opacity:.9}.tbtn.down{transform:translateY(4px) scale(.95);box-shadow:0 1px #5a140fb3;filter:brightness(1.2)}.tbtn.lp{left:0;bottom:8px}.tbtn.rp{left:96px;bottom:8px}.tbtn.guard{left:48px;bottom:104px;background:#3d8f8abf;box-shadow:0 5px #143c3ab3}.tbtn.super{right:0;bottom:104px;width:64px;height:64px;background:#3c281e99;opacity:.45}.tbtn.super.ready{background:#e0413ae6;opacity:1;animation:beat .8s infinite}.touch-buttons.right .tbtn.lp{left:auto;right:104px}.touch-buttons.right .tbtn.rp{left:auto;right:6px}.touch-buttons.right .tbtn.guard{left:auto;right:56px}.touch-buttons.right .tbtn.super{right:auto;left:0}.touch-2p .tbtn{width:68px;height:68px}.touch-2p .tbtn.rp{left:78px}.touch-2p .tbtn.guard{left:39px;bottom:84px}.touch-2p .tbtn.super{width:52px;height:52px;bottom:90px;right:4px}.touch-pause{position:absolute;top:calc(8px + var(--safe-t));left:50%;margin-left:-22px;margin-top:74px;width:44px;height:44px;border-radius:12px;border:none;background:#140c0899;display:flex;gap:6px;align-items:center;justify-content:center}.touch-pause span{width:6px;height:20px;background:var(--cream);border-radius:2px}.rotate{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#140c08d9;border-radius:14px;padding:12px 16px;text-align:center;font-size:18px;width:80vw;pointer-events:auto}@media(max-width:760px),(max-height:480px){.roster{grid-template-columns:repeat(5,1fr);width:min(620px,96vw)}.vs-bar{flex-wrap:wrap}.fighter-info{min-height:0;padding:6px 10px}.fighter-info .fi-bio,.stats{display:none}.moves-grid,.ach-list{grid-template-columns:1fr}}@media(max-height:480px){.btn-desc{display:none}.main-menu .title-wrap{margin-bottom:2px}.main-menu .logo{font-size:clamp(30px,9vh,60px)}.logo-sub{font-size:13px}.menu-col .btn{font-size:18px;padding:5px 12px;margin:3px 0}.menu-col .btn-row .btn{margin:2px 0}.menu-col .btn-row{margin-top:2px}.panel{padding:10px 14px}.btn{padding:6px 14px;margin:4px 0}.card .card-name{font-size:11px}.roster{width:min(520px,70vw);gap:5px}}
