:root{--bg:#120d3a;--panel:#1a133edb;--panel-solid:#1d1648;--line:#6e5a9e;--line-hi:#d8b46a;--gold:#ffd36a;--text:#f1edff;--muted:#aaa2cf;--hp:#ff4a6a;--hp-dark:#6a1430;--mp:#4ac8ff;--player:#8ad8ff;--enemy:#ff6a5a;--font:"Kanit", system-ui, sans-serif;--title:"Cinzel", "Kanit", serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}#app{position:fixed;inset:0}#game{position:absolute;inset:0}#game canvas{display:block}#game:after{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#0000 50%,#0009);position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:absolute;inset:0}#hud button,#hud input,#hud label,#hud .skill,#hud .avatar,#hud .mini-skill,#hud .info-panel{pointer-events:auto}#hud .avatar{cursor:pointer}.top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.title{text-align:center;flex:1;min-width:0}.title h1{font-family:var(--title);letter-spacing:.06em;background:linear-gradient(#fff3d0,#f2c46d 55%,#a9772e);color:#0000;filter:drop-shadow(0 2px #000)drop-shadow(0 0 12px #f2c46d59);-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(16px,2.6vw,34px);font-weight:900}.stage-label{color:var(--muted);letter-spacing:.08em;font-size:13px}.unit{align-items:flex-start;gap:10px;width:min(360px,38vw);display:flex}.unit.enemy{text-align:right;flex-direction:row-reverse}.avatar{border:3px solid var(--line-hi);background:#111 50%/cover;border-radius:50%;flex:none;width:64px;height:64px;transition:box-shadow .2s;position:relative;box-shadow:0 0 0 2px #000,0 0 16px #000c}.lvl{border:2px solid var(--line-hi);background:#1a1d28;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 4px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:-6px;left:-6px}.unit.enemy .lvl{left:auto;right:-6px}.unit-info{flex:1;min-width:0}.unit-name{text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.unit.player .unit-name{color:var(--player)}.unit.enemy .unit-name{color:var(--enemy)}.bar{outline:1px solid var(--line);background:#14161d;border:1px solid #000;border-radius:3px;height:16px;margin-top:4px;position:relative;overflow:hidden}.bar.mp{height:11px}.bar>.trail,.bar>.fill{width:100%;transition:width .25s ease-out;position:absolute;inset:0 auto 0 0}.bar>.trail{background:#fff3c9;transition:width .6s ease-in .35s}.bar.mp>.fill{background:linear-gradient(#8ac4ff, var(--mp) 55%, #12347a)}.bar.shield>.fill{opacity:.85;background:linear-gradient(#e4f3ff,#8cc8ff)}.bar.hp .shield-fill{background:repeating-linear-gradient(-45deg,#a0d2ffd9 0 5px,#6eaaffd9 5px 10px);width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.unit.enemy .bar>.trail,.unit.enemy .bar>.fill,.unit.enemy .bar .shield-fill{inset:0 0 0 auto}.bar>span{text-shadow:0 1px 2px #000,0 0 3px #000;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.buffs{gap:4px;min-height:26px;margin-top:6px;display:flex}.unit.enemy .buffs{justify-content:flex-end}.buff{background:50%/cover;border-radius:5px;width:26px;height:26px;animation:.3s ease-out pop;position:relative;box-shadow:0 0 0 1px #000}.buff b{background:#000;border-radius:7px;place-items:center;min-width:14px;height:14px;font-size:10px;display:grid;position:absolute;bottom:-3px;right:-3px}@keyframes pop{0%{transform:scale(0)}}.turn-order{background:#00000059;border-radius:20px;align-items:center;gap:4px;width:fit-content;margin:6px auto 0;padding:4px 8px;display:flex;position:relative}.turn-order:before{content:"NEXT";letter-spacing:.1em;color:var(--muted);margin-right:4px;font-size:10px}.turn-order i{border:2px solid var(--player);background:50%/cover;border-radius:50%;width:24px;height:24px}.turn-order i.enemy{border-color:var(--enemy)}.turn-order i:first-of-type{width:30px;height:30px}.log-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;width:min(280px,30vw);margin-top:8px;position:relative;overflow:hidden}.log-head{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--gold);letter-spacing:.08em;background:linear-gradient(#2a2418,#17140e);padding:4px 10px;font-size:12px;font-weight:700;display:block}.log{color:#c9cbd8;pointer-events:auto;height:128px;padding:6px 10px;font-size:12px;line-height:1.55;overflow-y:auto}.log-panel.collapsed .log{display:none}.log b.player{color:var(--player)}.log b.enemy{color:var(--enemy)}.log .crit{color:#ffd84a;font-style:normal;font-weight:700}.bottom{left:50%;bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 24px);display:flex;position:absolute;transform:translate(-50%)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line);background:var(--panel);border-radius:6px;display:flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:0;padding:7px 10px;font-size:13px;font-weight:700}.seg button.on{color:var(--gold);background:#3a2f1c}.btn-icon,.btn-small{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:7px 12px;font-size:13px;font-weight:700}.btn-icon.on{color:var(--gold);border-color:var(--gold)}.skillbar{border:1px solid var(--line);background:linear-gradient(#1e1a14e6,#0c0a08f2);border-radius:8px;gap:6px;padding:6px;display:flex;box-shadow:0 0 0 1px #000,0 6px 20px #000000b3}.skill{background:50%/cover;border:0;border-radius:8px;width:56px;height:56px;padding:0;transition:transform .12s,filter .2s,box-shadow .2s;position:relative;box-shadow:0 0 0 1px #000}.skill .cost{color:#9fd0ff;text-shadow:0 1px 2px #000,0 0 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.skill.used{box-shadow:0 0 0 2px var(--gold), 0 0 18px var(--gold);transform:translateY(-6px)scale(1.08)}.skill.disabled{filter:grayscale()brightness(.45)}.tip{z-index:50;background:var(--panel-solid);border:1px solid var(--line-hi);pointer-events:none;border-radius:6px;max-width:240px;padding:8px 10px;font-size:12px;line-height:1.5;position:fixed}.tip b{color:var(--gold);font-size:13px}#fx-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dmg,.float,.callout{white-space:nowrap;pointer-events:none;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.dmg{font-family:var(--title);color:#fff;-webkit-text-stroke:2px #2a0606;paint-order:stroke fill;text-shadow:0 3px #000,0 0 12px #ff5028cc;font-size:34px;animation:1s ease-out forwards dmg}.dmg.crit{color:#ffe14a;text-shadow:0 3px #000,0 0 18px #ffb428f2;font-size:50px}.dmg.crit:before{content:"CRITICAL";letter-spacing:.15em;-webkit-text-stroke:0;color:#ffb84a;font-size:14px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}@keyframes dmg{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-80%)scale(1.25)}30%{transform:translate(-50%,-90%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.9)}}.float{text-shadow:0 2px #000,0 0 8px #000;font-size:18px;animation:1.3s ease-out forwards floatUp}.float.buff{color:#8fe0ff}.float.status{color:#ffd84a}.float.absorb{color:#a9d4ff}.float.expire{color:var(--muted);font-size:14px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-180%)}}.callout{color:#fff;letter-spacing:.03em;text-shadow:0 2px #000,0 0 10px #78b4ffe6;font-size:clamp(16px,2vw,22px);animation:1.2s ease-out forwards callout}.callout.enemy{text-shadow:0 2px #000,0 0 10px #ff4646e6}@keyframes callout{0%{opacity:0;transform:translate(-50%,-20%)scale(.8)}15%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)}}.banner{text-align:center;font-family:var(--title);white-space:nowrap;font-weight:900;animation:1.6s ease-out forwards banner;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.banner .big{background:linear-gradient(#fff3d0,#f2c46d 55%,#a9772e);color:#0000;filter:drop-shadow(0 4px #000)drop-shadow(0 0 20px #f2c46d80);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,8vw,96px)}.banner .small{font-family:var(--font);color:var(--text);text-shadow:0 2px 4px #000;font-size:clamp(16px,2.4vw,24px)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}15%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}#screen,#modal{pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}#screen:not(:empty),#modal:not(:empty){pointer-events:auto}#screen:not(:empty){background:radial-gradient(#05060a59,#05060ad9)}#modal:not(:empty){z-index:20;background:#030408b3}.card{border:1px solid var(--line-hi);text-align:center;background:linear-gradient(#161822f5,#0c0d14f7);border-radius:10px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:24px;animation:.35s ease-out cardIn;overflow-y:auto;box-shadow:0 0 0 1px #000,0 20px 60px #000c,inset 0 0 40px #f2c46d0f}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.97)}}.card h1,.card h2{font-family:var(--title);background:linear-gradient(#fff3d0,#f2c46d 55%,#a9772e);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px}.card h1{letter-spacing:.05em;font-size:clamp(34px,7vw,56px)}.card h2{font-size:30px}.card h2.defeat{background:linear-gradient(#ffd0d0,#e0383b 60%,#6b1214);-webkit-background-clip:text;background-clip:text}.card p{color:var(--muted);margin:6px 0;line-height:1.6}.card .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.btn{border:1px solid var(--line-hi);min-width:140px;color:var(--gold);background:linear-gradient(#3a2f1c,#1e180e);border-radius:6px;padding:11px 20px;font-size:16px;font-weight:700;box-shadow:inset 0 1px #ffffff1a,0 2px #000}.btn:hover{filter:brightness(1.2)}.btn.primary{color:#fff8e6;background:linear-gradient(#c8902f,#7a4f14);border-color:#f2c46d}.btn.ghost{color:var(--muted);background:0 0;border-color:#3a3f4f}.stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;font-size:13px;display:grid}.stats div{background:#ffffff0a;border-radius:5px;padding:6px}.stats b{color:var(--text);font-size:16px;display:block}.stats .up{color:#7dff9a;font-size:12px}.expbar{outline:1px solid var(--line);background:#14161d;border:1px solid #000;border-radius:5px;height:10px;margin-top:12px;overflow:hidden}.expbar i{background:linear-gradient(90deg,#7a4f14,#f2c46d);height:100%;transition:width .8s ease-out;display:block}.vs{justify-content:center;align-items:center;gap:18px;margin:18px 0 4px;display:flex}.vs img{border:3px solid var(--line-hi);border-radius:50%;width:84px;height:84px}.vs span{font-family:var(--title);color:var(--gold);font-size:28px}@media (width<=760px){.unit{width:44vw}.avatar{width:46px;height:46px}.title{display:none}.log-panel{width:46vw}.stats{grid-template-columns:repeat(3,1fr)}.log{height:84px;font-size:11px}.skill{width:40px;height:40px}.skillbar{gap:4px;padding:4px}.stat-row{gap:2px 6px;font-size:10px}.sheet-body,.compare{grid-template-columns:1fr}}.stat-row{color:var(--muted);text-shadow:0 1px 2px #000;flex-wrap:wrap;gap:2px 10px;margin-top:5px;font-size:11px;display:flex}.unit.enemy .stat-row{justify-content:flex-end}.stat-row b{color:var(--text)}.stat-row .up b{color:#7dff9a}.stat-row .down b{color:#ff6a6a}.buff.debuff{box-shadow:0 0 0 1px #000,0 0 0 2px #ff4a4a}.skill{cursor:help}.skill .chance,.eq-slot .chance{color:#fff3c9;text-shadow:0 1px 2px #000,0 0 2px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:3px}.skill .slv{color:var(--gold);text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:1px;left:3px}.skill.basic{filter:saturate(.6);margin-left:6px}.dmg.poison{color:#9dff7a;text-shadow:0 3px #000,0 0 12px #5aff50b3;font-size:26px}.float.debuff{color:#ff8a8a}.badge{color:#fff;background:#e0383b;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;font-size:12px;display:inline-grid}.boss{color:#ffd0d0;-webkit-text-fill-color:#ffd0d0;vertical-align:middle;background:#6b1214;border-radius:4px;padding:2px 8px;font-size:14px}.warn{color:#ff8a6a!important}.mini{color:var(--muted);font-size:12px}p.hint,.card .hint{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.loot{text-align:left;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}.item-card{border:1px solid var(--rc);box-shadow:inset 0 0 18px color-mix(in srgb, var(--rc) 18%, transparent);text-align:left;background:#ffffff08;border-radius:6px;padding:8px 10px}.item-title{align-items:center;gap:8px;display:flex}.item-title img{border-radius:6px;width:40px;height:40px}.item-title b{color:var(--rc);font-size:14px;display:block}.item-title small{color:var(--muted);font-size:11px}.item-card ul{margin:6px 0 0;padding:0 0 0 16px;font-size:12px;line-height:1.6}.card.sheet{text-align:left;width:min(860px,100%);position:relative}.card.sheet h2{text-align:left}.x{background:#171a24;border:1px solid #3a3f4f;border-radius:6px;width:34px;height:34px;font-size:16px;position:absolute;top:10px;right:10px}.sheet-body{grid-template-columns:260px 1fr;gap:18px;margin-top:12px;display:grid}.slots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cell{aspect-ratio:1;border:2px solid var(--rc,#2a2e3a);background:#0d0f16 50%/cover;border-radius:6px;padding:0;position:relative}.cell.sel{outline-offset:1px;outline:2px solid #fff}.cell.empty{cursor:default;border-style:dashed}.cell.empty span{color:#5a6072;font-size:11px}.stat-list{margin-top:12px;font-size:13px}.srow{border-bottom:1px solid #1e212b;grid-template-columns:1fr auto 56px 70px;align-items:center;gap:6px;padding:4px 6px;display:grid}.srow em{color:#7dc8ff;font-size:11px;font-style:normal}.srow i{font-size:11px;font-style:normal;font-weight:700}.srow i.up{color:#7dff9a}.srow i.down{color:#ff6a6a}.bag{background:#00000040;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px;max-height:210px;margin-top:8px;padding:6px;display:grid;overflow-y:auto}.detail{margin-top:10px}.compare{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compare .mini{margin:0 0 4px}.row.tight{justify-content:flex-end;margin-top:10px}.row.tight .btn{min-width:100px;padding:8px 14px;font-size:14px}.btn:disabled,.btn-small:disabled{opacity:.4;cursor:not-allowed}#screen:has(.main-hub){background:radial-gradient(at 30% 60%,#0000 30%,#05060a8c);place-items:stretch stretch;padding:0}.main-hub{height:100%;position:relative}.hub-top{background:linear-gradient(#05060ad9,#0000);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:absolute;inset:0 0 auto}.hub-id{align-items:center;gap:12px;display:flex}.hub-id .avatar{width:64px;height:64px}.hub-name{width:200px}.hub-name b{color:var(--player);text-shadow:0 1px 2px #000;font-size:18px;display:block}.hub-name small{color:var(--muted);font-size:11px}.hub-name .expbar{margin:4px 0 2px}.currency{gap:10px;display:flex}.cur{border:1px solid var(--line);background:#0009;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 4px 0 2px;display:flex}.cur img{border-radius:50%;width:34px;height:34px;margin-left:-6px}.cur b{text-align:right;min-width:64px;font-size:15px}.cur button{color:#fff;background:linear-gradient(#5fd16a,#2a8a34);border:0;border-radius:50%;width:26px;height:26px;font-size:18px;font-weight:700;line-height:1}.hub-event{text-shadow:0 1px 3px #000;background:0 0;border:0;justify-items:center;gap:2px;font-size:13px;font-weight:700;display:grid;position:absolute;top:110px;left:20px}.hub-event img{border-radius:12px;width:58px;height:58px;animation:2.4s ease-in-out infinite bob;box-shadow:0 0 0 1px #000,0 0 16px #ff6ad280}@keyframes bob{50%{transform:translateY(-4px)}}.dot{background:#ff3a3a;border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #000,0 0 8px #ff3a3a}.hub-stage{border:2px solid var(--gold);text-align:left;background:linear-gradient(135deg,#965f19f2,#281608f2);border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;width:320px;padding:16px 22px;transition:transform .15s,filter .15s;display:grid;position:absolute;bottom:120px;right:28px;box-shadow:0 0 0 2px #000,0 0 30px #f2c46d59,inset 0 1px #fff3}.hub-stage:hover{filter:brightness(1.12);transform:scale(1.03)}.hub-stage img{border-radius:12px;grid-row:1/4;width:72px;height:72px}.hs-label{font-family:var(--title);letter-spacing:.25em;color:#ffe6a8;font-size:13px;font-weight:900}.hub-stage b{font-family:var(--title);color:#fff8e6;text-shadow:0 2px #000;font-size:30px;line-height:1.1}.hub-stage small{color:#ffe6c0;font-size:13px}.hub-nav{border:1px solid var(--line);background:linear-gradient(#1e1a14eb,#0a0908f5);border-radius:14px;gap:4px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #000,0 8px 24px #000000b3}.nav-btn{width:84px;color:var(--text);background:0 0;border:0;border-radius:10px;justify-items:center;gap:3px;padding:6px 4px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:grid;position:relative}.nav-btn:hover{background:#f2c46d1f;transform:translateY(-3px)}.nav-btn img{border-radius:10px;width:46px;height:46px}.nav-btn .badge{margin:0;font-style:normal;position:absolute;top:0;right:10px}.hub-back{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:8px 14px;font-size:13px;position:absolute;bottom:20px;left:20px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding-right:44px;display:flex}.card.sheet h3{color:var(--gold);margin:16px 0 6px;font-size:16px}.shop-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px;display:grid}.shop-card{text-align:center;background:linear-gradient(#28201499,#0c0c10cc);border:1px solid #3a3226;border-radius:10px;justify-items:center;gap:4px;padding:12px 8px;display:grid}.shop-card.gems{background:linear-gradient(#10283c99,#0c0c10cc);border-color:#1f4a6a}.shop-card>img{border-radius:10px;width:64px;height:64px}.shop-card b{font-size:15px}.shop-card small{min-height:34px;color:var(--muted);font-size:11px;line-height:1.5}.price{border:1px solid var(--line-hi);color:#fff3d0;background:linear-gradient(#3a2f1c,#1e180e);border-radius:16px;align-items:center;gap:4px;padding:5px 12px 5px 4px;font-weight:700;display:flex}.price img{border-radius:50%;width:22px;height:22px}.price:disabled{opacity:.4;cursor:not-allowed}.shop-out{max-width:360px;margin-top:14px}.ok{font-weight:700;color:#7dff9a!important}.login-row{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day{background:#ffffff08;border:1px solid #2a2e3a;border-radius:8px;justify-items:center;gap:2px;padding:8px 4px;display:grid;position:relative}.day img{border-radius:8px;width:36px;height:36px}.day small{color:var(--muted);font-size:11px}.day.today{border-color:var(--gold);box-shadow:0 0 14px #f2c46d59}.day.done{opacity:.45}.day i{color:#7dff9a;font-style:normal;font-weight:700;position:absolute;top:2px;right:6px}.quests{gap:6px;display:grid}.quest{background:#ffffff08;border:1px solid #2a2e3a;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:8px 12px;display:grid}.quest.claimed{opacity:.5}.q-bar{background:#14161d;border-radius:7px;height:14px;margin-top:4px;position:relative;overflow:hidden}.q-bar i{background:linear-gradient(90deg,#7a4f14,#f2c46d);position:absolute;inset:0 auto 0 0}.q-bar span{text-shadow:0 1px 2px #000;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;inset:0}.q-reward{align-items:center;gap:4px;font-size:13px;display:flex}.q-reward img{border-radius:6px;width:24px;height:24px}.btn-small.ready{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #f2c46d66}.inline-ic{vertical-align:middle;border-radius:5px;width:20px;height:20px}.stage-select{width:min(760px,100%)}.stage-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.stage-card{text-align:left;background:#ffffff08;border:1px solid #2a2e3a;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.stage-card:hover{border-color:var(--line-hi);background:#f2c46d0f}.stage-card.new{border-color:var(--gold);box-shadow:inset 0 0 18px #f2c46d26}.stage-card.boss{border-color:#8a2a2a}.stage-card.boss.new{border-color:#ff5a4a}.stage-card img{border:2px solid #5a2a2a;border-radius:50%;flex:none;width:52px;height:52px}.st-info{flex:1}.st-info b{font-size:16px;display:block}.st-info small{color:var(--muted);font-size:12px}.st-tag{color:#7dff9a;white-space:nowrap;font-size:12px;font-weight:700}.stage-card.new .st-tag{color:var(--gold)}.stage-card.boss .st-tag{color:#ff8a7a}.slot-wrap{text-align:center;color:var(--muted);gap:3px;font-size:11px;display:grid}.stat-list.compact{margin-top:4px}.card.sheet.skillwin{width:min(1060px,100%)}.sk-top{align-items:center;gap:14px;padding-right:44px;display:flex}.sk-tab{border:1px solid var(--line-hi);color:var(--gold);background:linear-gradient(#3a2f1c,#1e180e);border-bottom:0;border-radius:6px 6px 0 0;padding:4px 18px;font-weight:700}.sk-sp{margin-left:auto;font-size:13px}.sk-sp b{color:var(--gold);font-size:16px}.btn-small.sk-reset{color:#ffd8c8;background:linear-gradient(#6a2414,#3a1208);border-color:#b8442a}.sk-body{border:1px solid var(--line);background:#0000004d;border-radius:8px;grid-template-columns:auto 1fr;gap:16px;margin-top:8px;padding:12px;display:grid}.sk-grid{grid-template-columns:repeat(10,54px);align-content:start;gap:8px 6px;display:grid}.sk-sep{background:linear-gradient(90deg, transparent, var(--line-hi), transparent);grid-column:1/-1;height:1px;margin:2px 0}.sk-col-head,.sk-slot{background:#ffffff06;border-radius:6px;justify-items:center;gap:3px;padding:4px 0;display:grid}.sk-col-head>span{color:var(--cc);white-space:nowrap;font-size:10px;font-weight:700}.sk-cell{background:0 0;border:0;border-radius:8px;width:44px;height:44px;padding:0;transition:transform .12s;position:relative}.sk-cell.passive{border-radius:50%}.sk-cell img{border-radius:inherit;width:100%;height:100%;display:block}.sk-cell:hover{transform:scale(1.1)}.sk-cell.locked img{filter:grayscale()brightness(.3)}.sk-cell .lock{color:#6a7082;place-items:center;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}.sk-cell.eq{box-shadow:0 0 0 2px var(--gold), 0 0 10px #f2c46d99}.sk-cell.sel{box-shadow:0 0 0 2px #fff,0 0 14px #fff}.lvbar{background:#050608;border:1px solid #2a2e3a;border-radius:3px;gap:2px;width:44px;height:6px;padding:1px;display:flex}.lvbar i{background:#1a1d26;border-radius:1px;flex:1}.lvbar i.on{background:linear-gradient(#ffe6a0,#d89a2a)}.sk-detail{min-width:0}.sk-head{align-items:center;gap:10px;display:flex}.sk-head img{border-radius:10px;width:56px;height:56px}.sk-head b{font-size:17px;display:block}.sk-head small{font-size:12px;font-weight:700}.card .sk-desc{color:var(--text);font-size:13px}.card .nextlv{color:#7dc8ff}.sk-equip{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.eq-row{gap:6px;margin-right:12px;display:flex}.eq-slot{border:1px solid var(--line-hi);background:#0d0f16;border-radius:8px;width:50px;height:50px;padding:0;position:relative}.eq-slot img{border-radius:inherit;width:100%;height:100%;display:block}.eq-slot.passive{border-radius:50%}.eq-slot.empty{border-style:dashed;border-color:#3a3f4f;place-items:center;display:grid}.eq-slot i{color:#fff3c9;text-shadow:0 1px 2px #000;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:1px;left:3px}.eq-slot.empty i{color:#3a3f4f;position:static}.skill.passive{border-radius:50%;width:44px;height:44px;margin-top:6px}.dmg.heal{color:#7dff9a;text-shadow:0 3px #000,0 0 12px #5aff96b3;font-size:26px}.unlocks{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.unl{border:1px solid var(--line-hi);color:var(--gold);border-radius:16px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-weight:700;display:flex}.unl img{border-radius:6px;width:28px;height:28px}.card.sheet.charwin{width:min(1180px,100%)}.bag-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.bag-tools select{color:var(--text);background:#0d0f16;border:1px solid #3a3f4f;border-radius:4px;padding:5px;font-family:inherit;font-size:12px}.char-body{grid-template-columns:250px auto 1fr;align-items:start;gap:16px;margin-top:12px;display:grid}.bag.full{grid-template-columns:repeat(10,44px);max-height:none;margin-top:0}.bag.full .cell{width:44px}.cell.dim{opacity:.25}.char-body .detail{min-width:0;margin-top:0}.char-body .compare{grid-template-columns:1fr}.merge-row{align-items:center;gap:8px;display:flex}.merge-row .cell{width:52px}.merge-row .arrow{color:var(--gold);font-size:22px}.cell.q{color:#5a6072;place-items:center;font-size:20px;font-weight:700;display:grid}.unit-skills{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:6px;display:flex}.mini-skill{background:50%/cover;border-radius:6px;width:28px;height:28px;transition:transform .15s,box-shadow .2s;box-shadow:0 0 0 1px #000}.mini-skill.passive{border-radius:50%}.mini-skill.used{box-shadow:0 0 0 2px var(--gold), 0 0 14px var(--gold);transform:scale(1.3)}.skill.spent,.mini-skill.spent{filter:grayscale()brightness(.4)}.info-panel{border:1px solid var(--line-hi);z-index:5;background:#0a0c12f0;border-radius:8px;width:300px;max-height:calc(100% - 300px);padding:10px 12px;font-size:12px;display:none;position:absolute;top:160px;overflow-y:auto;box-shadow:0 10px 30px #000000b3}.info-panel.open{display:block}.info-panel.player{left:310px}.info-panel.enemy{right:12px}.ip-head{justify-content:space-between;align-items:center;font-size:15px;display:flex}.ip-head .player{color:var(--player)}.ip-head .enemy{color:var(--enemy)}.info-panel h4{color:var(--gold);margin:10px 0 4px;font-size:12px}.ir{border-bottom:1px solid #1c1f29;grid-template-columns:70px auto 1fr;align-items:baseline;gap:6px;padding:2px 0;display:grid}.ir b.up{color:#7dff9a}.ir b.down{color:#ff6a6a}.ir small,.isk small{color:var(--muted);font-size:11px}.is,.isk{align-items:center;gap:6px;padding:2px 0;display:flex}.is img,.isk img{border-radius:5px;flex:none;width:24px;height:24px}.is img.debuff{box-shadow:0 0 0 2px #ff4a4a}.isk img.passive{border-radius:50%}.isk.spent{opacity:.4}.enemy-skills{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:6px 0;display:flex}.enemy-skills img{cursor:help;border-radius:6px;width:34px;height:34px}.enemy-skills img.passive{border-radius:50%}.btn.google{color:#1f1f1f;background:#fff;border-color:#dadce0;align-items:center;gap:10px;display:inline-flex}.btn.google .g{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:900;display:grid}.acct{color:var(--text);align-items:center;gap:8px;font-size:13px;display:inline-flex}.acct img{border-radius:50%;width:28px;height:28px}.card>.acct{margin-bottom:8px}.hub-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.card.sheet.arenawin{width:min(980px,100%)}.arena-head{flex-wrap:wrap;align-items:center;gap:18px;padding-right:44px;display:flex}.arena-head h2{margin:0}.arena-me{align-items:baseline;gap:8px;font-size:15px;display:flex}.arena-me b{color:var(--gold);font-size:22px}.arena-me small{color:var(--muted)}.tickets{align-items:center;gap:6px;margin-left:auto;font-size:14px;display:flex}.tickets>img{border-radius:6px;width:26px;height:26px}.rank{border:1px solid var(--rk);color:var(--rk);background:color-mix(in srgb, var(--rk) 14%, transparent);border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.bot{color:var(--muted);background:#2a2e3a;border-radius:4px;padding:0 5px;font-size:10px;font-weight:700}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-top:10px;display:flex}.tab{color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;padding:8px 18px;font-weight:700}.tab.on{border-color:var(--line);color:var(--gold);background:#f2c46d14}.arena-body{min-height:260px;padding-top:12px}.opp-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.opp{text-align:center;background:linear-gradient(#1e1a1499,#0c0c10cc);border:1px solid #2a2e3a;border-radius:10px;justify-items:center;gap:4px;padding:14px 10px;display:grid;position:relative}.opp-tag{color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:8px;left:10px}.opp-ava{border:2px solid var(--line-hi);object-fit:cover;border-radius:50%;width:64px;height:64px}.opp b{font-size:15px}.opp small{color:var(--muted);font-size:12px}.opp-skills{flex-wrap:wrap;justify-content:center;gap:3px;min-height:26px;display:flex}.opp-skills img{border-radius:5px;width:24px;height:24px}.opp-skills img.passive{border-radius:50%}.opp .btn{width:100%;min-width:0;margin-top:6px}table.board{border-collapse:collapse;width:100%;font-size:13px}.board th,.board td{text-align:left;border-bottom:1px solid #1e212b;padding:5px 8px}.board th{color:var(--muted);font-size:12px}.board td.who{align-items:center;gap:8px;display:flex}.board td.who img{object-fit:cover;border-radius:50%;width:24px;height:24px}.board tr.me{background:#6fc6ff1a}.hist{gap:4px;font-size:13px;display:grid}.hrow{background:#ffffff08;border-left:3px solid #7dff9a;border-radius:6px;grid-template-columns:130px 1fr 60px 50px;gap:8px;padding:6px 10px;display:grid}.hrow.lose{border-left-color:#ff6a6a}.hrow span:first-child{color:var(--muted)}.arena-delta{font-family:var(--title);margin:4px 0;font-size:34px}.card .arena-delta.up{color:#7dff9a}.card .arena-delta.down{color:#ff6a6a}.card .legal{margin-top:18px;font-size:12px}.legal a{color:var(--muted)}.arena-body h3{color:var(--gold);margin:4px 0 8px;font-size:14px}.real-list{gap:6px;max-height:170px;margin-bottom:14px;display:grid;overflow-y:auto}.real{background:#6fc6ff0d;border:1px solid #2a3a4a;border-radius:8px;grid-template-columns:32px 1fr auto auto auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.real img{object-fit:cover;border-radius:50%;width:32px;height:32px}.real small{color:var(--muted)}.repeat-pick{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.repeat-ctl{border:1px solid var(--gold);color:var(--gold);background:#3c2d0fd9;border-radius:6px;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:13px;font-weight:700;display:flex}.card.repeat-card{width:min(600px,100%)}.loot-row{flex-wrap:wrap;justify-content:center;gap:4px;margin:10px 0;display:flex}.loot-ic{border-radius:6px;width:36px;height:36px}.countdown{font-size:16px}.countdown b{color:var(--gold);font-size:22px}@media (width<=760px){#screen,#modal{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))}.card{max-height:calc(100dvh - 16px);padding:16px 14px}.card h1{font-size:36px}.card .row{gap:8px}.btn{flex:140px;min-width:0;padding:10px 12px;font-size:15px}.sheet-head{flex-wrap:wrap;padding-right:40px}.x{top:8px;right:8px}.main-hub{padding-bottom:env(safe-area-inset-bottom)}.hub-top{padding:max(10px, env(safe-area-inset-top)) 10px 10px;align-items:flex-start}.hub-id .avatar{width:52px;height:52px}.hub-name{width:120px}.hub-right{gap:6px}.currency{flex-direction:column;align-items:flex-end;gap:6px}.cur{height:30px}.cur img{width:28px;height:28px}.cur b{min-width:54px;font-size:13px}.acct span{display:none}.hub-event{top:150px;left:12px}.hub-stage{width:auto;padding:12px 16px;bottom:110px;left:12px;right:12px}.hub-stage img{width:56px;height:56px}.hub-stage b{font-size:24px}.hub-nav{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));justify-content:space-between;transform:none}.nav-btn{flex:1;width:auto;padding:6px 0;font-size:11px}.nav-btn img{width:38px;height:38px}.nav-btn .badge{right:4px}.hub-back{inset:150px 12px auto auto}.stage-grid{grid-template-columns:1fr}.vs img{width:64px;height:64px}.loot{grid-template-columns:1fr}.bag-tools{flex-wrap:wrap;width:100%;margin-left:0}.char-body{grid-template-columns:1fr}.bag.full{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.bag.full .cell{width:auto}.srow{grid-template-columns:1fr auto 52px 60px}.sk-top{flex-wrap:wrap;gap:8px}.sk-sp{margin-left:0}.sk-body{grid-template-columns:1fr;padding:8px}.sk-grid{-webkit-overflow-scrolling:touch;padding-bottom:6px;overflow-x:auto}.sk-equip{gap:6px}.eq-slot{width:42px;height:42px}.eq-row{margin-right:4px}.shop-grid{grid-template-columns:repeat(2,1fr)}.login-row{grid-template-columns:repeat(4,1fr)}.quest{grid-template-columns:1fr auto}.quest .q-reward{grid-column:1}.arena-head{gap:8px}.arena-me{flex-wrap:wrap}.tickets{margin-left:0}.opp-row{grid-template-columns:1fr}.opp{text-align:left;grid-template-columns:64px 1fr;justify-items:start;column-gap:12px}.opp>*{grid-column:2}.opp .opp-ava{grid-area:1/1/span 5}.opp-tag{display:none}.opp-skills{justify-content:flex-start}.opp .btn{grid-column:1/-1}.real{grid-template-columns:32px 1fr auto}.real small,.real .rank,.board th:nth-child(3),.board td:nth-child(3),.board th:nth-child(6),.board td:nth-child(6){display:none}.hrow{grid-template-columns:1fr auto auto}.hrow span:first-child{grid-column:1/-1;font-size:11px}#hud{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))}.unit-name{font-size:13px}.bar{height:14px}.buff,.mini-skill{width:22px;height:22px}.turn-order{margin-top:4px}.turn-order i{width:20px;height:20px}.turn-order i:first-of-type{width:24px;height:24px}.bottom{max-width:none;left:8px;right:8px;transform:none}.skillbar{flex-wrap:wrap;justify-content:center}.skill,.skill.passive{width:36px;height:36px;margin-top:0}.skill .chance,.skill .cost,.skill .slv{font-size:9px}.seg button{padding:6px 9px}.repeat-ctl{font-size:11px}.info-panel{width:auto;max-height:48dvh;top:auto;bottom:150px;left:8px!important;right:8px!important}.dmg{font-size:26px}.dmg.crit{font-size:36px}.banner .big{font-size:48px}}.cloud{color:var(--muted);text-shadow:0 1px 2px #000;font-size:11px}.cloud[data-state=saved]{color:#7dff9a}.cloud[data-state=offline]{color:#ffb05a}.toast{top:max(14px, env(safe-area-inset-top));z-index:60;border:1px solid var(--line-hi);background:var(--panel-solid);color:var(--text);border-radius:8px;padding:8px 16px;font-size:14px;animation:.25s ease-out cardIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.charwin [data-bag],.charwin [data-slot]{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.drag-armed{box-shadow:0 0 0 2px var(--gold), 0 0 14px var(--gold);transform:scale(1.1)}.drag-ghost{z-index:80;pointer-events:none;opacity:.9;box-shadow:0 10px 24px #000000b3, 0 0 0 2px var(--gold);border-radius:8px;transition:none;position:fixed;top:0;left:0}.dragging{cursor:grabbing}.drop-ok{outline:2px dashed var(--gold);outline-offset:2px;border-radius:8px}.drop-hover{outline-style:solid;box-shadow:0 0 18px #f2c46d99}.hub-settings{border:1px solid var(--line);background:var(--panel);width:38px;height:36px;color:var(--muted);border-radius:8px;font-size:18px;position:absolute;bottom:20px;left:112px}.card.sheet.settings{width:min(420px,100%)}.settings .toggle-row,.settings .vol-row{grid-template-columns:84px 1fr 46px;align-items:center;gap:10px;padding:8px 2px;display:grid}.settings .toggle-row{grid-template-columns:1fr auto}.settings .vol-row b{text-align:right;font-variant-numeric:tabular-nums}.settings .vol-list.off{opacity:.4}.settings input[type=range]{width:100%;accent-color:var(--gold)}.settings .switch{appearance:none;border:1px solid var(--line);cursor:pointer;background:#2a2f3c;border-radius:13px;width:46px;height:26px;transition:background .15s;position:relative}.settings .switch:after{content:"";background:#c9cbd3;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.settings .switch:checked{border-color:var(--gold);background:#3a2f1c}.settings .switch:checked:after{background:var(--gold);transform:translate(20px)}.settings .credits{color:var(--muted);margin-top:12px;font-size:12px}.settings .credits ul{margin:6px 0 0;padding-left:18px}@media (width<=760px){.hub-settings{inset:196px 12px auto auto}}.merge-all-out{gap:8px;max-height:340px;display:grid;overflow-y:auto}.cell.locked:after{content:"";filter:drop-shadow(0 0 2px #000);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='8' rx='1.5' fill='%23f2c46d' stroke='%23000' stroke-width='.8'/%3E%3Cpath d='M5 7V5a3 3 0 0 1 6 0v2' fill='none' stroke='%23f2c46d' stroke-width='1.8'/%3E%3C/svg%3E") 50%/contain no-repeat;width:13px;height:13px;position:absolute;bottom:1px;right:1px}.lock-btn .lock-ico{vertical-align:-2px;width:14px;height:14px;color:var(--gold);margin-right:5px}.turn-count{color:var(--gold);letter-spacing:.05em;margin-top:2px;font-size:12px;font-weight:700}.finish-call{font-family:var(--title);letter-spacing:.04em;white-space:nowrap;color:#fff;background:linear-gradient(#fff,#ffe9a0 45%,#ff7a2a);-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px #000)drop-shadow(0 0 24px #ff8c3cb3);pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,11vw,132px);font-weight:900;animation:1.4s ease-out forwards finish-call;position:absolute;top:34%;left:50%}@keyframes finish-call{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2.4)}12%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(.92)}18%{transform:translate(calc(6px - 50%),calc(-50% - 4px))rotate(-8deg)scale(1)}24%{transform:translate(calc(-50% - 5px),calc(3px - 50%))rotate(-8deg)scale(1)}30%,78%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1.15)}}:root{--leather:#1d1648;--leather-dark:#120d32;--gilt:#d8b46a;--gilt-hi:#ffe9a0;--corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M2 2h22M2 2v22' stroke='%23d8b46a' stroke-width='2.5' fill='none'/%3E%3Cpath d='M7 7h10M7 7v10' stroke='%23d8b46a' stroke-width='1.2' fill='none'/%3E%3Cpath d='M9 3Q9 9 15 9Q9 9 9 15Q9 9 3 9Q9 9 9 3Z' fill='%23ffe9a0'/%3E%3C/svg%3E")}.card{border:2px solid var(--gilt);background:var(--corner) left 4px top 4px / 24px no-repeat, var(--corner) right 4px top 4px / 24px no-repeat, var(--corner) left 4px bottom 4px / 24px no-repeat, var(--corner) right 4px bottom 4px / 24px no-repeat, radial-gradient(ellipse at 50% 0%, #8c6eff2e, transparent 60%), repeating-radial-gradient(circle at 30% 40%, #ffffff03 0 2px, transparent 2px 5px), linear-gradient(160deg, #261d5c, var(--leather) 45%, var(--leather-dark));transform-origin:0;border-radius:14px;animation:.42s cubic-bezier(.2,.8,.3,1) pageTurn;position:relative;box-shadow:0 0 0 1px #0a0720,inset 0 0 0 5px #120d32e6,inset 0 0 0 6px #d8b46a73,0 24px 70px #050214d9,0 0 40px #8c6eff2e}@keyframes pageTurn{0%{opacity:0;transform:perspective(1600px)rotateY(-62deg)translate(-24px)}60%{opacity:1}}.card h1,.card h2{background:linear-gradient(#fff8dc, var(--gold) 55%, #c08a2a);filter:drop-shadow(0 0 10px #ffd36a40);-webkit-background-clip:text;background-clip:text}.card h2:before,.card h2:after{content:"✦";vertical-align:middle;color:var(--gilt-hi);-webkit-text-fill-color:var(--gilt-hi);margin:0 .45em;font-size:.5em}.card.sheet h2:before{margin-left:0}.card.sheet h3{color:var(--gilt-hi);border-bottom:1px solid #d8b46a4d;padding-bottom:4px}.x{border:1px solid var(--gilt);color:var(--gilt-hi);background:radial-gradient(circle,#3a2c7a,#1d1648);border-radius:50%}.btn{border:1px solid var(--gilt);color:var(--gilt-hi);background:linear-gradient(#3e2f86,#221a5a);border-radius:8px;box-shadow:inset 0 1px #ffffff26,0 2px #0a0720,0 0 12px #8c6eff40}.btn.primary{color:#2a1440;border-color:var(--gilt-hi);background:linear-gradient(#ffd36a,#e09a2a 55%,#b0601a);box-shadow:inset 0 1px #ffffff80,0 2px #0a0720,0 0 18px #ffc86473}.btn.ghost{border-color:var(--line);color:var(--muted);background:#120d3299}.btn-small,.btn-icon{border-color:var(--line);background:linear-gradient(#2e2468,#1d1648)}.avatar{border:3px solid var(--gilt);box-shadow:0 0 0 2px #0a0720,0 0 0 5px #d8b46a59,0 0 18px #8c6eff8c}.avatar:after{content:"";pointer-events:none;border:2px dashed #ffe9a08c;border-radius:50%;animation:14s linear infinite runeSpin;position:absolute;inset:-9px}.unit.enemy .avatar:after{border-color:#ff8caa80;animation-direction:reverse}.unit.active .avatar{box-shadow:0 0 0 2px #0a0720, 0 0 0 5px var(--gilt), 0 0 26px 6px var(--gold)}@keyframes runeSpin{to{transform:rotate(360deg)}}.lvl{border-color:var(--gilt);color:var(--gilt-hi);background:radial-gradient(circle,#3a2c7a,#1d1648)}.bar{outline:1px solid var(--gilt);outline-offset:1px;background:linear-gradient(#0e0a2a,#1d1648);border:1px solid #0a0720;border-radius:999px;box-shadow:inset 0 2px 4px #0009}.bar:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:999px;height:30%;position:absolute;top:2px;left:6px;right:6px}.bar.hp>.fill{background:linear-gradient(#ff9ab0, var(--hp) 50%, #a01a44)}.bar.mp>.fill{background:radial-gradient(circle at 20% 60%, #fff9 0 1.5px, transparent 2px) 0 0 / 22px 100%, radial-gradient(circle at 70% 40%, #ffffff73 0 1px, transparent 1.5px) 0 0 / 15px 100%, linear-gradient(#bff4ff, var(--mp) 50%, #1a5ab8);animation:3s linear infinite manaBubbles;box-shadow:0 0 10px #4ac8ffcc}@keyframes manaBubbles{to{background-position:44px 0,-30px 0,0 0}}.bar>.trail{background:#fff4c8}.turn-order{background:linear-gradient(#0000 calc(50% - 1px),#ffd36a8c calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)) 40px 0/calc(100% - 52px) 100% no-repeat,#120d328c;border:1px solid #d8b46a59}.turn-order:before{content:"✦ NEXT";color:var(--gilt-hi)}.turn-order i{box-shadow:0 0 8px #8ad8ffcc}.turn-order i.enemy{box-shadow:0 0 8px #ff6a8ccc}.turn-order i:first-of-type{box-shadow:0 0 0 2px var(--gilt), 0 0 14px var(--gold)}.log-panel{background:#120d32c7;border:1px solid #d8b46a66;border-radius:8px;overflow:hidden}.log-head{color:var(--gilt-hi);background:linear-gradient(#2e2468,#1d1648)}.skillbar,.controls .seg,.controls .btn-icon{border-color:var(--line);background:linear-gradient(#2e2468eb,#120d32f2)}.skillbar{border:1px solid #d8b46a80;border-radius:12px;box-shadow:0 0 18px #8c6eff4d}.hub-nav{border:2px solid var(--gilt);background:repeating-linear-gradient(90deg, transparent 0 88px, #d8b46a40 88px 89px), linear-gradient(#2a2068, var(--leather-dark));box-shadow:0 0 0 1px #0a0720,0 10px 30px #050214b3,0 0 26px #8c6eff4d}.nav-btn:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);background:var(--rib,#c4304f);opacity:.9;width:14px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.nav-btn:nth-child(2){--rib:#3a8ad8}.nav-btn:nth-child(3){--rib:#8a4ad8}.nav-btn:nth-child(4){--rib:#2e9a72}.nav-btn:nth-child(5){--rib:#d49a1a}.nav-btn:hover{background:#ffd36a1f}.hub-stage{border:2px solid var(--gilt-hi);background:var(--corner) left 4px top 4px / 26px no-repeat, var(--corner) right 4px bottom 4px / 26px no-repeat, linear-gradient(135deg, #6e46dcf2, #241660f5);box-shadow:0 0 0 2px #0a0720,0 0 34px #a078ff8c,inset 0 1px #ffffff40}.hub-stage.boss{background:var(--corner) left 4px top 4px / 26px no-repeat, var(--corner) right 4px bottom 4px / 26px no-repeat, linear-gradient(135deg, #c8286ef2, #460a32f5);border-color:#ff8aa8;box-shadow:0 0 0 2px #0a0720,0 0 34px #ff5a968c}.hub-back,.hub-settings{border-color:var(--gilt);color:var(--gilt-hi);background:linear-gradient(#2e2468,#1d1648)}.banner .big{background:linear-gradient(#fff,#ffe9a0 45%,#ff9ad8);filter:drop-shadow(0 4px #1b1436)drop-shadow(0 0 24px #c896ffb3);-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){.card,.avatar:after,.bar.mp>.fill{animation:none}}.card.sheet.treewin{width:min(1100px,100%)}.treewin .sheet-head{gap:12px}.tree-pts{color:var(--muted);margin-left:auto}.tree-pts b{color:var(--gilt-hi);font-size:18px}.tree-pts.has b{text-shadow:0 0 10px var(--gold)}.tree-body{grid-template-columns:1fr 280px;gap:14px;margin-top:10px;display:grid}.tree-view{touch-action:none;cursor:grab;background:radial-gradient(circle,#8c6eff40,#0000 60%),radial-gradient(circle at 20% 30%,#ffffff80 0 1px,#0000 1.5px) 0 0/53px 47px,radial-gradient(circle at 70% 80%,#ffffff59 0 1px,#0000 1.5px) 0 0/71px 61px,#0c0828;border:1px solid #d8b46a66;border-radius:12px;height:min(62vh,560px);position:relative;overflow:hidden}.tree-view:active{cursor:grabbing}.tree-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tree-svg .links line{stroke:#aaa0dc40;stroke-width:3px}.tree-svg .links line.path{stroke:#8af0ffb3;stroke-dasharray:8 6}.tree-svg .links line.on{stroke:var(--gold);stroke-width:5px;filter:drop-shadow(0 0 4px #ffd36ae6)}.tree-svg .nd{cursor:pointer}.tree-svg .nd>circle,.tree-svg .nd>polygon{fill:#2a2250;stroke:#6e5a9e;stroke-width:3px}.tree-svg .nd .inner{fill:none;stroke:#6e5a9e;stroke-width:2px}.tree-svg .nd.start>circle{fill:#3a2c7a;stroke:var(--gilt-hi)}.tree-svg .nd.start .inner{fill:var(--gilt-hi);stroke:none}.tree-svg .nd.can>circle,.tree-svg .nd.can>polygon{stroke:#8af0ff;animation:1.6s ease-in-out infinite treePulse}.tree-svg .nd.path>circle,.tree-svg .nd.path>polygon{stroke:#8af0ff}.tree-svg .nd.on>circle,.tree-svg .nd.on>polygon{fill:#ffd36a;stroke:#fff4c8;filter:drop-shadow(0 0 8px #ffd36af2)}.tree-svg .nd.on .inner{stroke:#7a4a10}.tree-svg .nd.keystone>circle{stroke-width:5px}.tree-svg .nd.sel>circle,.tree-svg .nd.sel>polygon{stroke:#fff;stroke-width:6px}.tree-svg text{fill:#e8e0ff;font-family:var(--font);text-anchor:middle;paint-order:stroke;stroke:#0c0828;stroke-width:5px;pointer-events:none;font-size:18px;font-weight:700}@keyframes treePulse{50%{filter:drop-shadow(0 0 8px #8af0ffe6)}}.tree-zoom{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.tree-detail h3{margin-top:4px}.tree-node-head b{color:var(--gilt-hi);font-size:18px;display:block}.tree-node-head.keystone b{color:#ff9ad8}.tree-node-head small{color:var(--muted)}.tree-sum{margin:8px 0;padding-left:18px;font-size:14px;line-height:1.7}@media (width<=760px){.tree-body{grid-template-columns:1fr}.tree-view{height:52vh}.treewin .sheet-head{flex-wrap:wrap}}.card.sheet.petwin{width:min(980px,100%)}.petwin .sheet-head{flex-wrap:wrap;gap:12px}.petwin .tabs{gap:4px;display:flex}.btn-small.on{border-color:var(--gilt);color:var(--gilt-hi);box-shadow:0 0 10px #ffd36a59}.pet-tools{justify-content:flex-end;align-items:center;gap:8px;margin:8px 0;display:flex}.pet-body{grid-template-columns:1fr 340px;gap:14px;display:grid}.pet-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));align-content:start;gap:6px;max-height:420px;padding:4px;display:grid;overflow-y:auto}.pet-cell{aspect-ratio:1;border:2px solid var(--rc,#3a3266);width:100%;min-width:48px;box-shadow:0 0 10px color-mix(in srgb, var(--rc,#000) 45%, transparent);background:radial-gradient(circle,#ffffff14,#120d32e6) 50%/110%;border-radius:50%;padding:0;position:relative}.pet-cell.empty{box-shadow:none;border-style:dashed;border-color:#3a3266}.pet-cell.sel{outline-offset:2px;outline:2px solid #fff}.pet-cell.eq:after{content:"✦";color:var(--gilt-hi);text-shadow:0 0 6px var(--gold);font-size:16px;position:absolute;top:-6px;right:-4px}.pet-cell.dim{opacity:.35}.pet-cell.small{vertical-align:middle;width:40px;min-width:40px;margin:0 3px;display:inline-block}.pet-lock{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='8' rx='1.5' fill='%23f2c46d' stroke='%23000' stroke-width='.8'/%3E%3Cpath d='M5 7V5a3 3 0 0 1 6 0v2' fill='none' stroke='%23f2c46d' stroke-width='1.8'/%3E%3C/svg%3E") 50%/contain no-repeat;width:14px;height:14px;position:absolute;bottom:0;right:0}.pet-card{border:1px solid var(--rc);background:linear-gradient(135deg, color-mix(in srgb, var(--rc) 22%, transparent), #120d3299);text-align:left;border-radius:12px;grid-template-columns:110px 1fr;gap:12px;padding:10px;display:grid}.pet-art{width:110px;height:110px;filter:drop-shadow(0 0 10px var(--rc))}.pet-info b{font-size:17px}.pet-info small{display:block}.pet-skill{align-items:center;gap:8px;margin-top:6px;display:flex}.pet-skill img{width:40px;height:40px}.pet-skill small{color:var(--muted);display:block}.pet-drop{max-width:460px;margin:10px auto}.summon{text-align:center}.summon-circle{width:220px;height:220px;margin:18px auto;position:relative}.summon-circle i{border:3px solid #8af0ffcc;border-radius:50%;animation:9s linear infinite runeSpin;position:absolute;inset:0;box-shadow:0 0 22px #8af0ff99,inset 0 0 22px #8af0ff66}.summon-circle i:nth-child(2){box-shadow:none;border:2px dashed #ffe9a0e6;animation-duration:6s;animation-direction:reverse;inset:26px}.summon-circle i:nth-child(3){border-color:#ff9ad8cc;animation-duration:3s;inset:70px}.summon-out{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0;display:flex}.summon-card{opacity:0;width:92px;animation:.5s cubic-bezier(.2,1.4,.4,1) forwards summonIn;animation-delay:var(--d);justify-items:center;gap:4px;display:grid}.summon-card .pet-cell{width:80px}.summon-card.t-epic .pet-cell,.summon-card.t-legendary .pet-cell{animation:1.6s ease-in-out infinite tierGlow}.summon-card small{color:var(--rc);font-size:12px}@keyframes summonIn{0%{opacity:0;filter:brightness(3);transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:none}}@keyframes tierGlow{50%{box-shadow:0 0 26px 6px var(--rc)}}.rates{border-collapse:collapse;margin:14px auto 0;font-size:13px}.rates th,.rates td{border-bottom:1px solid #d8b46a33;padding:3px 14px}.rates th{color:var(--gilt-hi)}.skill.pet{outline-offset:1px;outline:2px solid #7dffb0;box-shadow:0 0 10px #7dffb0b3}.skill.pet:after{content:"";background:#0a3a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='%237dffb0'%3E%3Cellipse cx='48' cy='62' rx='20' ry='16'/%3E%3Cellipse cx='24' cy='40' rx='8' ry='10'/%3E%3Cellipse cx='40' cy='26' rx='8' ry='10'/%3E%3Cellipse cx='58' cy='26' rx='8' ry='10'/%3E%3Cellipse cx='74' cy='40' rx='8' ry='10'/%3E%3C/g%3E%3C/svg%3E") 50%/70% no-repeat;border:1px solid #7dffb0;border-radius:50%;width:16px;height:16px;position:absolute;top:-6px;left:-6px}@media (width<=760px){.pet-body{grid-template-columns:1fr}.pet-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:240px}.pet-card{grid-template-columns:80px 1fr}.pet-art{width:80px;height:80px}}