:root{--bg: #0e0b16;--bg2: #161126;--panel: #1b1530;--line: #2b2246;--ally: #3a7afe;--enemy: #ff5470;--ink: #e8e3f5;--muted: #8a82a8}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(130% 80% at 50% -10%,#241a3f 0%,var(--bg) 55%),var(--bg);overflow:hidden;user-select:none}.authwrap{height:100%;display:grid;place-items:center;padding:16px;background:radial-gradient(120% 90% at 50% -10%,#241a3f,var(--bg) 60%)}.authcard{width:100%;max-width:360px;background:linear-gradient(var(--bg2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center}.brand.big{font-size:26px;margin-bottom:4px}.authsub{color:var(--muted);font-size:13px;margin-bottom:18px}.authin{width:100%;background:#0f0b1c;border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:12px 14px;font-size:15px;margin-bottom:10px}.authin:focus{outline:none;border-color:#5a47a0}.autherr{color:#ff8f8f;font-size:12px;margin:2px 0 10px}.authbtn{width:100%;background:linear-gradient(#7a5cf0,#5a47a0);color:#fff;border:none;border-radius:11px;padding:13px;font-size:16px;font-weight:800;cursor:pointer}.authbtn:disabled{opacity:.6}.authtoggle{margin-top:14px;color:#ffd68a;font-size:13px;cursor:pointer}.userchip{margin-left:auto;font-size:12px;font-weight:800;color:#ffd68a;background:#2a1f52;border:1px solid #5a47a0;border-radius:999px;padding:6px 12px}.gearbtn{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:9px;width:34px;height:32px;display:grid;place-items:center;cursor:pointer}.setcard{position:relative;width:100%;max-width:360px;background:linear-gradient(var(--bg2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.setrow{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.setrow b{color:var(--ink)}.setbtn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:12px;font-size:15px;font-weight:800;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.setbtn.wallet{background:#2a1f52;border-color:#5a47a0;color:#ffd68a}.setbtn.danger{background:#3a1620;border-color:#8f3350;color:#ff9db0}.sethint{font-size:11px;color:var(--muted);text-align:center}.loadoutslots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.loadport,.loadempty{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-weight:800}.loadport{color:#fff;font-size:26px;border:2px solid #ffd68a;box-shadow:inset 0 -10px 18px #00000080;cursor:pointer}.loadempty{color:var(--muted);font-size:24px;border:2px dashed var(--line);background:#140f26}.lvbadge{position:absolute;bottom:3px;right:4px;font-size:9px;font-weight:800;color:#ffd68a;background:#0c0a14cc;border-radius:5px;padding:0 4px}.hcard.picked{box-shadow:0 0 0 2px #ffd68a,0 6px 16px #ffd68a40}.feedhint{font-size:12px;color:var(--muted);margin:2px 0 10px}.feedlist{display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto;margin-bottom:12px}.feedrow{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:8px;cursor:pointer;transition:border-color .12s,background .12s}.feedrow.sel{background:linear-gradient(180deg,#221a44,#17112f)}.feedava{width:40px;height:40px;border-radius:10px;flex:none;display:grid;place-items:center;box-shadow:inset 0 -6px 12px #00000080}.feedinit{font-size:18px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.feedinfo{flex:1;min-width:0}.feedname{font-size:14px;font-weight:800;display:flex;align-items:center;gap:6px}.feedteam{font-size:9px;font-weight:800;color:#ffcf4a;border:1px solid #ffcf4a;border-radius:5px;padding:1px 4px;letter-spacing:.4px}.feedsub{font-size:11px;color:var(--muted);text-transform:capitalize}.feedxp{font-size:13px;font-weight:800;color:#6ee7a0;flex:none}.feedcheck{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);flex:none;display:grid;place-items:center;color:#0c0a14}.feedcheck.on{background:#6ee7a0;border-color:#6ee7a0}.weplist{display:flex;flex-direction:column;gap:8px}.weprow{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-left-width:3px;border-radius:11px;padding:9px}.wepicon{width:42px;height:42px;border-radius:10px;flex:none;box-shadow:inset 0 -6px 12px #00000080}.wepinfo{flex:1;min-width:0}.wepname{font-size:14px;font-weight:800}.weplvl{font-size:11px;color:#ffd68a}.wepsub{font-size:10px;color:var(--muted)}.upbtn{background:#3a2f16;border:1px solid #7a6320;color:#ffcf4a;border-radius:9px;padding:8px 12px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:4px}.upbtn:disabled{opacity:.45}.eqfilled{font-size:10px;font-weight:800;color:#ffd68a;text-transform:capitalize}.dailygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dailycell{border:1px solid var(--line);border-radius:10px;padding:9px 4px;text-align:center;opacity:.7}.dailycell.today{opacity:1;box-shadow:0 0 0 2px currentColor;transform:scale(1.03)}.dailycell.claimed{opacity:.35}.dailyday{font-size:10px;color:var(--muted);font-weight:700}.dailylabel{font-size:11px;font-weight:800;margin-top:3px}.htitle{letter-spacing:.3px}.hcard{background:linear-gradient(180deg,#1d1734,#150f28);transition:transform .08s,box-shadow .15s}.hcard:active{transform:scale(.97)}.mapcard{background:linear-gradient(180deg,#1b1530,#130e24);transition:transform .08s}.mapcard:active{transform:scale(.98)}.stonecard,.weprow,.rankrow,.pack{background:linear-gradient(180deg,#1c1636,#140f28)}.screenbar{padding-bottom:2px;border-bottom:1px solid #ffffff0d;margin-bottom:2px}.curhud{display:inline-flex;gap:10px;margin-left:10px}.cur{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--ink)}.dotc{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.dotc.big{width:22px;height:22px}.stonelist{display:flex;flex-direction:column;gap:10px}.stonecard{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px}.stonetop{display:flex;gap:11px;align-items:center}.stoneicon{width:54px;height:54px;border-radius:12px;flex:none;box-shadow:inset 0 -8px 16px #00000080}.stoneicon.sm{width:38px;height:38px}.stonename{font-size:15px;font-weight:800}.stoneblurb{font-size:11px;color:var(--muted)}.stoneodds{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0}.oddchip{font-size:10px;font-weight:800;border:1px solid;border-radius:999px;padding:1px 7px}.summonbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:#2a1f52;border:1px solid;color:var(--ink);border-radius:10px;padding:11px;font-weight:800;cursor:pointer}.summonbtn:disabled{opacity:.45}.revealwrap{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#08060ed1;backdrop-filter:blur(4px)}.reveal{width:260px;text-align:center;background:linear-gradient(var(--bg2),var(--panel));border:2px solid;border-radius:18px;padding:20px;animation:pop .35s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.revealrar{font-size:13px;font-weight:900;letter-spacing:2px;margin-bottom:8px}.revealport{position:relative;width:150px;height:170px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;overflow:hidden}.revealport .initial{font-size:54px;font-weight:800;color:#ffffffeb}.revealname{font-size:20px;font-weight:900}.revealtitle{font-size:12px;color:var(--muted);margin-bottom:14px}.shopsec{font-size:15px;font-weight:800;margin-top:6px}.secnote{font-size:11px;font-weight:600;color:var(--muted);margin-left:8px}.packrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px}.pack{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:var(--ink)}.pack:disabled{opacity:.45}.packamt{font-size:14px;font-weight:800}.packusd{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:3px}.soonnote{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}.arenahdr{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:14px 16px}.arenarank{font-size:22px;font-weight:900}.arenapts{font-size:13px;color:var(--muted)}.ranklist{display:flex;flex-direction:column;gap:5px}.rankrow{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.rankrow.on{border-width:2px}.rankname{font-size:14px;font-weight:800;width:100px}.rankmin{font-size:12px;color:var(--muted);width:56px}.rankrew{font-size:11px;color:#8ff0a6;margin-left:auto}.arenatabs{display:flex;gap:8px;margin:2px 0 4px}.arenatab{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:9px;font-size:13px;font-weight:800;cursor:pointer}.arenatab.on{background:linear-gradient(#7a5cf0,#5a47a0);color:#fff;border-color:transparent}.lblist{display:flex;flex-direction:column;gap:5px}.lbrow{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.lbrow.me{border-width:2px;background:linear-gradient(180deg,#221a44,#16112c)}.lbpos{font-size:16px;font-weight:900;width:26px;text-align:center;color:#cfc8e8;flex:none}.lbinfo{flex:1;min-width:0}.lbname{font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px}.lbyou{font-size:9px;font-weight:800;color:#0c0a14;background:#ffcf4a;border-radius:5px;padding:1px 5px;letter-spacing:.4px}.lbrank{font-size:11px;margin-top:1px}.lbpts{font-size:15px;font-weight:900;color:#ffd68a;flex:none}.fusionopen{margin-left:auto;background:#2a1f52;border:1px solid #5a47a0;color:#ffd68a;border-radius:9px;padding:6px 12px;font-weight:800;cursor:pointer}.fusionsub{font-size:12px;color:var(--muted);margin-bottom:8px}.fusionrow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-left-width:3px;border-radius:10px;padding:8px;margin-bottom:8px}.fusionport{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#fff;flex:none}.fusioninfo{flex:1;min-width:0}.fusionname{font-size:14px;font-weight:800}.fusiontitle{font-size:11px;color:var(--muted);font-weight:600}.fusionreq{font-size:10px;color:var(--muted)}.fusebtn{background:#2a1f52;border:1px solid #5a47a0;color:#ffd68a;border-radius:9px;padding:8px 12px;font-weight:800;cursor:pointer}.fusebtn:disabled{opacity:.4}.xpbar{position:relative;height:16px;background:#000;border:1px solid #000;border-radius:6px;overflow:hidden;margin-bottom:8px}.xpfill{height:100%;background:linear-gradient(#7a5cf0,#5a47a0);transition:width .3s}.xptxt{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}.powrow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.powbtn{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}.powbtn:disabled{opacity:.4}.mintbtn{width:100%;background:linear-gradient(#19fb9b22,#8a5cf622);border:1px solid #5a47a0;color:#cfe;border-radius:10px;padding:10px;font-weight:800;cursor:pointer;margin-bottom:10px}.mintbtn.done{opacity:.7}.farmbar{background:#22163a;border:1px solid #5a47a0;border-radius:9px;padding:7px 12px;font-size:12px;font-weight:700;color:#ffd68a;text-align:center}.app{height:100%;max-width:860px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto}.apptop{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.walletpill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffd68a;background:#2a1f52;border:1px solid #5a47a0;border-radius:999px;padding:7px 14px;cursor:pointer}.appbody{overflow:hidden;position:relative}.appnav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#140f26}.basewrap{position:absolute;inset:0;overflow:hidden}.basecanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.baselabels{position:absolute;inset:0;pointer-events:none}.blabel{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;background:#100b1ed1;border:1px solid #5a47a0;color:#ffe6b0;font-size:12px;font-weight:800;letter-spacing:.3px;padding:4px 10px;border-radius:999px;white-space:nowrap;transition:opacity .2s,transform .05s;box-shadow:0 2px 10px #0006}.blabel:active{transform:translate(-50%,-50%) scale(.94)!important}.basehint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);pointer-events:none}.soon{flex:1;display:grid;place-items:center;color:var(--muted);font-size:14px}.appnav button{background:none;border:none;color:var(--muted);font-size:11px;font-weight:700;padding:8px 0 calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.appnav button span{font-size:19px}.appnav button.on{color:#ffd68a}.screen{height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:10px}.screenbar{display:flex;align-items:center;gap:10px}.htitle{font-size:20px;font-weight:800}.htitle .count{font-size:12px;font-weight:700;color:var(--muted);margin-left:6px}.back{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:6px 11px;font-weight:700;cursor:pointer}.board{flex:1;display:grid;grid-template-rows:1fr auto 1fr;gap:8px;min-height:0}.filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fchip{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}.fchip.on{background:#33285a;border-color:#5a47a0}.fchip .dot{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;color:#0b0a12;font-weight:800}.fsep{width:1px;height:18px;background:var(--line);margin:0 2px}.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px}.hcard{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:6px 5px}.hportrait{position:relative;width:100%;aspect-ratio:1;border-radius:9px;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 -12px 20px #00000080}.hportrait .initial{font-size:24px;font-weight:800;color:#ffffffeb;text-shadow:0 2px 6px rgba(0,0,0,.6)}.hname{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hsub{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.difftabs{display:flex;gap:6px;flex-wrap:wrap}.difftab{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer}.diffnote{font-size:12px;color:var(--muted)}.mapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mapcard{text-align:left;background:var(--panel);border:2px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;padding:0 0 9px}.maptop{height:72px;position:relative;display:flex;align-items:flex-end}.mapnum{position:absolute;top:6px;left:9px;font-size:22px;font-weight:900;color:#ffffffd9;text-shadow:0 2px 6px rgba(0,0,0,.6)}.mapcard.locked{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.difftab.locked{opacity:.4;cursor:not-allowed;display:inline-flex;align-items:center;gap:3px}.difftab{display:inline-flex;align-items:center;gap:3px}.mapclear{position:absolute;top:6px;right:8px;color:#6ee787;background:#0c2a16;border:1px solid #2f7d44;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.maplock{position:absolute;inset:0;display:grid;place-items:center;color:#cfc8e8;background:#08060e59}.mapname{font-size:13px;font-weight:800;padding:7px 10px 0;color:var(--ink)}.mapmeta{font-size:10px;color:var(--muted);padding:2px 10px 0;text-transform:capitalize}.stagepips{display:flex;align-items:center;gap:5px}.pip{width:12px;height:8px;border-radius:3px;background:var(--line)}.pip.done{background:#37b24d}.pip.now{background:#ffd43b}.pip.boss{border:1px solid #ff5470}.stagelbl{margin-left:8px;font-size:12px;font-weight:800;color:var(--muted)}.stageflash{position:absolute;top:44%;left:0;right:0;text-align:center;font-size:26px;font-weight:900;color:#ffd43b;text-shadow:0 2px 12px rgba(0,0,0,.7);pointer-events:none;animation:rise .9s ease-out}.reward{font-size:15px;font-weight:800;color:#6ee787}.detailwrap{position:fixed;inset:0;z-index:30;background:#08060eb8;backdrop-filter:blur(4px);display:grid;place-items:center;padding:10px}.detail{position:relative;width:100%;max-width:420px;max-height:94vh;overflow-y:auto;background:linear-gradient(var(--bg2),var(--bg));border:1px solid var(--line);border-radius:18px;padding:14px}.detailclose{position:absolute;top:10px;right:10px;z-index:2;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:9px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.detailhead{display:flex;gap:12px}.dportrait{position:relative;width:130px;height:150px;flex:none;border-radius:14px;border:2px solid var(--line);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 -18px 30px #00000080}.dportrait .initial{font-size:48px;font-weight:800;color:#ffffffeb;text-shadow:0 2px 8px rgba(0,0,0,.6)}.dportrait .modeltag{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.5px;color:#ffffffa6;text-transform:uppercase}.dmeta{flex:1;min-width:0}.dname{font-size:22px;font-weight:900}.dlvl{font-size:11px;font-weight:800;color:#ffd68a;background:#2a1f52;border:1px solid #5a47a0;border-radius:6px;padding:1px 6px;vertical-align:middle}.dtitle{font-size:13px;color:var(--muted);margin-bottom:6px}.dtags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.dtag{font-size:10px;font-weight:800;text-transform:capitalize;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.statgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 10px}.statcell{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #ffffff10;padding:1px 0}.statlbl{color:var(--muted);font-weight:700}.statval{font-weight:800}.statval.up{color:#6ee787}.eqrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.eqslot{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px;display:flex;flex-direction:column;align-items:center;gap:3px}.eqicon{color:#cdbfff}.eqlbl{font-size:11px;font-weight:800}.eqempty{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.treehdr{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:800;padding:4px 2px}.treepts{font-size:12px;font-weight:800;color:#ffd68a}.treescroll{overflow-x:auto;display:flex;justify-content:center;background:#100b1e;border:1px solid var(--line);border-radius:12px;padding:6px 0}.treecanvas{position:relative;flex:none}.tree{display:block;position:absolute;inset:0;pointer-events:none}.tnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tnode:disabled{cursor:default}.tnode:active:not(:disabled) .tdot{transform:scale(.9)}.tdot{display:block;border-radius:50%;border:2px solid;box-shadow:0 2px 6px #00000080;transition:transform .1s}.tnode.buyable .tdot{box-shadow:0 0 10px currentColor}.tlabel2{font-size:8px;font-weight:700;color:#cfc8e8;text-align:center;max-width:64px;line-height:1.1;pointer-events:none}.stage{height:100%;max-width:820px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto 1fr;gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:2px;font-size:18px}.brand span{color:#ffb23e}.sub{color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.controls{margin-left:auto;display:flex;gap:6px}.controls button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.controls .spd.on{background:#33285a;border-color:#5a47a0}.controls .replay{background:#2a1f52;border-color:#5a47a0}.controls button:active{transform:translateY(1px)}.team{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:center}.enemies{align-items:start}.allies{align-items:end}.card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.card.dead{opacity:.4;filter:grayscale(.8)}.card .portrait{position:relative;width:100%;aspect-ratio:1;border-radius:16px;border:2px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 -18px 30px #00000080;transition:box-shadow .15s,transform .15s}.enemies .card .portrait{border-color:#5a2740}.allies .card .portrait{border-color:#27406a}.card.acting .portrait{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 3px #ffb23e,0 8px 22px #ffb23e59,inset 0 -18px 30px #00000080}.portrait .initial{font-size:30px;font-weight:800;color:#ffffffeb;text-shadow:0 2px 8px rgba(0,0,0,.6)}.portrait .aff{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#0b0a12;border:1px solid rgba(255,255,255,.5)}.portrait .role{position:absolute;top:4px;right:5px;color:#ffffffe6;filter:drop-shadow(0 1px 2px #000);display:grid}.portrait .skull{position:absolute;font-size:34px;color:#fff}.portrait .shieldring{position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 3px #78c8ffe6;animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hpbar{width:100%;height:7px;border-radius:5px;background:#000;overflow:hidden;border:1px solid #000}.hpfill{height:100%;background:linear-gradient(#6ee787,#37b24d);transition:width .28s ease}.hpfill.low{background:linear-gradient(#ff8f8f,#e03131)}.statuses{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-height:14px}.chip{font-size:8px;font-weight:800;padding:1px 3px;border-radius:4px;letter-spacing:.3px}.chip.buff{background:#16351f;color:#8ff0a6;border:1px solid #2f7d44}.chip.debuff{background:#39131c;color:#ff9db0;border:1px solid #8f3350}.floats{position:absolute;top:-4px;left:0;right:0;height:0;display:flex;justify-content:center;z-index:5;pointer-events:none}.float{position:absolute;font-weight:800;font-size:15px;animation:rise .9s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap}.float.dmg{color:#fff}.float.crit{color:#ffd43b;font-size:20px}.float.weak{color:#adb5bd;font-size:13px}.float.heal{color:#69db7c}.float.psn{color:#b197fc}.float.burn{color:#ff922b}@keyframes rise{0%{transform:translateY(6px);opacity:0}20%{opacity:1}to{transform:translateY(-34px);opacity:0}}.logstrip{background:linear-gradient(var(--bg2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}.logline{font-size:12px;color:var(--muted)}.logline.head{color:var(--ink);font-weight:700;font-size:14px}.muted{color:var(--muted);font-size:12px}.verdict{position:fixed;inset:0;display:grid;place-content:center;gap:16px;text-align:center;background:radial-gradient(60% 50% at 50% 50%,#0a081299,#0a0812e6);backdrop-filter:blur(3px);z-index:20}.verdict .vtxt{font-size:52px;font-weight:900;letter-spacing:4px}.verdict.ally .vtxt{color:#ffd43b;text-shadow:0 0 30px rgba(255,212,59,.5)}.verdict.enemy .vtxt{color:#ff6b81;text-shadow:0 0 30px rgba(255,107,129,.5)}.replay.big{background:#2a1f52;color:var(--ink);border:1px solid #5a47a0;border-radius:12px;padding:14px 26px;font-size:16px;font-weight:800;cursor:pointer}