:root{--bg:#12151b;--panel:#1b1f27;--panel2:#232934;--panel3:#2b3240;--line:#353d4c;--line-hi:#4a5366;--fg:#ebe5d6;--muted:#9c9888;--brass:#d4a64a;--brass-hi:#f0c66a;--brass-d:#8a6a2a;--blood:#c4483c;--life:#5aa65a;--mana:#5b8ad6;--energy:#6fb7e8;--steel:#dfe6ef;--f-display:"Pirata One", "Cinzel", Georgia, serif;--f-body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--metal:linear-gradient(180deg, #232934 0%, #1b1f27 100%);--nav-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--fg)}body{font-family:var(--f-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:0 calc(32px + env(safe-area-inset-bottom,0px));background-image:radial-gradient(at 50% -20%,#2c2416 0%,#0000 60%),repeating-linear-gradient(45deg,#ffffff03 0 2px,#0000 2px 6px);background-attachment:fixed;margin:0;font-size:15px;line-height:1.4}.num{font-variant-numeric:tabular-nums}h2{font-family:var(--f-display);color:var(--brass);align-items:center;gap:10px;margin:8px 0 0;font-size:22px;font-weight:400;display:flex}h2:after{content:"";background:linear-gradient(90deg, var(--brass-d), transparent);flex:1;height:1px}header{z-index:10;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--brass-d);margin:0 calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding:calc(10px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-left,0px)) 10px;position:sticky;top:0;box-shadow:0 1px #d4a64a26,0 6px 18px #00000059}.hrow{flex-wrap:wrap;align-items:center;gap:18px;max-width:1180px;margin:0 auto;display:flex}h1{font-family:var(--f-display);letter-spacing:.5px;text-wrap:balance;background:linear-gradient(180deg, var(--brass-hi), var(--brass) 55%, var(--brass-d));color:#0000;filter:drop-shadow(0 1px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:400}.res{flex-wrap:wrap;gap:16px;margin-left:auto;display:flex}.res div{flex-direction:column;align-items:flex-end;display:flex}.res small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.res b{font-size:18px}.res .g b{color:var(--brass)}.res .gm b{color:var(--mana)}.res .cr b{color:#e6c97a}main{grid-template-columns:1.15fr 1fr;align-items:start;gap:18px;max-width:1180px;margin:18px auto 0;display:grid}section{background:var(--metal);border:1px solid var(--line);border-radius:6px;min-width:0;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0000004d}.offline{background:var(--panel2);border:1px solid var(--brass-d);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:14px auto 0;padding:12px 16px;display:flex}button{font-family:var(--f-body);cursor:pointer;border:1px solid var(--brass-d);background:linear-gradient(180deg, var(--panel3), var(--panel2));color:var(--fg);border-radius:4px;padding:9px 14px;font-size:14px;font-weight:700}button:hover:not(:disabled){border-color:var(--brass)}button:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:linear-gradient(180deg, var(--brass-hi), var(--brass));color:#1a1408;border-color:var(--brass)}.primary:hover:not(:disabled){background:linear-gradient(#f6d384,#e3b65a)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.toggle input{accent-color:var(--brass);width:16px;height:16px}.toggle:has(input:disabled){opacity:.45;cursor:not-allowed}.arena-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;display:flex}.region{font-family:var(--f-display);color:var(--fg);font-size:22px}.stage{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.field{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px;display:grid}.vs{font-family:var(--f-display);color:var(--brass-d);font-size:30px}.team,.foes{flex-direction:column;gap:8px;min-width:0;display:flex}.unit,.foe{background:var(--panel2);border:1px solid var(--line);border-radius:4px;transition:transform .12s,opacity .3s,border-color .2s;position:relative}.unit{grid-template-columns:36px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid}.unit.dead,.foe.dead{opacity:.3}.unit.hit{border-color:var(--blood);transform:translate(-4px)}.unit.ready .crest{box-shadow:0 0 0 2px var(--energy), 0 0 10px var(--energy)}.unit.cast{animation:.5s ease-out cast}@keyframes cast{0%{box-shadow:0 0 #f0c66ae6}to{box-shadow:0 0 0 12px #f0c66a00}}.crest{width:36px;height:40px;font-family:var(--f-display);color:#13161c;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);place-items:center;font-size:21px;transition:box-shadow .2s;display:grid}.uname{white-space:nowrap;justify-content:space-between;gap:6px;font-size:13px;font-weight:700;display:flex}.uname span{color:var(--muted);text-overflow:ellipsis;font-weight:500;overflow:hidden}.stars{color:var(--brass);letter-spacing:1px;font-style:normal}.bar{background:#0b0d11;border-radius:2px;height:7px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.bar i{background:var(--life);height:100%;transition:width .2s;display:block}.bar.hp .fill{position:absolute;inset:0 auto 0 0}.bar.hp .shield{background:var(--steel);height:3px;box-shadow:0 0 4px var(--steel);position:absolute;top:0;left:0}.bar.en{height:4px;margin-top:3px}.bar.en i{background:linear-gradient(90deg, #3f7fb8, var(--energy))}.foe{grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.foe.hit{border-color:var(--brass);transform:translate(4px)}.foe.boss{border-color:var(--blood);box-shadow:0 0 0 1px var(--blood) inset, 0 0 18px #c4483c40}.foe .sig{width:44px;height:44px;font-family:var(--f-display);color:var(--blood);border:2px solid var(--blood);background:radial-gradient(circle at 35% 30%,#4a2420,#2a1412);border-radius:50%;place-items:center;font-size:24px;display:grid}.foe.boss .sig{border-color:#e0604f;width:56px;height:56px;font-size:30px}.foes[data-count="1"] .foe{text-align:center;grid-template-columns:1fr;padding:14px}.foes[data-count="1"] .foe .sig{width:64px;height:64px;margin:0 auto;font-size:34px}.foe .fname{font-family:var(--f-display);font-size:18px;line-height:1.1}.foe .bar{height:9px}.foe .bar i{background:linear-gradient(90deg, #8f2f27, var(--blood))}.foe .fstat{color:var(--muted);margin-top:3px;font-size:11.5px}.foe .stun{color:var(--energy);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:11px;font-weight:700;display:inline-block}.float{z-index:3;pointer-events:none;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px #000;transform:translate(calc(-50% + var(--dx,0px)), 0);font-size:14px;font-weight:800;animation:.9s ease-out forwards floatUp;position:absolute;top:4px;left:50%}.float.dmg{color:#ff8a7a}.float.crit{color:#ffd166;font-size:18px}.float.heal{color:#8fe38f}.float.shield{color:var(--steel);font-size:12px}.float.status{color:var(--energy);font-size:12px}@keyframes floatUp{0%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), 6px)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), -30px)}}@keyframes fadeOnly{0%,70%{opacity:1}to{opacity:0}}.controls{flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px 0;display:flex}.speed{min-width:46px;color:var(--brass);font-variant-numeric:tabular-nums;background:#141922b3;margin-left:-6px}.unit:not(.fig).atk{transform:translate(6px)}.foe:not(.fig).atk{transform:translate(-6px)}.formations{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;display:flex}.formations-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px;font-size:12px}.formations button{font-variant-numeric:tabular-nums;min-width:74px;padding:6px 12px}.formations button[aria-pressed=true]{background:linear-gradient(180deg, var(--brass-hi), var(--brass));color:#1a1408;border-color:var(--brass)}.arena.scene-mode:has(.team.stage) .formations{flex:none}.log{border-top:1px solid var(--line);height:150px;color:var(--muted);flex-direction:column-reverse;gap:2px;padding:10px 16px;font-size:13px;display:flex;overflow-y:auto}.log .w{color:var(--life)}.log .l{color:var(--blood)}.log .c{color:var(--brass)}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs button{color:var(--muted);font-family:var(--f-display);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:12px 4px;font-size:18px;font-weight:400;position:relative}.tabs button[aria-selected=true]{color:var(--brass);border-bottom-color:var(--brass);background:linear-gradient(#0000,#d4a64a14)}.badge{background:var(--blood);color:#fff;min-width:18px;height:18px;font:700 11px var(--f-body);vertical-align:top;border-radius:9px;place-items:center;margin-left:4px;padding:0 5px;display:inline-grid}.tabbody{flex-direction:column;gap:10px;max-height:calc(100vh - 150px);padding:14px;display:flex;overflow-y:auto}.card{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--rar,var(--line));border-radius:4px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.card .crest{align-self:start;width:44px;height:48px;font-size:26px}.card h3{margin:0;font-size:15px}.card h3 .lvl{color:var(--muted);font-weight:500}.card p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.card .actions{flex-direction:column;gap:6px;display:flex}.card button{min-width:108px;padding:8px 10px;font-size:13px;line-height:1.2}.card button small{color:inherit;opacity:.85;font-size:11.5px;font-weight:500;display:block}.card.locked .crest{filter:grayscale();opacity:.6}.card.locked h3{color:var(--muted)}.card.picked{border-color:var(--brass-d);background:linear-gradient(90deg, #d4a64a12, var(--panel2) 40%)}.rar{text-transform:uppercase;letter-spacing:.06em;color:var(--rar);font-size:11px;font-weight:700}.card p.stars{color:var(--brass);letter-spacing:2px;font-size:13px}.card p.ability b{color:var(--fg)}.card p.passive{font-style:italic}.card p.where{opacity:.8;font-size:11.5px}.frag{align-items:center;gap:8px;margin-top:4px;display:flex}.frag .bar{flex:1;height:6px;margin:0}.frag .bar i{background:linear-gradient(90deg,#6a4fb0,#a37be0)}.frag small{color:var(--muted);white-space:nowrap;font-size:11.5px}.note{color:var(--muted);margin:0;font-size:13px}.big{font-family:var(--f-display);color:#e6c97a;font-size:26px}.confirm{flex-wrap:wrap;gap:8px;display:flex}.formation{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:8px;padding-top:18px;display:grid;position:relative}.formation .foes-side{color:var(--blood);letter-spacing:.06em;font-size:11px;position:absolute;top:0;right:0}.formation .fcol{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.formation .frow-name{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;font-size:11px}.formation .slot{background:var(--panel2);border:1px solid var(--brass-d);min-width:0;color:var(--fg);border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:700;display:flex;position:relative}.formation .slot em{color:var(--brass);font-size:10px;font-style:normal;position:absolute;top:3px;right:5px}.formation .slot.picked{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass) inset;background:#d4a64a24}.formation.single .fcol{flex-flow:wrap}.formation.single .frow-name{flex-basis:100%}.formation.single .slot{flex:1 1 0}.tab-formations{border-top:0;padding:0 0 4px}.formation .slot span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.formation .slot.empty{border-style:dashed;border-color:var(--line);color:var(--muted);justify-content:center;min-height:72px;font-weight:500}.pick{align-items:center;gap:10px;font-weight:700;display:flex}select{font:700 15px var(--f-body);color:var(--fg);background:var(--panel3);border:1px solid var(--brass-d);border-radius:4px;flex:1;min-height:40px;padding:8px 10px}.inv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.inv-head h2{flex:1}.inv-head h2 span{font:500 14px var(--f-body);color:var(--muted)}.card.item.other{opacity:.6}.item-ico{border:2px solid var(--rar,var(--line));background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rar,#333) 28%, #1a1f2b), #11151e 75%);width:52px;height:52px;box-shadow:0 0 10px color-mix(in srgb, var(--rar,transparent) 35%, transparent) inset;border-radius:6px;flex:none;align-self:start;place-items:center;display:grid}.item-ico img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:44px;height:44px}.card.item[style*="var(--line)"] .item-ico img{opacity:.28;filter:grayscale()}.card.item{grid-template-columns:52px 1fr auto}@media (width<=520px){.card.item{grid-template-columns:46px 1fr}.item-ico{width:46px;height:46px}.item-ico img{width:38px;height:38px}}.delta{font-size:12px}.up{color:var(--life)}.down{color:var(--blood)}.quest-ico{width:44px;height:44px;color:var(--brass);border:1px solid var(--brass-d);background:radial-gradient(circle, #2c2618, var(--panel2));border-radius:50%;place-items:center;font-size:22px;display:grid}.card.quest.done{opacity:.55}.claimed{color:var(--life);text-align:center;font-size:12px;font-weight:700}.bottomnav{display:none}@media (width<=820px){main{grid-template-columns:1fr}main[data-view=battle] .panel,main[data-view=panel] .arena,.tabs{display:none}.tabbody{max-height:none;overflow:visible}body{padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom,0px))}.bottomnav{z-index:10;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-top:1px solid var(--brass-d);background:linear-gradient(#1f242e,#15181e);grid-template-columns:repeat(7,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0006}.bottomnav button{min-height:var(--nav-h);color:var(--muted);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:11px;font-weight:700;display:flex;position:relative}.bottomnav svg{fill:currentColor;width:24px;height:24px}.bottomnav button[aria-selected=true]{color:var(--brass);background:linear-gradient(#0000,#d4a64a1f)}.bottomnav .badge{margin:0;position:absolute;top:6px;left:calc(50% + 6px)}}@media (width<=520px){.field{grid-template-columns:1fr}.vs{display:none}.history li{grid-template-columns:1fr auto}}.vip-badge{background:var(--brass);color:#13161c;font:800 10px var(--f-body);letter-spacing:.5px;vertical-align:1px;border-radius:3px;margin-left:4px;padding:0 5px;display:inline-block}.vip-card{border-left-color:var(--brass)}.tag{color:var(--energy);font:700 11px var(--f-body);vertical-align:1px;background:#5b8ad62e;border-radius:3px;margin-left:4px;padding:0 6px;display:inline-block}.pix{background:var(--panel2);border:1px solid var(--brass-d);border-radius:4px;justify-items:start;gap:10px;margin-bottom:4px;padding:12px;display:grid}.pix h3{margin:0;font-size:15px}.pix.done{border-color:var(--life)}.pix .qr{aspect-ratio:1;background:#fff;border-radius:4px;width:220px;max-width:100%;height:auto;padding:6px}.pix textarea{box-sizing:border-box;resize:none;word-break:break-all;background:var(--bg,#13161c);width:100%;color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:6px;font:12px ui-monospace,Consolas,monospace}.pix .field-row{width:100%}.pix-actions{flex-wrap:wrap;gap:8px;display:flex}.history{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.history li{background:var(--panel2);border-radius:4px;grid-template-columns:auto 1fr auto auto;gap:8px;padding:6px 8px;display:grid}.history li span:last-child{color:var(--muted)}@media (pointer:coarse){button,.toggle{min-height:44px}.toggle input{width:20px;height:20px}}@media (width<=440px){h1{font-size:25px}.res{justify-content:space-between;gap:12px;width:100%;margin-left:0}.res div{align-items:flex-start}.card{grid-template-columns:40px 1fr}.card .crest{width:40px;height:44px;font-size:22px}.card .actions{flex-direction:row;grid-column:1/-1}.card .actions button{flex:1}.formation .slot span{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.unit.hit,.foe.hit{transform:none}.unit.cast{border-color:var(--brass-hi);animation:none}.float{transform:translate(calc(-50% + var(--dx,0px)), -8px);animation:.9s linear forwards fadeOnly}}.conn{border:1px solid var(--blood);color:#ffd9d3;background:#3a1d1a;border-radius:6px;max-width:1180px;margin:14px auto 0;padding:10px 16px;font-size:14px}.gate{z-index:50;background:radial-gradient(at 50% 0,#2c2416 0%,#0a0c10f7 60%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.gate-box{background:var(--metal);border:1px solid var(--brass-d);border-radius:8px;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px;display:flex;box-shadow:0 20px 60px #0009}.gate-box h2{justify-content:center;font-size:30px}.gate-box h2:after{display:none}.gate-box h3{font-family:var(--f-display);color:var(--fg);margin:4px 0 0;font-size:22px;font-weight:400}.gate-box form{flex-direction:column;gap:10px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--brass);border-radius:50%;width:36px;height:36px;margin:6px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field-row{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.field-row input{font:500 16px var(--f-body);color:var(--fg);background:var(--panel3);border:1px solid var(--line-hi);border-radius:4px;width:100%;min-height:44px;padding:10px 12px}.field-row input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.form-err{color:#ff8a7a;min-height:1.2em;margin:0;font-size:13px}.form-err:empty{min-height:0}button.link{color:var(--brass);background:0 0;border:0;font-weight:500;text-decoration:underline}.account-form{background:var(--panel2);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:10px;padding:12px;display:flex}.board-tabs{gap:6px;display:flex}.board-tabs button{flex:1}.board-tabs button[aria-pressed=true]{background:linear-gradient(180deg, var(--brass-hi), var(--brass));color:#1a1408;border-color:var(--brass)}.rank-list{flex-direction:column;gap:4px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rank-list li{background:var(--panel2);border:1px solid var(--line);border-radius:4px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:grid}.rank-list li:first-child .pos{color:#f0c66a}.rank-list li:nth-child(2) .pos{color:#d0d6de}.rank-list li:nth-child(3) .pos{color:#d39466}.rank-list li.mine{border-color:var(--brass);background:linear-gradient(90deg, #d4a64a1f, var(--panel2) 60%)}.rank-list .pos{font-family:var(--f-display);color:var(--muted);text-align:center;font-size:18px}.rank-list .nick{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank-list .val{color:var(--muted);white-space:nowrap}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.tabbody a{color:var(--brass-hi)}.gate-msg{color:var(--fg);border:1px solid var(--brass-d);background:#d4a64a1a;border-radius:6px;padding:8px 10px}.dev-link{border:1px dashed var(--brass);color:var(--brass-hi);word-break:break-word;border-radius:6px;padding:8px 10px;font-size:14px;display:block}.gate-box.wide{width:min(640px,100%)}.starters{border:0;gap:10px;margin:0;padding:0;display:grid}.starter{cursor:pointer;background:var(--panel2);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.starter:hover{border-color:var(--line-hi)}.starter input{opacity:0;pointer-events:none;position:absolute}.starter:has(input:checked){border-color:var(--brass);box-shadow:0 0 0 1px var(--brass), 0 0 18px #d4a64a2e}.starter:has(input:focus-visible){outline:2px solid var(--brass-hi);outline-offset:2px}.starter .crest{flex:none}.starter-info{flex-direction:column;gap:2px;min-width:0;display:flex}.starter-name{font-family:var(--f-display);color:var(--brass);font-size:22px;font-weight:400}.starter-cls{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.starter-text{font-size:15px}.starter-stats{color:var(--muted);font-size:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.starter .crest{width:52px;height:58px;font-size:30px}.off-txt{flex:280px;min-width:0}.off-txt h3{font-family:var(--f-display);color:var(--brass);margin:0 0 4px;font-size:22px;font-weight:400}.off-txt p{margin:0 0 6px}.off-txt ul{margin:0;padding-left:18px}.off-txt li{margin:2px 0}.off-txt li::marker{color:var(--brass)}.arena{isolation:isolate;position:relative;overflow:hidden}.arena.has-scene:before{content:"";z-index:-2;background:var(--scene) var(--scene-focus,50% 50%) / cover no-repeat;position:absolute;inset:0}.arena.has-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0c0f16b8 0,#0c0f1633 16%,#0c0f161a 60%,#0c0f16d1 84%,#0c0f16f2 100%);position:absolute;inset:0}.arena.scene-in:before{animation:.7s ease-out scene-in}@keyframes scene-in{0%{opacity:0}to{opacity:1}}.arena.has-scene .unit,.arena.has-scene .foe{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141922bd;border-color:#ffffff1f}.arena.has-scene .arena-head,.arena.has-scene .log{border-color:#ffffff14}.arena.has-scene .region,.arena.has-scene .stage,.arena.has-scene .vs{text-shadow:0 2px 6px #000}.arena.has-scene .toggle{color:#cfc8b8;text-shadow:0 1px 4px #000}@media (prefers-reduced-motion:reduce){.arena.scene-in:before{animation:none}}.crest.has-art{position:relative;overflow:hidden}.crest.has-art img{object-fit:cover;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.starter-fig{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 10px #0009);flex:none;width:96px;height:150px}.card.locked .crest.has-art img{filter:grayscale()brightness(.75)}.field:has(>.team.stage){grid-template-columns:1.45fr auto .85fr;align-items:end;padding-bottom:0}.team.stage{min-width:0;height:312px;margin-bottom:-14px;position:relative}.arena .team.stage .unit{left:var(--x);z-index:2;transform:translateX(-50%) translate(var(--mx,0px), var(--my,0px));transition:transform var(--move-ms,0s) ease-in-out, opacity .3s;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;align-items:center;width:max-content;padding:0;display:flex;position:absolute;bottom:0}.arena .team.stage .unit.back{z-index:1}.arena .team.stage .unit.hit{transform:translateX(-50%) translate(var(--mx,0px), var(--my,0px));border-color:#0000}.arena .team.stage .unit.moving,.arena .foes.stage .foe.fig.moving{z-index:6}.arena .team.stage .unit.cast{animation:none}.fig-label{background:#080a0fbf;border:1px solid #ffffff24;border-radius:3px;min-width:56px;max-width:120px;margin-bottom:4px;padding:2px}.fig-label .bar{height:5px;margin-top:0}.fig-label .bar.en{height:3px;margin-top:2px}.fig-img{height:calc(184px * var(--dk,1));filter:drop-shadow(0 10px 10px #000000a6);width:auto;max-width:none;transition:filter .2s;display:block}.fig-banner{flex-direction:column;align-items:center;height:148px;display:flex}.fig-banner .crest{flex:none;width:48px;height:54px;font-size:26px}.fig-banner:after{content:"";background:linear-gradient(#8a6a2a,#3a2a10);border-radius:2px;flex:1;width:5px}.unit.fig.hit .fig-img,.unit.fig.hit .fig-banner{animation:.2s ease-out fig-hit}.unit.fig.hit .fig-img{filter:drop-shadow(0 0 10px #c4483cf2)brightness(1.15)}.unit.fig.atk .fig-img,.unit.fig.atk .fig-banner{animation:.26s ease-out fig-atk}.unit.fig.ready .fig-img{filter:drop-shadow(0 0 10px var(--energy)) drop-shadow(0 10px 10px #000000a6)}.unit.fig.cast .fig-img{filter:drop-shadow(0 0 16px #f0c66af2)brightness(1.1)}.unit.fig.deep{--dk:.88}.unit.fig.dead{opacity:.35}.unit.fig.dead .fig-img,.unit.fig.dead .fig-banner{filter:grayscale()}@keyframes fig-hit{30%{transform:translate(-7px)}65%{transform:translate(4px)}}@keyframes fig-atk{50%{transform:translate(16px)}}@media (width<=520px){.field:has(>.team.stage){grid-template-columns:1fr}.team.stage{height:262px;margin-bottom:-8px}.fig-img{height:calc(142px * var(--dk,1))}.fig-banner{height:116px}.fig-banner .crest{width:40px;height:46px;font-size:22px}.fig-label{min-width:50px}.fig .fname{font-size:10px}}@media (prefers-reduced-motion:reduce){.unit.fig .fig-img,.unit.fig .fig-banner{animation:none!important}}.foes.stage{--foe-h:150px;min-width:0;height:272px;margin-bottom:-14px;display:block;position:relative}.arena .foes.stage .foe.fig{left:var(--x);z-index:2;transform:translateX(-50%) translate(var(--mx,0px), var(--my,0px));transition:transform var(--move-ms,0s) ease-in-out, opacity .3s;text-align:center;width:max-content;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;bottom:0}.arena .foes.stage .foe.fig.back{z-index:1}.arena .foes.stage .foe.fig .fig-img{height:calc(var(--foe-h) * var(--s))}.arena .foes.stage .foe.fig.boss~.foe.fig.back .fig-img{height:calc(var(--foe-h) * var(--s) * .88)}.foe.fig .fig-label{min-width:64px}.fig .fname{white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:0 2px 2px;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.unit.fig .fname{color:#f3e7c4}.fig .fname .lvl{color:var(--brass);font-weight:700}.foe.fig.boss .fname{color:#ffb3a8}.foe.fig .fig-label .bar{height:5px}.foe.fig .stun{margin-top:2px;font-size:9.5px;display:block}.foe.fig .fig-banner .sig{flex:none;width:44px;height:44px;font-size:24px}.foe.fig.boss .fig-banner .sig{width:54px;height:54px;font-size:30px}.foe.fig.hit .fig-img,.foe.fig.hit .fig-banner{animation:.2s ease-out fig-hit}.foe.fig.hit .fig-img{filter:drop-shadow(0 0 10px #c4483cf2)brightness(1.15)}.foe.fig.atk .fig-img,.foe.fig.atk .fig-banner{animation:.26s ease-out foe-atk}.foe.fig.boss .fig-img{filter:drop-shadow(0 0 14px #c4483c73)drop-shadow(0 10px 10px #000000a6)}.arena .foes.stage .foe.fig.dead{opacity:.35}.foe.fig.dead .fig-img,.foe.fig.dead .fig-banner{filter:grayscale()}@keyframes foe-atk{50%{transform:translate(-16px)}}@media (width<=520px){.foes.stage{--foe-h:112px;height:244px;margin:0 0 -8px}}@media (prefers-reduced-motion:reduce){.foe.fig .fig-img,.foe.fig .fig-banner{animation:none!important}}.foe .sig.has-art{padding:0;overflow:hidden}.foe .sig.has-art img{object-fit:cover;object-position:50% 8%;transform-origin:50% 0;width:100%;height:100%;transform:scale(1.5)}.power-badge{letter-spacing:.02em;white-space:nowrap;color:#f3e7c4;border:1px solid var(--brass-d);background:#0a0c12c7;border-radius:999px;place-self:start center;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000073}.power-badge b{color:var(--brass-hi);font-size:13.5px}.power-badge.win{border-color:#4f9d55}.power-badge.win b{color:#8fe38f}.power-badge.close{border-color:#b8902e}.power-badge.close b{color:#ffd166}.power-badge.lose{border-color:var(--blood)}.power-badge.lose b{color:#ff8a7a}.team:not(.stage)>.power-badge,.foes:not(.stage)>.power-badge{margin:0 auto 2px}.team.stage>.power-badge,.foes.stage>.power-badge{z-index:7;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width>=821px){.hrow,main,.offline,.conn{max-width:1640px}main{grid-template-columns:minmax(0,1.7fr) minmax(360px,1fr)}.arena.scene-mode:has(.team.stage){flex-direction:column;display:flex;container-type:inline-size}.arena.scene-mode:has(.team.stage):before{filter:blur(10px)brightness(.4);transform:scale(1.08)}.arena.scene-mode:has(.team.stage):after{background:linear-gradient(#0c0f1680,#0c0f1633 30%,#0c0f1699)}.arena.scene-mode:has(.team.stage) .scene-wrap{height:max(240px, min(calc(100vh - 300px), calc((100cqw - 24px) / var(--aspect) + 12px)));place-items:center;padding:8px 12px 4px;display:grid;container-type:size}.arena.scene-mode:has(.team.stage) .scene-wrap .field{width:min(100cqw, calc(100cqh * var(--aspect)));height:min(calc(100cqw / var(--aspect)), 100cqh);background:var(--scene) 0 0 / 100% 100% no-repeat;border-radius:6px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000008c,0 0 0 1px #d4a64a47;container-type:size}.arena.scene-mode:has(.team.stage) .vs{display:none}.arena.scene-mode:has(.team.stage) .log{flex:none;height:auto;min-height:52px;max-height:104px}.arena.scene-mode .scene-wrap .team.stage{height:auto;top:0;left:calc(var(--hx0) * 1%);width:calc((var(--hx1) - var(--hx0)) * 1%);bottom:calc((100 - var(--hg)) * 1%);margin:0;position:absolute}.arena.scene-mode .scene-wrap .fig-img{height:calc(var(--fig) * 1cqh * var(--dk,1))}.arena.scene-mode .scene-wrap .fig-banner{height:calc(var(--fig) * .8cqh)}.arena.scene-mode .scene-wrap .fig-banner .crest{width:calc(var(--fig) * .24cqh);height:calc(var(--fig) * .27cqh);font-size:calc(var(--fig) * .14cqh)}.arena.scene-mode .scene-wrap .fig-label{min-width:max(44px, calc(var(--fig) * .3cqh));max-width:140px}.arena.scene-mode .scene-wrap .fig .fname{font-size:clamp(10px,2.4cqh,14px)}.arena.scene-mode .scene-wrap .field .foes.stage{height:auto;top:0;left:calc(var(--fx0) * 1%);width:calc((var(--fx1) - var(--fx0)) * 1%);bottom:calc((100 - var(--fg)) * 1%);--foe-h:calc(var(--fig) * 1cqh);margin:0;position:absolute}.arena.scene-mode .scene-wrap .stage>.power-badge{padding:.5cqh 1.6cqh;font-size:clamp(11px,2.6cqh,15px);top:3cqh}.arena.scene-mode .scene-wrap .stage>.power-badge b{font-size:clamp(12px,3cqh,17px)}.arena.scene-mode .scene-wrap .foe.fig .fig-label{min-width:max(56px, calc(var(--fig) * .32cqh))}.arena.scene-mode .scene-wrap .foe.fig .fig-banner .sig{width:calc(var(--fig) * .24cqh);height:calc(var(--fig) * .24cqh);font-size:calc(var(--fig) * .14cqh)}}.gate.daily{z-index:45;background:#080a0ed1}.daily-box h2{font-size:26px}.ldays{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.lday{text-align:center;border:1px solid var(--line);background:var(--panel2);border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-height:104px;padding:8px 4px 6px;display:flex;position:relative}.lday b{color:var(--muted);font-size:12px;font-weight:700}.lday small{color:var(--fg);font-size:11.5px;line-height:1.2}.lday em{color:var(--muted);margin-top:auto;font-size:11px;font-style:normal}.lday.big{border-color:var(--brass-d);background:linear-gradient(180deg, #3a3020, var(--panel2));grid-column:span 2}.lday.claimed{opacity:.55}.lday.claimed em{color:var(--life)}.lday.today{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass), 0 0 14px #d4a64a59}.lday.today em{color:var(--brass-hi);font-weight:700}.lday.next em{color:var(--brass)}.lico{font-size:22px;line-height:1.2}.lico-gold{color:var(--brass-hi)}.lico-gem{color:#7fd0f0}.lico-chest{color:#c9a06a}.lico-star{color:#f0b43c;font-size:26px}.lmile-top{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.lmile .bar{height:8px}.lmile .bar i{background:linear-gradient(90deg,#b5832a,#f0b43c)}.lchoice{border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:8px 10px;display:flex}.lchoice legend{color:var(--brass);padding:0 4px;font-size:13px}.lchoice label{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.lchoice input{accent-color:var(--brass)}.lsel{flex-wrap:wrap;align-items:center;gap:8px;width:100%;font-size:14px;display:flex}.lsel select{flex:1;min-width:0}.daily-actions{justify-content:flex-end;gap:8px;display:flex}.daily-card.ready{border-color:var(--brass)}@media (width>=640px){.ldays{grid-template-columns:repeat(7,minmax(0,1fr))}.lday.big{grid-column:auto}}.daily-card .bar i{background:linear-gradient(90deg,#b5832a,#f0b43c)}.tut{z-index:60;pointer-events:none;position:fixed;inset:0}.tut-spot{outline:2px solid var(--brass-hi);border-radius:8px;transition:top .2s,left .2s,width .2s,height .2s;animation:1.6s ease-in-out infinite tut-pulse;position:fixed;box-shadow:0 0 0 200vmax #05070a9e}.tut:not([data-mode=spot]) .tut-spot{display:none}.tut[data-mode=center]{pointer-events:auto;background:#05070a9e}.tut-bubble{pointer-events:auto;background:var(--metal);border:1px solid var(--brass);border-radius:8px;flex-direction:column;gap:8px;width:min(330px,100vw - 24px);padding:12px 14px;display:flex;position:fixed;box-shadow:0 12px 40px #000000a6}.tut[data-mode=wait] .tut-bubble{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));opacity:.96}.tut[data-mode=center] .tut-bubble{top:50%;left:50%;transform:translate(-50%,-50%)}.tut-head{align-items:center;gap:10px;display:flex}.tut-head b{font-family:var(--f-display);color:var(--brass);font-size:20px;font-weight:400}.tut-face{flex:none;width:46px;height:46px}.tut-text,.tut-ask{margin:0;font-size:14.5px;line-height:1.4}.tut-text b{color:var(--brass-hi)}.tut-actions{justify-content:flex-end;gap:8px;display:flex}.tut-skip{color:var(--muted);background:0 0;border-color:#0000;padding:4px 6px;font-weight:400;text-decoration:underline}@keyframes tut-pulse{50%{outline-color:#f0c66a59}}@media (prefers-reduced-motion:reduce){.tut-spot{transition:none;animation:none}}@media (width<=820px){.tut[data-mode=wait] .tut-bubble{bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom,0px))}}.sound-set{flex-direction:column;gap:10px;margin-top:6px;display:flex}.vol{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;font-size:14px;display:grid}.vol input{width:100%;accent-color:var(--brass);min-height:32px}.vol input:disabled{opacity:.4}.btimer{border:1px solid var(--line);color:var(--brass-hi);white-space:nowrap;background:#141922b3;border-radius:4px;align-self:center;padding:6px 10px;font-size:14px;font-weight:700}