*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#14142b;color:#eef1f6;overflow-x:hidden}#app{min-height:100dvh}.screen{display:none;padding:18px 16px 30px;max-width:1060px;margin:0 auto}.screen.active{display:block}.screen.match{padding:0;max-width:none;height:100dvh;position:relative;overflow:hidden;background:#000}h1.logo{font-size:clamp(42px,9vw,74px);margin:26px 0 2px;letter-spacing:1px;font-weight:900;color:#ffd93b;text-shadow:0 4px 0 #b8860b,0 8px 24px rgba(0,0,0,.5);text-align:center}h1.logo span{color:#7db8f0;text-shadow:0 4px 0 #2c5a8a,0 8px 24px rgba(0,0,0,.5)}.tagline{text-align:center;color:#aab4c8;margin:4px 0 12px}.menu-hero{text-align:center}.coins-pill{display:inline-block;background:#224;border:1px solid #3a3a6e;padding:5px 14px;border-radius:999px;font-size:14px}.menu-btns{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:22px auto}.btn{background:#262650;color:#eef1f6;border:1px solid #43437a;border-radius:12px;padding:11px 16px;font-size:16px;cursor:pointer;font-weight:600}.btn:hover{background:#303064}.btn.primary{background:#2e7d46;border-color:#46a35e}.btn.primary:hover{background:#379754}.btn.danger{background:#7d2e2e;border-color:#a34646}.btn.big{font-size:19px;padding:14px 20px}.btn.small{padding:6px 12px;font-size:14px}.foot{text-align:center;color:#77809a;font-size:12px;max-width:560px;margin:10px auto}.icon-btn{background:#181830d9;color:#fff;border:1px solid #43437a;width:42px;height:42px;border-radius:50%;font-size:18px;cursor:pointer}.corner{position:fixed;top:12px;right:12px;z-index:40}.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bar h2{margin:6px 0;font-size:22px}.hint{color:#aab4c8;font-size:14px}.small{font-size:13px;color:#aab4c8}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap}.gap{gap:10px}.grid{display:grid;gap:10px;margin-top:14px}.grid.roster{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.grid.items{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.grid.lab{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid.album{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.card{background:#1e1e40;border:2px solid #33335f;border-radius:14px;padding:10px;cursor:pointer;text-align:center;transition:transform .08s}.card:hover{transform:translateY(-2px)}.card.sel{border-color:#ffd93b;box-shadow:0 0 0 2px #ffd93b59}.card canvas{width:84px;height:84px}.card .nm{font-weight:700;font-size:14.5px;margin-top:2px}.card .role{font-size:11.5px;color:#ffd93b}.chips{display:inline-flex;gap:5px;flex-wrap:wrap}.tchip{font-size:11px;font-weight:700;color:#14142b;padding:2px 8px;border-radius:999px}.role-chip{display:inline-block;margin-top:5px;background:#ffd93b;color:#14142b;font-weight:800;font-size:12px;padding:3px 10px;border-radius:999px}.detail-panel{margin-top:16px;background:#1e1e40;border:1px solid #33335f;border-radius:16px;padding:14px}.detail-panel.hidden{display:none}.detail-head{display:flex;gap:14px;align-items:center}.detail-head h3{margin:0 0 4px;font-size:22px}.flavor{color:#c6cede;font-style:italic;font-size:14px}.stat-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 18px;margin:10px 0}.stat-bar{font-size:12px;color:#aab4c8;display:flex;align-items:center;gap:8px}.stat-bar .track{flex:1;height:8px;background:#14142b;border-radius:4px;overflow:hidden}.stat-bar .fill{height:100%;background:#57b06a}.seg{display:inline-flex;background:#14142b;border:1px solid #33335f;border-radius:10px;overflow:hidden}.seg button{background:transparent;color:#aab4c8;border:0;padding:7px 12px;cursor:pointer;font-weight:700;font-size:13px}.seg button.on{background:#ffd93b;color:#14142b}.slots{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.slot{min-width:150px;flex:1;max-width:260px;background:#1e1e40;border:2px dashed #43437a;border-radius:12px;padding:10px;text-align:center;cursor:pointer;font-size:14px}.slot.filled{border-style:solid}.item-card{text-align:left}.item-card .nm{font-size:14.5px}.item-card .desc{font-size:12px;color:#aab4c8;margin-top:4px;line-height:1.35}.item-card .owned{float:right;background:#ffd93b;color:#14142b;font-weight:800;border-radius:999px;padding:1px 8px;font-size:12px}.lab-card{text-align:left}.lab-card .pips{letter-spacing:2px;color:#ffd93b;font-size:13px}.lab-card .cost{margin-top:8px}.album .card canvas{width:64px;height:64px}.album .card.unseen canvas{filter:brightness(0) opacity(.5)}.badge{font-size:10.5px;padding:1px 6px;border-radius:999px;background:#33335f;color:#c6cede}.badge.shiny{background:#ffd93b;color:#14142b;font-weight:800}.badge.used{background:#2e7d46;color:#fff}.records{background:#1e1e40;border:1px solid #33335f;border-radius:16px;padding:16px;margin-top:14px}.records table{width:100%;border-collapse:collapse}.records td{padding:7px 4px;border-bottom:1px solid #2c2c52;font-size:15px}.records td:last-child{text-align:right;font-weight:800}.help{background:#1e1e40;border:1px solid #33335f;border-radius:16px;padding:6px 18px;margin-top:12px;line-height:1.55;font-size:15px}#game-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#game{width:100%;height:100%;display:block;touch-action:none}#hud-top{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:8px;z-index:5}.score-box{font-size:24px;font-weight:900;padding:4px 18px;border-radius:12px;color:#fff;min-width:74px;text-align:center}.score-box.blue{background:#265496eb}.score-box.red{background:#a02c2ceb}.timer-box{background:#121226eb;border-radius:12px;padding:2px 16px;text-align:center}#match-timer{font-size:22px;font-weight:900}#final-tag{color:#ffd93b;font-size:11px;font-weight:800}#final-tag.hidden,.hidden{display:none!important}#minimap{position:absolute;top:8px;right:8px;border-radius:10px;border:2px solid rgba(255,255,255,.35);z-index:5;width:138px;height:88px}#btn-pause{position:absolute;top:104px;right:8px;z-index:6}#legendary-bar{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:5;text-align:center;color:#e9c8ff;font-weight:800;font-size:12px;text-shadow:0 1px 3px #000}#legendary-bar .lbar{width:min(420px,60vw);height:10px;background:#0000008c;border-radius:5px;overflow:hidden;margin-top:2px}#legendary-fill{height:100%;background:#c86ef0;width:100%}#announce{position:absolute;top:19%;left:50%;transform:translate(-50%);text-align:center;z-index:6;pointer-events:none;width:min(92vw,620px)}#announce-title{font-size:clamp(22px,5.4vw,38px);font-weight:900;color:#ffd93b;text-shadow:0 3px 0 rgba(0,0,0,.45),0 6px 18px rgba(0,0,0,.6)}#announce-sub{font-size:clamp(13px,2.6vw,17px);color:#fff;text-shadow:0 2px 6px #000;margin-top:2px}#hint-box{position:absolute;bottom:128px;left:50%;transform:translate(-50%);background:#121226eb;border:1px solid #ffd93b;color:#ffe97a;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:700;z-index:6;pointer-events:none;text-align:center;max-width:92vw}#hud-player{position:absolute;left:10px;bottom:10px;display:flex;gap:9px;align-items:center;background:#121226d9;padding:7px 12px 7px 7px;border-radius:14px;z-index:5}#hud-portrait{border-radius:10px;background:#2c2c52}.hud-bars{width:min(300px,42vw)}.bar-row{display:flex;align-items:center;gap:7px;margin:2px 0}#hud-level{font-weight:900;font-size:13px;min-width:38px}.hpbar{position:relative;flex:1;height:16px;background:#3a1420;border-radius:8px;overflow:hidden}#hud-hp{height:100%;background:linear-gradient(180deg,#6fd67e,#3d9e4f);width:100%}#hud-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;font-weight:800;line-height:16px;color:#fff;text-shadow:0 1px 2px #000}.xpbar{flex:1;height:9px;background:#241a3d;border-radius:5px;overflow:hidden}#hud-xp{height:100%;background:#b48ede;width:0%}#hud-energy{font-weight:900;color:#ffd93b;font-size:14px}#touch-ui{position:absolute;inset:auto 0 0 0;z-index:7;pointer-events:none;display:none}body.touch #touch-ui{display:block}#joystick{position:absolute;left:18px;bottom:86px;width:118px;height:118px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);pointer-events:auto;touch-action:none}#joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#fff6;transform:translate(-50%,-50%)}#btns{position:absolute;right:12px;bottom:76px;display:flex;align-items:flex-end;gap:9px;pointer-events:auto}.abtn{width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#181830bf;color:#fff;font-size:15px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;position:relative}.abtn small{font-size:8.5px;font-weight:700;opacity:.85}.abtn.big{width:72px;height:72px;font-size:19px}.abtn.ult{background:#783cb4cc}.abtn:disabled{opacity:.45}.abtn .cdveil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}#kb-legend{position:absolute;bottom:6px;left:50%;transform:translate(-50%);color:#ffffff8c;font-size:11.5px;z-index:4}body.touch #kb-legend{display:none}#respawn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a081473;color:#fff;font-size:26px;font-weight:900;z-index:8}#respawn-overlay span{font-size:16px;font-weight:600}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0808129e;display:flex;align-items:center;justify-content:center;z-index:20;padding:14px}.panel{background:#1e1e40;border:1px solid #43437a;border-radius:18px;padding:20px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:10px;text-align:center;max-height:92dvh;overflow-y:auto}.panel.wide{max-width:640px}.panel h3{margin:0 0 4px}.choice-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.choice-card{flex:1;min-width:148px;max-width:190px;background:#262650;border:2px solid #ffd93b;border-radius:14px;padding:12px;cursor:pointer;text-align:center;color:#fff}.choice-card:hover{background:#303064}.choice-card .ct{font-weight:800;font-size:15px}.choice-card .cd{font-size:12px;color:#c6cede;margin-top:5px;line-height:1.4}.choice-card .evo-btns{display:flex;flex-direction:column;gap:6px;margin-top:8px}.results-score{font-size:30px;font-weight:900}.results-score .b{color:#7db8f0}.results-score .r{color:#ff9a8a}.mvp{color:#ffd93b;font-weight:800}#results-table{width:100%;border-collapse:collapse;font-size:13.5px}#results-table th,#results-table td{padding:5px 4px;border-bottom:1px solid #2c2c52;text-align:center}#results-table td:first-child,#results-table th:first-child{text-align:left}#results-table tr.me{background:#ffd93b1f;font-weight:700}#results-table tr.team0 td:first-child{border-left:3px solid #4a90d9}#results-table tr.team1 td:first-child{border-left:3px solid #e05252}.coins-earned{font-size:17px;font-weight:800;color:#ffd93b}@media (max-width: 640px){#hud-player{bottom:196px;left:8px}#hint-box{bottom:268px}.hud-bars{width:40vw}#minimap{width:104px;height:66px;top:64px}.score-pill{min-width:46px;font-size:19px}#match-timer{font-size:16px;min-width:62px}}.menu-quests{text-align:center;color:var(--muted);margin-top:2px}.quest-row{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid #34345c;border-radius:12px;padding:10px 12px;margin:8px 0}.quest-row.done{border-color:#69db7c}.quest-row .qmain{flex:1;text-align:left}.quest-row .qt{font-weight:800}.quest-row .qbar{width:110px;height:10px;background:#10101e;border-radius:99px;overflow:hidden}.quest-row .qfill{height:100%;background:linear-gradient(90deg,#ffd93b,#ff9f43)}.quest-row .qprog{font-weight:800;min-width:44px;text-align:right}#choice-foot{justify-content:center;margin-top:10px}#results-quests{margin:4px 0 8px;line-height:1.5}