:root{--bg:#0a0e1a;--panel:#131a2b;--panel-2:#1b2439;--line:#263149;--text:#e8edf7;--dim:#8494b0;--gold:#ffc24b;--gem:#6fd3ff;--accent:#ff7a45;--ok:#58d68d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{max-width:520px;height:100%;margin:0 auto;position:relative;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--nav-h:74px;--hud-bottom:111px;--avatar:48px}#hud{z-index:3;padding:calc(8px + var(--safe-top)) 10px 20px;font-variant-numeric:tabular-nums;pointer-events:none;background:linear-gradient(#000000b8,#00000059 55%,#0000);grid-template-columns:minmax(0,auto) minmax(142px,1fr) auto;align-items:start;gap:6px;display:grid;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.hero-block{flex-direction:column;align-items:stretch;gap:4px;display:flex;position:relative}#hud .hero-block{width:var(--avatar);min-width:0}.hero-nums{flex-direction:column;align-items:stretch;gap:4px;width:max-content;max-width:44vw;display:flex;position:relative}.avatar{width:var(--avatar);height:var(--avatar);background:radial-gradient(circle at 50% 30%, var(--panel-2), #000 130%);cursor:pointer;border:2px solid #ffffff24;border-radius:14px;flex:none;align-self:center;padding:0;position:relative;overflow:hidden}.avatar-art{object-fit:cover;object-position:50% 8%;transform-origin:50% 0;pointer-events:none;width:100%;height:100%;transform:scale(1.55)}.avatar-lv{color:var(--gold);text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#000000d9 45%);padding:1px 0 2px;font-size:11px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.avatar-lv .label{color:var(--dim);font-weight:600}.avatar[data-points=true]:after{content:"";background:#d63a2c;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite avatar-dot;position:absolute;top:3px;right:3px;box-shadow:0 0 6px #d63a2ccc}@keyframes avatar-dot{0%,to{transform:scale(1);box-shadow:0 0 4px #d63a2cb3}50%{transform:scale(1.35);box-shadow:0 0 10px #d63a2ce6,0 0 16px #d63a2c8c}}.knight-xp{top:var(--safe-top);pointer-events:none;background:#ffe7c442;height:3px;position:absolute;left:0;right:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 1.4px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 1.4px) 10%)}.knight-xp>i{background:#e9bd6e;width:0;height:100%;transition:width .3s ease-out;display:block}.chip{background:#0000006b;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:700;display:flex}#hud .hero-block .chip{gap:5px;padding:2px 10px 2px 5px;font-size:13px;font-weight:800;line-height:1.25}#hud .hero-block .chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#hud .hero-block .chip .icon,#hud .hero-block .chip .icon-art{flex:none;width:16px;height:16px}.chip.gold{color:var(--gold)}.chip.gold [data-gold]{transform-origin:50% 60%;display:inline-block}.chip.gold [data-gold].pop{animation:.24s cubic-bezier(.2,.9,.3,1.25) purse-pop}.chip.gold [data-gold].pop-heavy{animation:.32s ease-out purse-pop-heavy}@keyframes purse-pop{0%{transform:scale(1)}30%{color:#fff6d6;text-shadow:0 0 8px #ffd26ee6;transform:scale(1.35)translateY(-1px)}to{transform:scale(1)}}@keyframes purse-pop-heavy{0%{transform:scale(1)}25%{color:#fff8e0;text-shadow:0 0 12px #ffdc78;transform:scale(1.55)translate(1px,-2px)}50%{transform:scale(1.25)translate(-1px,1px)}75%{transform:scale(1.12)translate(1px)}to{transform:scale(1)}}.gold-row{display:flex;position:relative}.gold-row .chip.gold{flex:auto;min-width:0}#afk{color:var(--dim);white-space:nowrap;pointer-events:none;background:#0a0604b3;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 100% - 132px);margin-left:6px;padding:0 9px;font-size:11px;display:inline-flex;position:absolute;top:0;bottom:0;left:100%;overflow:hidden}#app[data-sheet=open] #afk{display:none}.afk-tag{text-overflow:ellipsis;letter-spacing:.14em;text-transform:uppercase;flex:0 auto;min-width:0;font-size:9px;font-weight:900;overflow:hidden}.afk-value{color:var(--text);flex:none;align-items:center;gap:3px;display:inline-flex}.afk-value .icon{width:12px;height:12px}.afk-value b{color:var(--gold)}.chip.power{font:inherit;color:var(--gold);cursor:pointer;transition:color .2s,border-color .2s}.chip.power [data-power-value]{text-overflow:ellipsis;white-space:nowrap;transform-origin:50% 60%;min-width:0;display:inline-block;overflow:hidden}.chip.power [data-power-value].pop{animation:.3s cubic-bezier(.2,.9,.3,1.25) power-pop}.hud-aside{align-items:center;max-width:min(46vw,210px);height:24px;display:flex;position:absolute;bottom:0;left:calc(100% + 8px)}.power-hint{appearance:none;letter-spacing:.01em;text-align:left;color:#ffdca6;text-shadow:0 1px 2px #000000f2,0 0 10px #000000b3;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:100%;margin:0;padding:0;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1.2;animation:.3s backwards hint-in;overflow:hidden}.power-hint:active{opacity:.7}@keyframes hint-in{0%{opacity:0;transform:translate(-6px)}}.power-gain{pointer-events:none;white-space:nowrap;letter-spacing:.02em;color:#ffe6a8;text-shadow:0 0 8px #ffbe5acc,0 1px 2px #000000e6;font-size:13px;font-weight:800;position:absolute;top:50%;left:0}.power-gain.show{animation:1.6s cubic-bezier(.2,.9,.3,1) forwards power-gain}@keyframes power-gain{0%{opacity:0;transform:translate(-8px,-50%)scale(.8)}16%{opacity:1;transform:translateY(-50%)scale(1.14)}28%{transform:translateY(-50%)scale(1)}70%{opacity:1;transform:translateY(calc(-50% - 6px))scale(1)}to{opacity:0;transform:translateY(calc(-50% - 16px))scale(1)}}@keyframes power-pop{0%{transform:scale(1)}30%{color:#fff;text-shadow:0 0 10px var(--gold);transform:scale(1.4)translateY(-1px)}to{transform:scale(1)}}.chip.power[data-low=true]{color:var(--accent);border-color:#ff7a4580;animation:1.9s ease-in-out infinite power-low}@keyframes power-low{0%,to{box-shadow:0 0 #ff7a4500}50%{box-shadow:0 0 10px 1px #ff7a4573}}@media (prefers-reduced-motion:reduce){.chip.power[data-low=true],.chip.power [data-power-value].pop,.power-hint{animation:none}.power-gain.show{animation:1.6s linear forwards power-gain-still}@keyframes power-gain-still{0%,85%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}}.wave-banner{text-align:center;min-width:0;padding-top:2px}.wave-name{letter-spacing:.02em;text-shadow:0 1px 3px #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;font-size:13px;font-weight:800;line-height:1.15;display:flex}.wave-name>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.wave-name>[data-wave-realm]{color:var(--dim);font-size:11px;font-weight:700}.wave-name .wave-of{color:var(--dim);letter-spacing:0;font-weight:800}.wave-name .wave-of[data-near=true]{color:var(--gold)}.wave-name>[data-wave-realm]:empty{display:none}.wave-name .icon{width:17px;height:17px;color:var(--accent);flex:none}.wave-banner:not([data-boss=true]) .wave-name .icon{display:none}.wave-banner[data-boss=true] .wave-name{color:var(--accent)}.wave-bar{border:1px solid var(--line);background:#000;border-radius:999px;height:11px;margin-top:3px;position:relative;overflow:hidden}.wave-bar i{transform-origin:0;background:linear-gradient(#ff6a4d,#a3160f);height:100%;transition:transform .12s linear;display:block;transform:scaleX(1)}.boss-clock{background:#0000008c;border-radius:999px;height:3px;margin-top:2px;overflow:hidden}.wave-banner:not([data-boss=true]) .boss-clock{visibility:hidden}.boss-clock i{transform-origin:0;background:var(--gold);height:100%;display:block}.wave-pips{justify-content:center;gap:2px;margin-top:3px;padding:0 24px;display:flex;position:relative}.wave-pips i{background:#ffffff24;border-radius:999px;flex:1 1 0;max-width:14px;height:3px;transition:background .18s linear}.wave-pips i[data-state=done]{background:var(--gold)}.wave-pips i[data-state=now]{background:var(--gold);animation:.9s ease-in-out infinite pip-now}.wave-banner[data-boss=true] .wave-pips i{background:var(--accent);animation:none}@keyframes pip-now{0%,to{opacity:1}50%{opacity:.35}}.wave-count{color:#ffffffb8;text-shadow:0 1px 2px #000;pointer-events:none;font-size:9px;font-weight:800;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;width:44px;display:flex;position:relative}.hud-buttons{flex:none;gap:6px;display:flex}.hud-speed .speed-value{color:var(--gold);font-size:15px;font-weight:800;line-height:1}.hud-speed[aria-pressed=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #ffc24b40}.hud-btn{min-height:44px;color:var(--dim);font:inherit;cursor:pointer;background:#0000006b;border:1px solid #ffffff17;border-radius:12px;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:1px;padding:4px 2px;font-size:9px;font-weight:700;display:flex}.hud-btn .icon{width:20px;height:20px;color:var(--gold)}.hud-btn:active{transform:scale(.95)}@media (max-height:760px){:root{--hud-bottom:100px;--avatar:44px}#hud{padding-top:calc(6px + var(--safe-top));padding-bottom:16px}#hud .hero-block,.hero-nums{gap:3px}#hud .hero-block .chip{padding:1px 9px 1px 5px;font-size:12.5px}#hud .hero-block .chip .icon,#hud .hero-block .chip .icon-art{width:15px;height:15px}}#stage-canvas{position:absolute;inset:0}#stage-canvas canvas{width:100%;height:100%;display:block}#panel{left:8px;right:8px;bottom:calc(var(--nav-h) + var(--safe-bottom) - 4px);z-index:2;overscroll-behavior:contain;background:#060403d6;border-radius:20px;max-height:min(44%,330px);padding:12px 12px 14px;animation:.16s ease-out sheet-in;position:absolute;overflow-y:auto;box-shadow:0 8px 16px #0009}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060403a8}}#panel[data-tab=battle]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-title{letter-spacing:.08em;color:var(--dim);text-transform:uppercase;font-size:13px}.gear-banner,.relic-banner{padding:0 10px}.amount-group{gap:4px;display:flex}.amount-btn{color:var(--dim);cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.amount-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1a0d06}.panel-hint{letter-spacing:.04em;color:var(--dim);opacity:.72;font-size:11px}.upgrade{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:7px;padding:10px 12px;transition:transform 60ms,border-color .15s;display:grid}.upgrade:active{transform:scale(.985)}.upgrade[data-affordable=true]{background:#ffc24b1a;border-color:#ffc24b80}.upgrade .name{font-size:15px;font-weight:700}.upgrade .meta{color:var(--dim);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.upgrade .cost{text-align:right;color:var(--gold);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:5px;font-size:14px;font-weight:800;display:flex}.upgrade .cost .count{color:var(--dim);white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2}.modal-backdrop{z-index:10;background:#04070ec7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;width:100%;max-width:340px;padding:22px}.modal h2{margin:0 0 4px;font-size:19px}.modal .sub{color:var(--dim);margin-bottom:16px;font-size:13px}.modal .reward{color:var(--gold);justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:30px;font-weight:800;display:flex}.modal .reward .icon{width:30px;height:30px}.modal button{width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-bottom:8px;padding:13px;font-weight:800}.sound-menu{text-align:left}.sound-menu h2,.sound-menu .sub{text-align:center}.sound-row{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:11px 12px;font-size:14px;font-weight:700;display:flex}.sound-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold)}.sound-row input[type=range]{max-width:150px;accent-color:var(--gold);flex:1}.menu-danger{border-top:1px dashed var(--line);text-align:center;margin-top:14px;padding-top:12px}.menu-danger-tag{border:1px solid var(--line);letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.menu-danger-note{color:var(--dim);margin:2px 0 0;font-size:11px}.btn-danger{color:#e06a5a;background:0 0;border:1px solid #6d2f28!important}.btn-danger.armed{color:#fff1ec;background:#7d2b22;border-color:#a2453a!important}.btn-primary{background:var(--accent);color:#1a0d06}.btn-ghost{color:var(--dim);background:0 0;border:1px solid var(--line)!important}.stats-box{flex-direction:column;min-height:0;display:flex}.stats-head{margin-bottom:4px}.stats-power{color:var(--gold);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:18px;font-weight:800;display:flex}.stats-power .label{color:var(--dim);letter-spacing:.08em;font-size:11px;font-weight:600}.stats-power .sub{color:var(--dim);align-items:baseline;gap:5px;font-size:13px;font-weight:700;display:flex}.stat-list{grid-template-columns:1fr 1fr;column-gap:14px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.stat-list li{font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px;padding:3px 0;display:grid}.stat-list li[data-wide=true],.stat-list li .stat-note{grid-column:1/-1}.stat-name{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.stat-value{text-align:right;font-weight:700}.stat-note{color:var(--dim);font-size:11px;font-weight:500;line-height:1.25;display:block}.stat-list li[data-pending=true]{opacity:.5}#battle-dock{left:12px;right:12px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}#battle-dock>*{pointer-events:auto}#skill-bar{align-items:flex-end;gap:12px;display:flex}.skill{--skill:127, 233, 255;justify-content:center;width:66px;display:flex;position:relative}.skill-btn{--cd:0;border:2px solid var(--line);width:66px;height:66px;color:var(--text);cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 50% 32%,#22334f,#0d1424 72%);border-radius:50%;place-items:center;padding:0;transition:transform 80ms,border-color .2s,opacity .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000080}.skill-btn:active:not(:disabled){transform:scale(.93)}.skill-btn:disabled{cursor:default}.skill-icon{fill:none;width:32px;height:32px;stroke:rgb(var(--skill));stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(var(--skill), .55));transition:opacity .2s}.skill-btn:after{content:"";background:conic-gradient(#04070e9e calc(var(--cd) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.skill-cd{z-index:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000,0 0 8px #000c;font-size:17px;font-weight:800;position:absolute}.skill[data-skill=dash]{--skill:127, 233, 255}.skill[data-skill=leap]{--skill:255, 166, 58}.skill[data-skill=rain]{--skill:255, 64, 48}.skill-btn{--skill-rest:0 4px 14px #00000080, 0 0 12px rgba(var(--skill), .22);box-shadow:var(--skill-rest)}.skill-btn[data-art]{--skill-rest:0 0 0 1px rgba(var(--skill), .45), 0 4px 14px #00000080, 0 0 14px rgba(var(--skill), .3)}.skill-btn[data-mode=ready]{border-color:rgb(var(--skill));animation:1.6s ease-out infinite skill-pulse}.skill-btn[data-mode=idle]{border-color:var(--line)}.skill-btn[data-mode=casting]{border-color:#fff}.skill-btn[data-mode=casting] .skill-icon{stroke:#fff}.skill-btn:not([data-art]){background:radial-gradient(circle at 50% 32%, rgba(var(--skill), .22), #0d1424 72%)}.skill-btn[data-art]{background:#05060a;border:none;border-radius:6px}.skill-btn[data-art]:after{border-radius:6px}.skill-art{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .2s,filter .2s;display:block}.skill-btn[data-art][data-mode=ready] .skill-art{filter:brightness(1.12)saturate(1.08)}.skill-btn[data-mode=casting] .skill-art{filter:brightness(1.45)}.skill-btn[data-art][data-mode=casting]{box-shadow:0 0 0 2px #fff,0 4px 14px #00000080}.skill-btn.cast{animation:.36s ease-out skill-cast}.skill-btn.deny{animation:.22s ease-out skill-deny}@keyframes skill-pulse{0%{box-shadow:var(--skill-rest), 0 0 0 0 rgba(var(--skill), .55)}to{box-shadow:var(--skill-rest), 0 0 0 14px rgba(var(--skill), 0)}}@keyframes skill-cast{0%{transform:scale(.9);box-shadow:0 4px 14px #00000080,0 0 #fffc}60%{transform:scale(1.08)}to{transform:scale(1);box-shadow:0 4px 14px #00000080,0 0 0 22px #fff0}}@keyframes skill-deny{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.icon-coin{stroke-width:2.2px}#battle-controls{display:flex}#app[data-sheet=open] #battle-dock{opacity:0;pointer-events:none;transition:opacity .14s}#app[data-dock=lift] #battle-dock{opacity:1;bottom:var(--dock-lift,calc(var(--nav-h) + var(--safe-bottom) + 16px));z-index:3;transition:bottom .16s,opacity .14s}#app[data-sheet=open]:not([data-dock=lift]) #battle-dock>*{pointer-events:none}.round-btn{border:2px solid var(--line);background:radial-gradient(circle at 50% 30%, var(--panel-2), #05070c 78%);width:66px;height:66px;color:var(--dim);font:inherit;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:transform 80ms,border-color .2s,color .2s;display:flex;box-shadow:0 4px 14px #00000080}.round-btn:active{transform:scale(.93)}.round-btn-lock{border:1px solid var(--line);width:14px;height:14px;color:var(--dim);background:#05070c;border-radius:50%;place-items:center;display:none;position:absolute;top:-2px;right:-2px}.round-btn-lock .icon{width:8px;height:8px}#battle-controls .auto-btn{gap:0;width:44px;height:44px;position:relative}#battle-controls .auto-btn .icon{width:16px;height:16px}#battle-controls .auto-btn .round-btn-name{letter-spacing:.02em;font-size:9px}.round-btn .icon{width:26px;height:26px}.round-btn-name{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.speed-value{font-size:21px;font-weight:800;line-height:1}.round-btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 4px 14px #00000080,0 0 14px #ffc24b47}.hud-buttons>[data-warp-slot],.hud-buttons>[data-speed-slot]{display:contents}.warp-btn{position:relative}.hud-right .warp-btn{flex:none;gap:0;width:44px;height:44px}.hud-right .warp-icon{width:16px;height:16px}.hud-right .warp-btn .round-btn-name{letter-spacing:.02em;font-size:9px}.hud-right .warp-ring{inset:-3px}.hud-right .warp-charges{min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:14px;top:-5px;right:-5px}.warp-icon{fill:currentColor;width:24px;height:24px}.warp-icon path[opacity]{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round}.warp-ring{background:conic-gradient(from -90deg, var(--ring,var(--gold)) calc(var(--warp,0) * 360deg), #ffffff12 0);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 4px),#000 calc(50% - 3px));mask:radial-gradient(circle,#0000 calc(50% - 4px),#000 calc(50% - 3px))}.warp-btn[data-mode=charge] .warp-ring{opacity:1}.warp-charges{background:linear-gradient(#ffe6a8, var(--gold));color:#241503;border:1px solid #0009;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:900;line-height:18px;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #0000008c}.warp-charges[data-empty=true]{color:var(--dim);background:linear-gradient(#464c5e,#272c3a)}.warp-btn[data-mode=ready]{border-color:var(--gold);color:var(--gold);animation:2.4s ease-in-out infinite warp-breathe}.hud-right .warp-btn[data-mode=ready] .round-btn-name{font-size:13px;font-weight:900}.warp-btn[data-mode=charge]{--ring:#ffc24b8c;color:var(--dim);opacity:.85}.warp-btn[data-mode=record]{color:var(--dim);opacity:.6}.warp-btn[data-mode=record] .round-btn-name{font-size:9px}@keyframes warp-breathe{0%,to{box-shadow:0 4px 14px #00000080,0 0 2px #ffc24b26}50%{box-shadow:0 4px 14px #00000080,0 0 18px #ffc24b73}}@media (max-width:340px){.round-btn,.skill,.skill-btn{width:58px}.round-btn,.skill-btn{height:58px}#skill-bar{gap:8px}.round-btn .icon{width:23px;height:23px}.round-btn .icon-art{width:26px;height:26px}.skill-icon{width:28px;height:28px}}#test-bar{z-index:9;color:#f0c9a0;background:#080a12eb;border-top:1px solid #7a2b2b;flex-direction:column;gap:4px;padding:6px 8px;font-size:10px;display:flex;position:absolute;top:92px;left:0;right:0}#test-bar .test-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#test-bar .test-tag{color:#fff;letter-spacing:.08em;background:#7a2b2b;border-radius:4px;padding:1px 5px;font-weight:900}#test-bar button{color:#f0c9a0;font:inherit;cursor:pointer;background:#1b1720;border:1px solid #4a3b3b;border-radius:5px;padding:3px 7px;font-weight:700}#test-bar button:active{transform:scale(.94)}#test-bar [data-act=wipe]{color:#ff9b8a;border-color:#7a2b2b}#test-bar [data-act=hide]{margin-left:auto}.locked-panel{text-align:center;height:100%;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.locked-mark{color:var(--line);position:relative}.locked-mark>.icon{width:46px;height:46px}.locked-lock{color:var(--dim);position:absolute;bottom:-4px;right:-8px}.locked-lock .icon{width:20px;height:20px}.locked-panel h3{color:var(--text);margin:0;font-size:16px}.locked-panel p{max-width:30ch;margin:0;font-size:12px;line-height:1.45}.locked-tag{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border-radius:999px;margin-top:2px;padding:3px 10px;font-size:10px;font-weight:800}#nav-bar{z-index:3;height:calc(var(--nav-h) + var(--safe-bottom));padding:6px 6px calc(6px + var(--safe-bottom));background:linear-gradient(#0000,#00000073 40%,#000000d1);align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-btn{min-width:0;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:5px 0 3px;transition:color .15s;display:flex;position:relative}.nav-btn .icon{width:24px;height:24px}.nav-label{font-size:10px;font-weight:700}.nav-btn[aria-selected=true]{color:var(--gold)}.nav-btn[aria-selected=true] .nav-icon{filter:drop-shadow(0 0 6px #ffc24b80)}.nav-center{color:var(--text)}.nav-center .nav-icon{border:2px solid var(--line);background:radial-gradient(circle at 50% 30%, var(--panel-2), #05070c 80%);border-radius:50%;place-items:center;width:54px;height:54px;margin-top:-22px;display:grid;box-shadow:0 4px 14px #0000008c}.nav-center .icon{width:28px;height:28px}.nav-center[aria-selected=true] .nav-icon{border-color:var(--gold);box-shadow:0 4px 14px #0000008c,0 0 16px #ffc24b4d}.nav-lock{color:#cbbfae;background:#000c;border-radius:999px;place-items:center;width:16px;height:16px;display:none;position:absolute;top:15px;right:calc(50% - 19px);box-shadow:0 0 0 1px #ffffff24}.nav-lock .icon{width:10px;height:10px}.nav-center .nav-lock{width:20px;height:20px;top:-2px;right:calc(50% - 28px)}.nav-center .nav-lock .icon{width:12px;height:12px}.nav-badge{background:#d63a2c;border-radius:999px;width:10px;height:10px;position:absolute;top:2px;right:calc(50% - 18px);box-shadow:0 0 0 2px #000000bf,0 0 8px #d63a2cb3}.nav-badge[data-tone=new]{background:var(--gold);box-shadow:0 0 0 2px #000000bf,0 0 8px #ffc24bb3}.nav-center .nav-badge{top:-16px;right:calc(50% - 28px)}.nav-sub{color:var(--gem);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#0a0604e0;border:1px solid #6fd3ff73;border-radius:999px;align-items:center;gap:2px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.nav-sub .icon,.nav-sub .icon-art{width:10px;height:10px}.nav-sub[hidden]{display:none}.nav-btn.loot-caught .nav-icon{animation:.5s cubic-bezier(.2,1.6,.4,1) loot-caught}@keyframes loot-caught{0%{filter:none;transform:scale(1)}28%{filter:drop-shadow(0 0 12px var(--loot-flash,var(--gold))) brightness(1.6);transform:scale(1.42)}to{filter:none;transform:scale(1)}}.toast{z-index:20;border:1px solid var(--line);color:var(--text);pointer-events:none;background:#060910eb;border-radius:999px;align-items:center;gap:4px;padding:9px 16px;font-size:13px;font-weight:700;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:26%;left:50%;transform:translate(-50%)}.toast .icon{width:16px;height:16px}.toast.leaving{animation:.22s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-6px)}}@media (max-width:380px){.hud-btn span:not(.speed-value){display:none}.avatar-lv{font-size:10px}#hud{grid-template-columns:minmax(0,auto) minmax(128px,1fr) auto}#hud .hero-block .chip{padding:2px 8px 2px 4px;font-size:12px}#hud .hero-block .chip .icon,#hud .hero-block .chip .icon-art{width:15px;height:15px}}@media (max-width:340px){#hud{grid-template-columns:minmax(0,auto) minmax(100px,1fr) auto}#hud .hero-block .chip{gap:4px;padding:2px 7px 2px 4px;font-size:11px}#hud .hero-block .chip .icon,#hud .hero-block .chip .icon-art{width:14px;height:14px}}.gear-actions{gap:6px;margin-bottom:8px;display:flex}.gear-action{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0e;border-radius:12px;flex:1;padding:9px 10px;font-size:13px;font-weight:700}.gear-action:active{transform:scale(.985)}.gear-stack{opacity:.8}.tier-badge{letter-spacing:.04em;min-width:26px;height:22px;color:var(--dim);background:#ffffff14;border-radius:7px;place-items:center;padding:0 5px;font-size:12px;font-weight:900;display:inline-grid}.tier-badge[data-tier=D]{color:#d9d4cc;background:#4b4a48}.tier-badge[data-tier=C]{color:#c9f3cf;background:#2f6b3a}.tier-badge[data-tier=B]{color:#cfe1ff;background:#274f8f}.tier-badge[data-tier=A]{color:#e5d3ff;background:#5d2f9a}.tier-badge[data-tier=S]{color:#ffe1c2;background:#a3541a}.tier-badge[data-tier=SS]{color:#ffd0d0;background:#a12626}.tier-badge[data-tier=SSS]{color:#fff3c4;background:#b8860b}.gear-mats{color:var(--dim);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:12px}.gear-action:disabled{opacity:.5;cursor:default}.gear-lines{color:var(--gold);opacity:.9}.gear-lines:empty{display:none}.loot-card{z-index:9;perspective:600px;pointer-events:none;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.loot-card-face{background:var(--panel);border:2px solid var(--line);border-radius:16px;justify-items:center;gap:4px;min-width:150px;padding:16px 20px;animation:.55s cubic-bezier(.2,.9,.3,1.2) both loot-flip;display:grid;box-shadow:0 12px 40px #0009}.loot-card[data-tier=A] .loot-card-face{border-color:#8a56d8;box-shadow:0 0 40px #8a56d873}.loot-card[data-tier=S] .loot-card-face{border-color:#e07a2b;box-shadow:0 0 40px #e07a2b80}.loot-card[data-tier=SS] .loot-card-face{border-color:#e03a3a;box-shadow:0 0 48px #e03a3a8c}.loot-card[data-tier=SSS] .loot-card-face{border-color:var(--gold);box-shadow:0 0 56px #ffc24b99}.loot-card-tier{border-radius:10px;min-width:44px;height:38px;font-size:20px}.loot-card-name{color:var(--text);font-size:16px;font-weight:800}.loot-card-sub{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.loot-card.leaving .loot-card-face{animation:.35s ease-in both loot-leave}@keyframes loot-flip{0%{opacity:0;transform:rotateY(90deg)scale(.7)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes loot-leave{to{opacity:0;transform:translateY(-24px)scale(.9)}}.loot-card-stat{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:12px;font-weight:800}.rebirth-soul{color:#d9c8ff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.rebirth-soul .unit{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:9px;font-weight:700}.rebirth-act{gap:7px;display:grid}.rebirth-chips{flex-wrap:wrap;gap:5px;display:flex}.rb-chip{color:#cbb9ff;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:#b9a3ff14;border:1px solid #b9a3ff47;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.rb-chip-warp{color:var(--gold);background:#ffc24b14;border-color:#ffc24b4d}.rb-chip-next{color:#9ff0c0;background:#7ee7a81a;border-color:#7ee7a85c}.rebirth-btn{width:100%;color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#5d2f9a59,#5d2f9a26);border:1px solid #5d2f9a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:10px 14px;font-weight:800;display:flex}.rebirth-btn[data-ready=true]{border-color:#b9a3ff;box-shadow:0 0 22px #b9a3ff59}.rebirth-btn-main{font-size:13.5px}.rebirth-btn-sub{text-transform:none;letter-spacing:.01em;opacity:.78;font-size:10.5px;font-weight:600}.rebirth-btn:disabled{opacity:.55;cursor:default}.rebirth-hint{color:var(--dim);text-align:center;margin:0;font-size:11px;line-height:1.35}.soul-head{margin:12px 0 7px}.soul-hint{margin:0;font-size:10px}.soul-nodes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;display:grid}.soul-nodes .soul-node{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 7px;margin:0;padding:7px 9px}.soul-node .node-icon{grid-area:1/1/3/2;align-self:center}.soul-node .name{white-space:nowrap;text-overflow:ellipsis;grid-area:1/2/2/3;font-size:12.5px;font-weight:700;overflow:hidden}.soul-node .cost{font-variant-numeric:tabular-nums;grid-area:1/3/2/4;align-items:center;gap:3px;font-size:13px;font-weight:800;display:inline-flex}.soul-node .cost .soul-icon{width:13px;height:13px}.soul-node .meta{min-width:0;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:2/2/3/4;align-items:baseline;gap:5px;font-size:9.5px;display:flex;overflow:hidden}.soul-node .meta .lv{color:#cbb9ff;flex:none;font-weight:800}.soul-node .meta [data-meta]{text-overflow:ellipsis;overflow:hidden}.soul-node .meta .plus{color:#7fd694;flex:none;font-weight:800}.soul-node .meta .plus:empty{display:none}.soul-cost{color:#b9a3ff}@media (max-width:392px){.soul-nodes .soul-node{column-gap:6px;padding:7px 8px}.soul-node .name{font-size:12px}.soul-node .meta{gap:4px;font-size:9px}}@media (max-width:360px){.soul-node .node-icon{width:22px;height:22px}.soul-node .name{font-size:11.5px}.soul-node .cost{font-size:12px}}@media (max-height:700px){.rebirth-act{gap:6px}.soul-head{margin-top:9px}.rebirth-btn{padding:8px 14px}.rebirth-hint{font-size:10.5px}}.collection-count{color:var(--dim);text-align:right;max-width:60%;font-size:11px}.collection-milestone{color:var(--dim);margin:0 0 10px;font-size:12px;line-height:1.4}.panel-note{color:var(--dim);text-align:center;margin:10px 0 0;font-size:12px}.costume-row{background:#ffffff0e;border:1px solid #0000;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:7px;padding:9px 12px;display:grid}.costume-row[data-unlocked=true]{border-color:#b9a3ff73}.costume-swatch{background:hsl(calc(var(--realm,1) * 36deg + 10deg) 45% 28%);opacity:.55;border:1px solid #ffffff1f;border-radius:10px;width:34px;height:34px}.costume-row[data-unlocked=true] .costume-swatch{opacity:1;box-shadow:0 0 14px hsl(calc(var(--realm,1) * 36deg + 10deg) 70% 50% / .5)}.costume-body{gap:2px;display:grid}.costume-body .name{font-size:14px;font-weight:700}.costume-body .meta{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}.costume-stars{color:var(--gold);letter-spacing:.05em;font-size:12px}.costume-btn{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.costume-btn:not(:disabled){background:var(--accent);border-color:var(--accent);color:#1a0d06}.costume-btn:disabled{opacity:.5;cursor:default}.gear-sub{gap:4px;display:grid}.gear-sub:empty{display:none}.gear-forge:not(:disabled){border-style:solid;border-color:var(--gold);color:var(--gold)}.gear-mats{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 12px;margin-bottom:8px;font-size:11px;display:flex}.gear-mats b{color:var(--text);font-weight:700}.doll{flex:none;grid-template-columns:78px 1fr 78px;align-items:center;gap:8px;height:258px;margin:2px 0 8px;display:grid;position:relative}.doll-col{align-content:center;gap:12px;display:grid}.doll-stage{background:radial-gradient(at 50% 60%,#ffc24b24,#0000 62%),repeating-linear-gradient(0deg,#0000 0 15px,#ffffff06 15px 16px);border-radius:16px;place-items:center;height:258px;display:grid;position:relative;overflow:hidden}.doll-figure{place-items:end center;width:100%;height:min(100%,230px);padding-bottom:12px;display:grid;position:relative}.doll-art{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 18px #0009);max-width:100%;max-height:100%;position:relative}.doll-shadow{background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;width:110px;height:22px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.slot-tile{border:2px solid var(--line);width:78px;height:78px;color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(160deg,#ffffff12,#ffffff05);border-radius:14px;place-items:center;transition:transform 60ms,box-shadow .15s,border-color .15s;display:grid;position:relative}.slot-tile:active{transform:scale(.96)}.slot-tile[data-empty=true]{color:var(--dim);border-style:dashed}.slot-tile[data-empty=true] .slot-glyph{opacity:.4}.slot-tile[data-hint=true]:after{content:"";background:var(--accent);width:12px;height:12px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:-5px;right:-5px}.slot-glyph{width:40px;height:40px}.slot-tile .slot-glyph{width:38px;height:38px;margin-bottom:12px}.slot-tile .slot-glyph.icon-art{width:38px;height:38px}.slot-tier{letter-spacing:.04em;color:#d9d4cc;background:#4b4a48;border-radius:7px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;top:-9px;left:-6px;box-shadow:0 2px 6px #00000080}.slot-tier:empty{display:none}.slot-stars{color:var(--gold);letter-spacing:.02em;font-size:10px;position:absolute;top:4px;right:6px}.slot-level{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#101010;border-radius:8px;min-width:34px;padding:0 7px;font-size:12px;font-weight:800;line-height:15px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.slot-tile[data-tier=D]{border-color:#6b6966}.slot-tile[data-tier=C]{background:linear-gradient(160deg,#3f8f4e47,#3f8f4e0f);border-color:#3f8f4e}.slot-tile[data-tier=B]{background:linear-gradient(160deg,#3b6fc44d,#3b6fc40f);border-color:#3b6fc4}.slot-tile[data-tier=A]{background:linear-gradient(160deg,#8a56d852,#8a56d80f);border-color:#8a56d8}.slot-tile[data-tier=S]{background:linear-gradient(160deg,#e07a2b57,#e07a2b14);border-color:#e07a2b}.slot-tile[data-tier=SS]{background:linear-gradient(160deg,#e03a3a5c,#e03a3a14);border-color:#e03a3a;box-shadow:0 0 14px #e03a3a40}.slot-tile[data-tier=SSS]{border-color:var(--gold);background:linear-gradient(160deg,#ffc24b66,#c9402f2e);box-shadow:0 0 18px #ffc24b59}.slot-tile[data-tier=C] .slot-tier{color:#c9f3cf;background:#2f6b3a}.slot-tile[data-tier=B] .slot-tier{color:#cfe1ff;background:#274f8f}.slot-tile[data-tier=A] .slot-tier{color:#e5d3ff;background:#5d2f9a}.slot-tile[data-tier=S] .slot-tier{color:#ffe1c2;background:#a3541a}.slot-tile[data-tier=SS] .slot-tier{color:#ffd0d0;background:#a12626}.slot-tile[data-tier=SSS] .slot-tier{color:#fff3c4;background:#b8860b}.tier-badge small{margin-left:3px;font-size:10px;font-weight:700}.auto-equip{border:1px solid var(--gold);color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#ffc24b47,#ffc24b1a);border-radius:12px;flex:2;padding:10px 12px;font-size:14px;font-weight:800}.auto-equip:active{transform:scale(.985)}.gear-salvage{flex:1}.gear-sheet{background:var(--panel-2,#ffffff0d);border:1px solid var(--line);border-radius:14px;gap:8px;margin:0 0 10px;padding:12px;animation:.18s ease-out both sheet-in;display:grid}.sheet-level{margin-bottom:0}.sheet-level:disabled{opacity:.55;cursor:default}.dim{color:var(--dim);font-weight:500}.gear-power{color:var(--gold);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;margin:4px 0 8px;font-size:24px;font-weight:900;display:flex}.gear-power .label{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;font-size:11px}.gear-stats{border:1px solid var(--line);background:#00000040;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px 14px;padding:10px 12px;display:grid}.gear-stat{justify-content:space-between;gap:8px;font-size:12px;display:flex}.gear-stat .k{color:var(--dim)}.gear-stat .v{font-variant-numeric:tabular-nums;font-weight:700}.sheet-level>span:first-child{gap:2px;display:grid}.sheet-level .name{font-size:14px}.sheet-level .meta{margin-top:0}.hero-root{flex-direction:column;gap:10px;display:flex}.hero-root .hero-block{min-height:0}.hero-root .upgrade{margin-bottom:6px;padding:9px 12px}.hero-root .upgrade:last-child{margin-bottom:0}@media (max-height:760px){#panel[data-tab=hero]{padding-top:8px}.hero-root{gap:6px}.hero-root .upgrade{margin-bottom:5px;padding:8px 12px}.hero-root .upgrade .name{font-size:14px}}@media (max-width:392px){.stat-name{font-size:12px}}@media (max-height:640px){.hero-root .upgrade{margin-bottom:4px;padding:6px 12px}.hero-root .upgrade .name{font-size:13.5px}}#panel[data-tab=rebirth]{flex-direction:column;display:flex;overflow:hidden}#panel[data-tab=rebirth] .tab-panel[data-panel=rebirth]{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}#panel[data-tab=rebirth] .tab-panel[data-panel=rebirth][hidden]{display:none}#panel[data-tab=gear]{top:calc(var(--safe-top) + var(--hud-bottom));flex-direction:column;max-height:none;display:flex;overflow:hidden}#panel[data-tab=gear] .tab-panel[data-panel=gear]{flex-direction:column;flex:auto;min-height:0;display:flex}#panel[data-tab=gear] .tab-panel[data-panel=gear][hidden]{display:none}.gear-root{flex-direction:column;flex:auto;min-height:0;display:flex}.gear-root .gear-mats{flex:none;margin-bottom:6px}.gear-root .gear-actions{flex:none;margin-bottom:8px}.gear-power{margin:0;font-size:22px}@media (max-height:700px){#panel[data-tab=gear]{padding-top:8px}.doll,.doll-stage{height:214px}.doll-col{gap:8px}.slot-tile{width:66px;height:66px}.doll{grid-template-columns:66px 1fr 66px}.slot-glyph,.slot-tile .slot-glyph,.slot-tile .slot-glyph.icon-art{width:34px;height:34px}.slot-tile .slot-glyph{margin-bottom:10px}.slot-tile .slot-level{font-size:11px;line-height:13px;bottom:-6px}.gear-actions .gear-power{font-size:16px}.auto-equip,.gear-action{padding:8px 10px;font-size:13px}}.gear-root .gear-actions{align-items:center}.gear-actions .gear-power{flex:1;justify-content:flex-end;margin:0;font-size:18px}.gear-actions .gear-power .label{font-size:10px}.gear-root .backpack{overscroll-behavior:contain;border:1px solid var(--line);background:#00000040;border-radius:14px;flex:auto;min-height:120px;padding:14px 10px 10px;overflow-y:auto}.bag-empty{color:var(--dim);text-align:center;margin:0;padding:14px 0;font-size:12px}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;display:grid}.bag-rule{grid-column:1/-1}.bag-tile{aspect-ratio:1;border:2px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(160deg,#ffffff12,#ffffff05);border-radius:12px;place-items:center;transition:transform 60ms;display:grid;position:relative}.bag-tile:active{transform:scale(.95)}.bag-tile .slot-glyph{width:26px;height:26px}.bag-tile .slot-tier{padding:0 5px;font-size:10px;top:-7px;left:-5px}.bag-lines{color:var(--gold);letter-spacing:1px;font-size:9px;position:absolute;bottom:2px;right:5px}.bag-tile[data-mergeable=true]:after{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;top:-4px;right:-4px}.bag-tile[data-tier=D]{border-color:#6b6966}.bag-tile[data-tier=C]{background:linear-gradient(160deg,#3f8f4e47,#3f8f4e0f);border-color:#3f8f4e}.bag-tile[data-tier=B]{background:linear-gradient(160deg,#3b6fc44d,#3b6fc40f);border-color:#3b6fc4}.bag-tile[data-tier=A]{background:linear-gradient(160deg,#8a56d852,#8a56d80f);border-color:#8a56d8}.bag-tile[data-tier=S]{background:linear-gradient(160deg,#e07a2b57,#e07a2b14);border-color:#e07a2b}.bag-tile[data-tier=SS]{background:linear-gradient(160deg,#e03a3a5c,#e03a3a14);border-color:#e03a3a}.bag-tile[data-tier=SSS]{border-color:var(--gold);background:linear-gradient(160deg,#ffc24b66,#c9402f2e);box-shadow:0 0 12px #ffc24b4d}.bag-tile[data-tier=C] .slot-tier{color:#c9f3cf;background:#2f6b3a}.bag-tile[data-tier=B] .slot-tier{color:#cfe1ff;background:#274f8f}.bag-tile[data-tier=A] .slot-tier{color:#e5d3ff;background:#5d2f9a}.bag-tile[data-tier=S] .slot-tier{color:#ffe1c2;background:#a3541a}.bag-tile[data-tier=SS] .slot-tier{color:#ffd0d0;background:#a12626}.bag-tile[data-tier=SSS] .slot-tier{color:#fff3c4;background:#b8860b}.gear-popup-backdrop{z-index:12;background:#04030299;place-items:center;padding:20px;animation:.12s ease-out both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gear-popup{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:10px;width:min(100%,360px);max-height:min(80vh,640px);padding:14px;animation:.16s cubic-bezier(.2,.9,.3,1.15) both popup-in;display:grid;overflow-y:auto;box-shadow:0 18px 50px #000000a6}@keyframes popup-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.gear-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.gear-top .gear-mats{margin-bottom:0}.gear-top .gear-power{flex:none;margin:0;font-size:16px}.gear-top .gear-power .label{font-size:10px}.gear-merge[data-ready=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #ffc24b40}.auto-equip{flex:1.4}.gear-merge,.gear-salvage{flex:1}:root{--forge-iron:#1a1512;--forge-iron-2:#0d0a08;--forge-edge:#3b2e24;--forge-gold:#ffc24b;--forge-gold-2:#b8860b;--forge-gold-3:#f6dc9a}#panel[data-tab=gear]{background:linear-gradient(to bottom, #00000080, transparent 40px, transparent calc(100% - 40px), #00000080), linear-gradient(to right, #00000080, transparent 40px, transparent calc(100% - 40px), #00000080), linear-gradient(180deg, #ffc24b0d, transparent 18%), repeating-linear-gradient(135deg, #ffffff05 0 2px, transparent 2px 9px), radial-gradient(120% 90% at 50% 0%, #241c17, var(--forge-iron-2) 70%);border:1px solid var(--forge-edge);padding:10px 10px 12px;box-shadow:inset 0 1px #ffd28c29,inset 0 0 0 1px #000000b3,0 8px 16px #000000b3}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#panel[data-tab=gear]{-webkit-backdrop-filter:none;backdrop-filter:none}}.gear-root{position:relative}.gear-banner{align-items:center;gap:10px;margin:-2px 0 6px;display:flex}.banner-title{letter-spacing:.34em;text-transform:uppercase;background:linear-gradient(180deg, var(--forge-gold-3), var(--forge-gold) 55%, var(--forge-gold-2));color:#0000;filter:drop-shadow(0 1px #000000e6)drop-shadow(0 0 10px #ffc24b59);-webkit-background-clip:text;background-clip:text;padding-left:.34em;font-size:15px;font-weight:900}.banner-rule{background:linear-gradient(90deg, transparent, var(--forge-gold-2) 40%, var(--forge-gold-2));flex:1;height:2px;position:relative}.banner-rule:after{content:"";background:var(--forge-gold);width:8px;height:8px;position:absolute;top:-3px;right:-4px;transform:rotate(45deg);box-shadow:0 0 8px #ffc24bb3}.banner-rule.flip{transform:scaleX(-1)}.gear-root .gear-mats{gap:5px}.gear-root .gear-mats .mat-chip{white-space:nowrap;color:#c9b79b;max-width:100%;font-size:11px;font:inherit;cursor:pointer;background:linear-gradient(#2a221c,#14100d);border:1px solid #ffc24b47;border-radius:999px;padding:3px 8px;font-size:11px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 2px 4px #00000080}.gear-root .gear-mats .mat-chip:active{transform:translateY(1px)}.gear-root .gear-mats b{color:var(--forge-gold-3)}.gear-top .gear-power{flex-direction:column;align-items:flex-end;gap:0;line-height:1}.gear-top .gear-power .label{letter-spacing:.22em;color:#a08a76;font-size:9px}.gear-top .gear-power [data-power]{font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff3c4, var(--forge-gold) 50%, #e08a1f);color:#0000;filter:drop-shadow(0 0 10px #ffc24b73);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.doll-stage{background:linear-gradient(#000000bf,#0000 30px calc(100% - 30px),#000000bf),linear-gradient(90deg,#000000bf,#0000 30px calc(100% - 30px),#000000bf),radial-gradient(60% 45% at 50% 100%,#ff8c2829,#0000 70%),repeating-linear-gradient(0deg,#0000 0 15px,#ffffff05 15px 16px),linear-gradient(#0c0907,#17110d 60%,#0a0806);border:1px solid #2c2219;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.doll-spotlight{pointer-events:none;background:radial-gradient(50% 60% at 50% 0,#ffdca038,#0000 70%);width:120%;height:130%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.rune-ring{pointer-events:none;border:2px dashed #ffc24b8c;border-radius:50%;width:170px;height:170px;animation:18s linear infinite rune-spin;position:absolute;bottom:6px;left:50%;transform:translate(-50%)rotateX(72deg);box-shadow:0 0 18px #ffc24b40,inset 0 0 24px #ffc24b1f}.rune-ring.inner{border:1px solid #ffc24b59;width:118px;height:118px;animation-duration:12s;animation-direction:reverse;bottom:22px}@keyframes rune-spin{to{transform:translate(-50%)rotateX(72deg)rotate(360deg)}}.doll[data-best-tier=SS] .rune-ring,.gear-root[data-best-tier=SS] .rune-ring{border-color:#e03a3a99}.gear-root[data-best-tier=SSS] .rune-ring{border-color:#ffc24bd9;box-shadow:0 0 26px #ffc24b73}.gear-root[data-best-tier=SSS] .doll-spotlight{background:radial-gradient(50% 60% at 50% 0,#ffdca057,#0000 70%)}.embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.embers i{opacity:0;background:#ffb347;border-radius:50%;width:3px;height:3px;animation:5s ease-out infinite ember-rise;position:absolute;bottom:10%;box-shadow:0 0 6px #ff8a2a}.embers i:first-child{animation-delay:0s;left:22%}.embers i:nth-child(2){width:2px;height:2px;animation-delay:1.1s;left:38%}.embers i:nth-child(3){animation-delay:2.3s;left:51%}.embers i:nth-child(4){width:2px;height:2px;animation-delay:.6s;left:63%}.embers i:nth-child(5){animation-delay:3.2s;left:74%}.embers i:nth-child(6){width:2px;height:2px;animation-delay:4.1s;left:30%}.embers i:nth-child(7){animation-delay:1.8s;left:84%}@keyframes ember-rise{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:.9}to{opacity:0;transform:translate(-14px,-170px)scale(.4)}}.doll-figure{z-index:1}.doll-art{filter:drop-shadow(0 14px 18px #000000bf)}.slot-tile,.bag-tile{background:linear-gradient(#ffffff17,#fff0 45%),linear-gradient(160deg,#2b221c,#120e0b);border-width:2px;box-shadow:inset 0 0 0 1px #000000bf,inset 0 1px #ffffff0d,0 4px 10px #0009}.slot-tile:before,.bag-tile:before{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:9px;position:absolute;inset:3px}.slot-tile{clip-path:none}.slot-tile[data-empty=true]{background:repeating-linear-gradient(45deg,#ffffff06 0 6px,#0000 6px 14px),linear-gradient(160deg,#1a1411,#0d0a08)}.slot-tile .slot-glyph{filter:drop-shadow(0 2px 2px #000c)}.slot-tile[data-tier=SSS]{animation:2.4s ease-in-out infinite sss-pulse}@keyframes sss-pulse{0%,to{box-shadow:inset 0 0 14px #ffc24b73}50%{box-shadow:inset 0 0 30px #ffc24be6}}.slot-tile[data-tier=SSS]:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff47 48%,#0000 62%) 0 0/250% 100%;animation:3.2s ease-in-out infinite sss-sheen;position:absolute;inset:0}@keyframes sss-sheen{0%{background-position:120% 0}60%,to{background-position:-120% 0}}.slot-tile[data-hint=true]:after{content:"";top:-5px;right:-5px;background:radial-gradient(circle at 35% 35%, #ff9a7a, var(--accent));width:12px;height:12px;box-shadow:0 0 10px var(--accent), 0 0 0 2px #120e0b;border-radius:50%;animation:none;position:absolute;inset:auto -5px auto auto}.slot-tier{letter-spacing:.08em;text-shadow:0 1px #0009;border-radius:4px 4px 4px 0;box-shadow:0 2px 5px #000000b3,inset 0 1px #ffffff40}.slot-level{color:var(--forge-gold-3);background:linear-gradient(#2a221c,#0e0b09);border-color:#4a3b2f;box-shadow:0 2px 6px #000000b3,inset 0 1px #ffffff14}.slot-tile[aria-pressed=true]{border-color:var(--forge-gold-3);box-shadow:0 0 0 2px #ffc24b80,0 0 22px #ffc24b99}.war-btn{color:var(--text);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);text-shadow:0 1px #000c;background:linear-gradient(#3a2f27,#1b1511);border:0;flex:1;padding:11px 8px;font-size:13px;font-weight:900;transition:transform 60ms,filter .15s;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0009}.war-btn:before{content:"";pointer-events:none;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);border:1px solid #ffffff14;position:absolute;inset:2px}.war-btn>span{z-index:1;position:relative}.war-btn:active{transform:translateY(1px)scale(.985)}.war-btn:disabled{opacity:.45;cursor:default;filter:saturate(.4)}.war-btn.gold{color:#1a0d06;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffd873,#d9931b 55%,#9a5f0a);flex:1.5;box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #00000059,0 0 16px #ffc24b59}.war-btn.gold:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff80 50%,#0000 65%) 0 0/250% 100%;animation:4s ease-in-out infinite sss-sheen;position:absolute;inset:0}.war-btn.steel[data-ready=true]{color:var(--forge-gold-3);background:linear-gradient(#4a3d2a,#2a1f12);box-shadow:inset 0 1px #ffdc8c59,inset 0 -2px #0009,0 0 14px #ffc24b59}.war-btn.ember:not(:disabled){color:#ffd0c0;background:linear-gradient(#5a1e18,#2a0c09);box-shadow:inset 0 1px #ff967840,inset 0 -2px #0009}.gear-root .gear-actions{gap:5px;margin-bottom:6px}.war-btn.gear-action,.war-btn.auto-equip{border-radius:0}.bag-head{letter-spacing:.26em;text-transform:uppercase;color:#c9b79b;background:linear-gradient(#2c231c,#1a1411);border:1px solid #3b2e24;border-bottom:0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;margin:0 6px -1px;padding:4px 12px;font-size:10px;display:flex;position:relative}.bag-head:before,.bag-head:after{content:"";background:radial-gradient(circle at 35% 35%,#d8c39a,#5a4632);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 1px #000c}.bag-head:before{left:4px}.bag-head:after{right:4px}.bag-head-title{font-weight:900}.bag-head-count{letter-spacing:.08em;text-transform:none;color:#8f7c66}.gear-root .backpack{scrollbar-width:thin;scrollbar-color:var(--forge-gold-2) transparent;background:linear-gradient(#000c,#0000 26px calc(100% - 26px),#000c),linear-gradient(90deg,#000c,#0000 26px calc(100% - 26px),#000c),repeating-linear-gradient(135deg,#ffffff03 0 2px,#0000 2px 10px),linear-gradient(#0b0806,#120e0b);border-color:#3b2e24;box-shadow:inset 0 1px #ffffff08}.gear-root .backpack::-webkit-scrollbar{width:5px}.gear-root .backpack::-webkit-scrollbar-thumb{background:var(--forge-gold-2);border-radius:3px}.bag-tile[aria-pressed=true]{box-shadow:0 0 0 2px var(--forge-gold-3), 0 0 18px #ffc24b8c}.gear-popup{border:1px solid var(--forge-edge);background:linear-gradient(180deg, #ffc24b0f, transparent 22%), radial-gradient(120% 90% at 50% 0%, #241c17, var(--forge-iron-2) 75%);box-shadow:inset 0 1px #ffd28c29,inset 0 0 0 1px #000000b3,0 12px 24px #000c,0 0 0 1px #ffc24b1f}@media (max-height:700px){.banner-title{font-size:13px}.rune-ring{width:140px;height:140px}.rune-ring.inner{width:96px;height:96px}}.gear-top{flex-wrap:wrap}.gear-top .gear-mats{flex:1 0 100%;order:2;min-width:0}.gear-top .ember-sinks{flex:1 1 0;min-width:0}.gear-top .gear-power{flex:none;padding-left:6px}.banner-wing{background:linear-gradient(90deg, transparent, var(--forge-gold-2));clip-path:polygon(0 50%,40% 0,100% 0,100% 100%,40% 100%);opacity:.9;flex:none;width:26px;height:10px}.banner-wing.flip{transform:scaleX(-1)}.banner-title{font-size:16px}.doll-beam{clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(#ffe0aa29,#ffc8780d 60%,#0000);width:62%;height:100%;animation:5s ease-in-out infinite beam-breathe;position:absolute;top:-6%;left:50%;transform:translate(-50%)}@keyframes beam-breathe{0%,to{opacity:.75}50%{opacity:1}}.doll-podium{pointer-events:none;background:radial-gradient(at 50% 30%,#ffd28c40,#0000 65%),linear-gradient(#3a2f26,#1a1411 55%,#0a0806);border-top:2px solid #ffc24b8c;border-radius:50%/100% 100% 0 0;width:200px;height:46px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 26px #ffaa3c2e,inset 0 6px 14px #0009}.rune-ring{bottom:14px}.rune-ring.inner{bottom:28px}.doll-figure{transform-origin:50% 100%;padding-bottom:26px;animation:3.4s ease-in-out infinite hero-breathe}@keyframes hero-breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-3px)scaleY(1.012)}}.doll-shadow{bottom:20px}.slot-tile,.bag-tile{border-radius:8px}.slot-tile[data-tier=C],.bag-tile[data-tier=C]{box-shadow:inset 0 0 14px #3f8f4e73}.slot-tile[data-tier=B],.bag-tile[data-tier=B]{box-shadow:inset 0 0 14px #3b6fc480}.slot-tile[data-tier=A],.bag-tile[data-tier=A]{box-shadow:inset 0 0 16px #8a56d88c}.slot-tile[data-tier=S],.bag-tile[data-tier=S]{box-shadow:inset 0 0 18px #e07a2b99}.slot-tile[data-tier=SS],.bag-tile[data-tier=SS]{box-shadow:inset 0 0 20px #e03a3aa6}.slot-tile[data-tier=SSS],.bag-tile[data-tier=SSS]{box-shadow:inset 0 0 24px #ffc24ba6}.slot-tile[aria-pressed=true],.bag-tile[aria-pressed=true]{border-color:var(--forge-gold-3);box-shadow:inset 0 0 0 2px #ffc24b99,inset 0 0 22px #ffc24b80}.slot-tile .slot-glyph,.bag-tile .slot-glyph{color:#d9d4cc}[data-tier=C] .slot-glyph{color:#9fe3a9}[data-tier=B] .slot-glyph{color:#a9c7ff}[data-tier=A] .slot-glyph{color:#d9c2ff}[data-tier=S] .slot-glyph{color:#ffcf9e}[data-tier=SS] .slot-glyph{color:#ffb3b3}[data-tier=SSS] .slot-glyph{color:#fff0c2}.slot-tile[data-tier=SSS] .slot-glyph{filter:drop-shadow(0 0 6px #ffc24be6)}.slot-tier{clip-path:polygon(0 0,100% 0,calc(100% - 5px) 50%,100% 100%,0 100%);border-radius:3px 0 0 3px;padding:1px 8px 1px 6px;top:-9px;left:-4px}.slot-level{bottom:-9px}.slot-tile:before,.bag-tile:before{z-index:1;background:radial-gradient(circle at 9px 9px,#8a7050 1.5px,#0000 2.2px),radial-gradient(circle at calc(100% - 9px) 9px,#8a7050 1.5px,#0000 2.2px),radial-gradient(circle at 9px calc(100% - 9px),#8a7050 1.5px,#0000 2.2px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#8a7050 1.5px,#0000 2.2px);border:0;border-radius:0;inset:0}.slot-tile .slot-glyph,.bag-tile .slot-glyph{z-index:2;position:relative}.war-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.war-icon{z-index:1;filter:drop-shadow(0 1px #0009);flex:none;width:15px;height:15px;position:relative}.bag-grid{grid-template-columns:repeat(5,1fr)}.bag-socket{aspect-ratio:1;background:radial-gradient(circle,#ffffff08,#0000 60%),linear-gradient(160deg,#0b0806,#100c09);border:1px solid #ffffff0a;border-radius:10px;box-shadow:inset 0 2px 6px #000000e6,inset 0 -1px #ffffff0a}.bag-empty{margin-top:8px}.power-row{align-items:baseline;gap:4px;display:inline-flex}.power-delta{color:#9fe3a9;opacity:0;font-size:12px;transition:opacity .2s,transform .2s;transform:translateY(4px)}.power-delta.show{opacity:1;text-shadow:0 0 8px #78ff96cc;transform:translateY(0)}[data-power].bump{animation:.35s ease-out power-bump}@keyframes power-bump{0%{filter:drop-shadow(0 0 22px #ffe6a0)brightness(1.6)}to{filter:drop-shadow(0 0 10px #ffc24b73)}}.war-btn{white-space:nowrap;letter-spacing:.04em;gap:5px;padding:11px 6px;font-size:12px}.war-btn.gold{font-size:13px}#panel[data-tab=hero],#panel[data-tab=rebirth],#panel[data-tab=relic],#panel[data-tab=shop]{background:linear-gradient(to bottom, #00000080, transparent 40px, transparent calc(100% - 40px), #00000080), linear-gradient(to right, #00000080, transparent 40px, transparent calc(100% - 40px), #00000080), linear-gradient(180deg, #ffc24b0d, transparent 18%), repeating-linear-gradient(135deg, #ffffff05 0 2px, transparent 2px 9px), radial-gradient(120% 90% at 50% 0%, #241c17, var(--forge-iron-2) 70%);border:1px solid var(--forge-edge);padding:10px 10px 12px;box-shadow:inset 0 1px #ffd28c29,inset 0 0 0 1px #000000b3,0 8px 16px #000000b3}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#panel[data-tab=hero],#panel[data-tab=rebirth],#panel[data-tab=relic],#panel[data-tab=shop]{-webkit-backdrop-filter:none;backdrop-filter:none}}.forge{position:relative}.panel-title{letter-spacing:.3em;background:linear-gradient(180deg, var(--forge-gold-3), var(--forge-gold) 55%, var(--forge-gold-2));color:#0000;filter:drop-shadow(0 1px #000000e6);-webkit-background-clip:text;background-clip:text;padding-left:10px;font-size:12px;font-weight:900;position:relative}.panel-title:before{content:"";background:var(--forge-gold);border-radius:1px;width:3px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 6px #ffc24bb3}.upgrade{background:linear-gradient(#ffffff0f,#fff0 50%),linear-gradient(160deg,#241c17,#120e0b);border:1px solid #3b2e24;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0009,0 3px 8px #00000080}.upgrade[data-affordable=true]{background:linear-gradient(#ffdc8c1f,#ffc24b05 50%),linear-gradient(160deg,#2c2218,#140f0b);border-color:#ffc24bb3;box-shadow:inset 0 1px #ffe6aa2e,0 0 14px #ffc24b38,0 3px 8px #00000080}.upgrade[data-affordable=false]{opacity:.7}.upgrade .cost{background:linear-gradient(180deg, #fff3c4, var(--forge-gold) 55%, #e08a1f);color:#0000;filter:drop-shadow(0 1px #000c);-webkit-background-clip:text;background-clip:text}.upgrade .cost .count{-webkit-text-fill-color:var(--dim);color:var(--dim);filter:none;background:0 0}.upgrade .name{text-shadow:0 1px #000c}.amount-btn{color:#c9b79b;background:linear-gradient(#2c231c,#14100d);border:1px solid #3b2e24;box-shadow:inset 0 1px #ffffff0f}.amount-btn[aria-pressed=true]{color:#1a0d06;background:linear-gradient(#ffd873,#d9931b 60%,#9a5f0a);border-color:#b8860b;box-shadow:inset 0 1px #ffffff80,0 0 10px #ffc24b59}.stat-list li{border-bottom:1px solid #ffc24b14}.stat-list li:last-child{border-bottom:0}.stats-power{background:linear-gradient(180deg, #fff3c4, var(--forge-gold) 55%, #e08a1f);color:#0000;filter:drop-shadow(0 0 8px #ffc24b59);-webkit-background-clip:text;background-clip:text}.stats-power .label{-webkit-text-fill-color:var(--dim);background:0 0}.stats-power .sub{-webkit-text-fill-color:var(--dim);filter:none;background:0 0}.rebirth-btn{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);color:#e5d3ff;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #000c;background:linear-gradient(#4a2d7a,#2a1747 55%,#1a0e2e);border:0;border-radius:0;font-size:13px;font-weight:900;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -3px #00000080}.rebirth-btn[data-ready=true]{color:#fff;background:linear-gradient(#9a6cff,#5d2f9a 55%,#35185e);animation:2.2s ease-in-out infinite soul-pulse;box-shadow:inset 0 1px #fff6,inset 0 -3px #0006,0 0 22px #b9a3ff8c}@keyframes soul-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.rebirth-btn[data-ready=true]:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff59 50%,#0000 65%) 0 0/250% 100%;animation:4s ease-in-out infinite sss-sheen;position:absolute;inset:0}.rebirth-soul{color:#d9c8ff;background:linear-gradient(#2a1f47,#170f2a);border:1px solid #4a2d7a;border-radius:999px;padding:2px 8px;box-shadow:inset 0 1px #ffffff14}.soul-node[data-affordable=true]{background:linear-gradient(#b9a3ff1f,#b9a3ff05 50%),linear-gradient(160deg,#241c2e,#120e18);border-color:#b9a3ffb3;box-shadow:inset 0 1px #dcc8ff2e,0 0 14px #b9a3ff40}.soul-node .cost{background:linear-gradient(#efe4ff,#b9a3ff 55%,#7a56d8);color:#0000;-webkit-background-clip:text;background-clip:text}.slot-stat{text-align:center;color:var(--forge-gold-3);text-shadow:0 1px 2px #000000f2;font-variant-numeric:tabular-nums;letter-spacing:.01em;pointer-events:none;white-space:nowrap;font-size:9px;font-weight:800;position:absolute;bottom:15px;left:2px;right:2px;overflow:hidden}.slot-stat:empty{display:none}@media (max-height:700px){.slot-stat{font-size:8px;bottom:11px}}.bag-up{color:#0e1a10;pointer-events:none;background:linear-gradient(#9df0b0,#35b45f);border-radius:4px;padding:1px 5px;font-size:9px;line-height:1;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #50dc7899}.bag-tile[data-upgrade=false] .bag-up{display:none}.slot-tile.gear-flash{animation:.5s cubic-bezier(.2,.9,.3,1.3) both gear-pop}.slot-tile[data-tier=SSS].gear-flash{animation:.5s cubic-bezier(.2,.9,.3,1.3) both gear-pop,2.4s ease-in-out infinite sss-pulse}@keyframes gear-pop{0%{transform:scale(1)}28%{filter:brightness(2);transform:scale(1.16)}to{filter:brightness();transform:scale(1)}}.slot-tile.gear-flash .slot-stat{animation:.5s ease-out both stat-bump}@keyframes stat-bump{0%{color:var(--forge-gold-3);transform:scale(1)}30%{color:#fff;text-shadow:0 0 10px #ffc24be6;transform:scale(1.35)}to{color:var(--forge-gold-3);transform:scale(1)}}.doll-surge{pointer-events:none;opacity:0;z-index:2;background:radial-gradient(58% 46% at 50% 100%, var(--surge,#ffc24b99), transparent 72%);position:absolute;inset:0}.doll-surge.on{animation:.9s ease-out both surge-rise}@keyframes surge-rise{0%{opacity:0;transform:translateY(26%)scaleY(.55)}22%{opacity:1}to{opacity:0;transform:translateY(-12%)scaleY(1.2)}}.doll-surge[data-tier=D]{--surge:#bebab473}.doll-surge[data-tier=C]{--surge:#3f8f4e8c}.doll-surge[data-tier=B]{--surge:#3b6fc499}.doll-surge[data-tier=A]{--surge:#8a56d8a6}.doll-surge[data-tier=S]{--surge:#e07a2bb3}.doll-surge[data-tier=SS]{--surge:#e03a3abf}.doll-surge[data-tier=SSS]{--surge:#ffc24bd9}.pw-chip{border:1px solid #0000;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:900}.pw-chip.up{color:#9df0b0;background:#35b45f29;border-color:#35b45f80}.pw-chip.down{color:#ffb3b3;background:#e03a3a24;border-color:#e03a3a73}.pw-chip.flat{color:var(--dim);background:#ffffff0d}.pw-inline{color:#9df0b0;font-weight:900}.gear-report{z-index:14;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, #241c17, var(--forge-iron-2) 78%);border:1px solid #ffc24b73;border-radius:16px;justify-items:center;gap:8px;min-width:216px;padding:14px 18px;animation:.3s cubic-bezier(.2,.9,.3,1.2) both gr-in;display:grid;position:fixed;top:27%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 44px #000000bf,0 0 26px #ffc24b2e}.gr-title{letter-spacing:.22em;text-transform:uppercase;color:#a08a76;font-size:10px}.gr-rows{gap:4px;display:grid}.gr-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;display:grid}.gr-slot{color:var(--text);font-size:12px;font-weight:700}.gr-arrow{color:var(--dim);font-size:11px}.gr-power{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:7px;width:100%;padding-top:7px;display:flex}.gr-num{font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff3c4, var(--forge-gold) 55%, #e08a1f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:900}.gear-report.leaving{animation:.3s ease-in both gr-out}@keyframes gr-in{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes gr-out{to{opacity:0;transform:translate(-50%,calc(-50% - 18px))scale(.96)}}.gear-popup,.gear-popup[data-tier=D]{--t-rgb:190 186 180}.gear-popup[data-tier=C]{--t-rgb:99 208 122}.gear-popup[data-tier=B]{--t-rgb:122 165 255}.gear-popup[data-tier=A]{--t-rgb:176 128 255}.gear-popup[data-tier=S]{--t-rgb:255 160 80}.gear-popup[data-tier=SS]{--t-rgb:255 96 96}.gear-popup[data-tier=SSS]{--t-rgb:255 194 75}.gear-popup-backdrop{background:radial-gradient(120% 80% at 50% 42%,#08060499,#020201e0);animation:none}.gear-popup{border:1px solid rgb(var(--t-rgb) / .5);width:min(100%,326px);box-shadow:inset 0 0 0 1px #000000e6, inset 0 0 0 2px #ffffff0b, 0 24px 56px #000000e6, 0 0 26px rgb(var(--t-rgb) / .14);scrollbar-width:thin;scrollbar-color:rgb(var(--t-rgb) / .45) transparent;background:linear-gradient(#0000008c,#0000 34px calc(100% - 34px),#0000008c),linear-gradient(90deg,#0000008c,#0000 30px calc(100% - 30px),#0000008c),repeating-linear-gradient(135deg,#ffffff04 0 2px,#0000 2px 10px),linear-gradient(#211a13,#100c09 55%,#0a0706);border-radius:12px;gap:0;padding:0;animation:none;overflow:hidden auto}.gear-popup::-webkit-scrollbar{width:4px}.gear-popup::-webkit-scrollbar-thumb{background:rgb(var(--t-rgb) / .4);border-radius:3px}.di-band{text-align:center;border-bottom:1px solid rgb(var(--t-rgb) / .34);background:linear-gradient(180deg, rgb(var(--t-rgb) / .16), #00000057), linear-gradient(180deg, #ffffff0d, transparent 40%);padding:11px 22px 9px;position:relative;box-shadow:inset 0 -6px 12px -8px #000000e6}.di-band:before,.di-band:after{content:"";background:radial-gradient(circle at 35% 35%,#d8c39a,#5a4632);border-radius:50%;width:5px;height:5px;position:absolute;top:14px;box-shadow:0 1px 1px #000000e6}.di-band:before{left:8px}.di-band:after{right:8px}.di-name{letter-spacing:.09em;text-transform:uppercase;color:rgb(var(--t-rgb));text-shadow:0 1px 0 #000000f2, 0 0 14px rgb(var(--t-rgb) / .4);margin:0;font-size:14px;font-weight:900;line-height:1.25}.di-kind{letter-spacing:.06em;color:#8a7663;margin-top:3px;font-size:10.5px}.di-kind .di-star{color:var(--forge-gold);letter-spacing:.1em}.di{gap:9px;padding:12px 13px 13px;display:grid}.di-rule{background:linear-gradient(90deg, transparent, rgb(var(--t-rgb) / .34), transparent);height:1px;position:relative}.di-rule:after{content:"";background:rgb(var(--t-rgb) / .75);width:5px;height:5px;position:absolute;top:-2px;left:50%;transform:translate(-50%)rotate(45deg)}.di-cap{letter-spacing:.2em;text-transform:uppercase;color:#7d6a58;margin-bottom:-4px;font-size:9px}.di-top{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.di-socket{clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);background:linear-gradient(180deg, rgb(var(--t-rgb) / .85), rgb(var(--t-rgb) / .28));width:68px;height:68px;padding:1px}.di-socket-in{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:radial-gradient(58% 58% at 50% 46%, rgb(var(--t-rgb) / .3), transparent 72%), linear-gradient(160deg, #241c15, #0a0806);place-items:center;width:100%;height:100%;display:grid}.di-socket .gi-glyph{filter:drop-shadow(0 2px 4px #000000e6);width:50px;height:50px}.di-socket svg.gi-glyph{color:rgb(var(--t-rgb))}.di-prime{min-width:0}.di-prime-k{letter-spacing:.18em;text-transform:uppercase;color:#7d6a58;font-size:9.5px;display:block}.di-prime-v{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-top:1px;font-size:26px;font-weight:900;line-height:1.1;display:flex}.di-prime-v>span{background:linear-gradient(180deg, #fff6d6, var(--forge-gold) 58%, #dd8a1c);color:#0000;filter:drop-shadow(0 1px #000000e6);-webkit-background-clip:text;background-clip:text}.di-prime-eff{color:#9db98f;margin-top:2px;font-size:11.5px;display:block}.di-affix{gap:4px;display:grid}.di-affix-row{color:#a4b9e6;font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;align-items:baseline;gap:8px;font-size:12.5px;line-height:1.3;display:grid}.di-affix-row.lost{color:#6b5e53;text-decoration:line-through}.di-d{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:800}.di-d.up{color:#7fe39a}.di-d.down{color:#e08585}.di-d.new{color:#ffe0a0;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.di-foot{letter-spacing:.02em;color:#7d6a58;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:10px;font-size:10.5px;display:flex}.di-foot b{color:#d3c2ab;font-weight:800}.di-foot .up{color:#7fe39a;font-weight:800}.di-foot .down{color:#e08585;font-weight:800}.di-bar{background:#0000008c;height:3px;margin-top:-5px;box-shadow:inset 0 0 0 1px #ffffff0d}.di-bar>i{background:linear-gradient(90deg, rgb(var(--t-rgb) / .4), rgb(var(--t-rgb) / .8));height:100%;display:block}.di-tray{background:linear-gradient(#00000080,#00000029);border-top:1px solid #ffffff12;gap:6px;padding:10px 12px 12px;display:grid}.di-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.di-btn{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);color:#e2d3bb;min-height:36px;font:inherit;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #000000d9;cursor:pointer;background:linear-gradient(#3a2f27,#1b1511);border:0;padding:9px 10px;font-size:11.5px;font-weight:900;line-height:1.3;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0009}.di-btn i{letter-spacing:.05em;text-transform:none;color:#9a866f;font-size:9.5px;font-style:normal;font-weight:700;display:block}.di-btn:disabled{opacity:.42;cursor:default;filter:saturate(.4)}.di-btn.steel{color:var(--forge-gold-3);background:linear-gradient(#4a3d2a,#2a1f12);box-shadow:inset 0 1px #ffdc8c52,inset 0 -2px #0009}.di-btn.steel i{color:#a08a63}.di-btn.gold{color:#1a0d06;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffd873,#d9931b 55%,#9a5f0a);box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #00000059}.di-btn.gold i{color:#6b4408}.di-btn.good{color:#dcffe6;background:linear-gradient(#2f5a3c,#12240f);box-shadow:inset 0 1px #96ffbe4d,inset 0 -2px #0000008c}.di-btn.good i{color:#8fc3a2}.di-btn.ember{color:#ffd0c0;background:linear-gradient(#5a1e18,#2a0c09);box-shadow:inset 0 1px #ff967840,inset 0 -2px #0009}.di-btn.ember i{color:#c08c7d}.di-buy{grid-template-columns:auto 1fr;align-items:stretch;gap:6px;display:grid}.di-buy .amount-group{grid-template-rows:1fr 1fr;gap:4px;display:grid}.di-buy .amount-btn{border-radius:6px;min-width:40px}.di-empty{color:#8a7663;text-align:center;margin:2px 0 0;font-size:12px;line-height:1.6}.mat-big{width:30px;height:30px}.di-lead{color:#c3b19a;margin:0;font-size:12.5px;line-height:1.5}.di-list{color:#a8957f;margin:0;padding-left:15px;font-size:12px;line-height:1.55}.di-list li::marker{color:#ffc24b80}.di-now{color:#c9b79b;background:#ffc24b12;border:1px solid #ffc24b29;border-radius:7px;margin:0;padding:8px 10px;font-size:12px;line-height:1.5}.di-now b{color:var(--forge-gold-3);font-weight:800}.di-costs .di-affix-row{color:#a8957f}.di-costs .di-affix-row>span:last-child{color:#d3c2ab;font-weight:700}@media (max-width:344px){.di{padding:11px 11px 12px}.di-socket{width:60px;height:60px}.di-socket .gi-glyph{width:44px;height:44px}.di-prime-v{font-size:23px}.di-name{letter-spacing:.06em;font-size:13px}}#panel[data-tab=relic]{top:calc(var(--safe-top) + var(--hud-bottom));flex-direction:column;max-height:none;display:flex;overflow:hidden}.relic-root,.relic-root>[data-relics]{flex-direction:column;flex:auto;min-height:0;display:flex}.relic-root .relic-shelf{flex:auto;min-height:0}.relic-root .panel-note{letter-spacing:.08em;flex:none;margin:8px 0 0;font-size:11px}.collection-root{flex-direction:column;flex:auto;min-height:0;display:flex}.collection-root .panel-head,.collection-root .collection-milestone{flex:none}.collection-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--forge-gold-2) transparent;background:linear-gradient(#000c,#0000 26px calc(100% - 26px),#000c),linear-gradient(90deg,#000c,#0000 26px calc(100% - 26px),#000c),repeating-linear-gradient(135deg,#ffffff03 0 2px,#0000 2px 10px),linear-gradient(#0b0806,#120e0b);border:1px solid #3b2e24;border-radius:14px;flex:auto;min-height:0;padding:8px 8px 4px;overflow-y:auto}.collection-list::-webkit-scrollbar{width:5px}.collection-list::-webkit-scrollbar-thumb{background:var(--forge-gold-2);border-radius:3px}.costume-row{background:linear-gradient(#ffffff0d,#fff0 50%),linear-gradient(160deg,#221a15,#100c09);border:1px solid #3b2e24;box-shadow:inset 0 1px #ffffff0a,0 3px 8px #00000080}.costume-row[data-unlocked=true]{border-color:#ffc24b8c;box-shadow:inset 0 1px #ffe6aa24,0 0 14px #ffc24b2e}.costume-swatch{clip-path:polygon(25% 3%,75% 3%,98% 50%,75% 97%,25% 97%,2% 50%);background:radial-gradient(circle at 50% 35%, hsl(calc(var(--realm,1) * 36deg + 10deg) 60% 45%), hsl(calc(var(--realm,1) * 36deg + 10deg) 45% 18%) 75%);opacity:.45;border:0;border-radius:0;place-items:center;width:40px;height:40px;display:grid}.costume-swatch-num{color:#ffffffd9;text-shadow:0 1px 2px #000000e6;font-size:13px;font-weight:900}.costume-row[data-unlocked=true] .costume-swatch{opacity:1;box-shadow:none;filter:drop-shadow(0 0 10px hsl(calc(var(--realm,1) * 36deg + 10deg) 70% 50% / .7))}.costume-body .name{text-shadow:0 1px #000c}.costume-btn{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);letter-spacing:.04em;text-transform:uppercase;color:#c9b79b;background:linear-gradient(#3a2f27,#1b1511);border:0;border-radius:0;padding:8px 14px;font-size:11px;font-weight:900;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #0009}.costume-btn:not(:disabled){color:#1a0d06;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffd873,#d9931b 55%,#9a5f0a);border:0;box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #00000059,0 0 12px #ffc24b59}.collection-count{color:#c9b79b;background:linear-gradient(#2a221c,#14100d);border:1px solid #3a2e25;border-radius:999px;padding:2px 8px}@media (max-height:700px){#panel[data-tab=relic]{padding-top:8px}}.icon-art{fill:none;stroke:none;object-fit:contain;filter:drop-shadow(0 1px 2px #0000008c)}.nav-btn .icon-art{width:27px;height:27px}.nav-center .icon-art{width:32px;height:32px}.hud-btn .icon-art{width:22px;height:22px}.wave-name .icon-art{width:19px;height:19px}.round-btn .icon-art{width:30px;height:30px}.locked-mark>.icon-art{width:52px;height:52px}.gear-mats .mat-chip{align-items:center;gap:3px;display:inline-flex}.mat-icon{width:17px;height:17px}.war-icon.icon-art{width:20px;height:20px}.slot-glyph.icon-art{width:44px;height:44px}.rebirth-soul{align-items:center;gap:3px;display:inline-flex}.soul-icon{width:16px;height:16px}.node-icon{width:26px;height:26px}.costume-swatch{place-items:center;display:grid}.costume-swatch[data-art=true]{opacity:1;background:0 0;border-color:#0000;width:40px;height:40px}.costume-art{width:40px;height:40px}.costume-row:not([data-unlocked=true]) .costume-art{filter:brightness(.7)saturate(.85)}.intro{z-index:30;cursor:pointer;color:#f0e6da;font-family:Georgia,Times New Roman,Noto Serif,serif;position:absolute;inset:0;overflow:hidden}.intro-black{background:#000;position:absolute;inset:0}.intro-bar{will-change:transform;background:#000;height:13%;position:absolute;left:0;right:0}.intro-bar.top{top:0}.intro-bar.bottom{bottom:0}.intro-line{text-align:center;letter-spacing:.01em;color:#f4ead8;text-shadow:0 1px #000,0 2px 14px #000000e6,0 0 32px #000c;will-change:opacity, transform;width:min(84%,360px);margin:0;font-size:19px;font-style:italic;line-height:1.45;position:absolute;top:30%;left:50%}.intro-title{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:33%;left:0;right:0}.intro-name{color:#fff4e0;text-shadow:0 0 2px #140f0c,0 0 4px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 4px 18px #000c,0 0 46px #d98b3a73;will-change:letter-spacing, transform;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(40px,12vw,58px);font-weight:900;line-height:1}.intro-sub{letter-spacing:.34em;color:#d98b3a;text-shadow:0 1px #000,0 0 12px #000000e6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:800}.intro-rule{will-change:transform;background:linear-gradient(90deg,#0000,#d98b3a 18% 82%,#0000);width:min(78%,300px);height:3px;transform:scaleX(0);box-shadow:0 0 14px #d98b3a8c}.intro-flash{pointer-events:none;background:#fff;position:absolute;inset:0}.intro-skip{right:8px;bottom:calc(13% + 4px + var(--safe-bottom));letter-spacing:.18em;text-transform:uppercase;color:#f0e6dab3;text-shadow:0 1px 2px #000;opacity:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0c0a0973;border:1px solid #f0e6da47;border-radius:999px;padding:10px 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:700;position:absolute}.intro-skip:active{color:#fff;border-color:#f0e6da8c}#app[data-intro=on] #hud,#app[data-intro=on] #battle-dock,#app[data-intro=on] #nav-bar,#app[data-intro=on] #panel{opacity:0;pointer-events:none}#hud,#battle-dock,#nav-bar{transition:opacity .7s}.movie{z-index:40;cursor:pointer;color:#f0e6da;-webkit-user-select:none;user-select:none;background:#000;font-family:Georgia,Times New Roman,Noto Serif,serif;position:absolute;inset:0;overflow:hidden}.movie-stage{z-index:1;will-change:transform;position:absolute;inset:-16px}.movie-shot{object-fit:cover;transform-origin:50%;will-change:transform, opacity;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.movie-motes{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.movie-glow{z-index:4;opacity:0;pointer-events:none;background:radial-gradient(ellipse 60% 48% at var(--gx,50%) var(--gy,46%), var(--gc-a,#ffc460d9), var(--gc-b,#ff8c2840) 45%, transparent 72%);mix-blend-mode:screen;position:absolute;inset:0}.movie-rays{z-index:3;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg 7deg, var(--rc,#ffffff38) 11deg 15deg, transparent 19deg 26deg);mix-blend-mode:screen;will-change:transform, opacity;width:220%;height:220%;animation:70s linear infinite movie-rays;position:absolute;top:-60%;left:-60%;-webkit-mask-image:radial-gradient(circle,#000 0%,#00000080 30%,#0000 60%);mask-image:radial-gradient(circle,#000 0%,#00000080 30%,#0000 60%)}@keyframes movie-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movie-scrim{z-index:5;pointer-events:none;background:linear-gradient(#0000 0%,#00000040 30%,#0009 65%,#000c 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.movie-vignette{z-index:5;pointer-events:none;background:radial-gradient(75% 70%,#0000 55%,#0000009e 100%);position:absolute;inset:0}.movie-flash{z-index:6;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.movie-bar{z-index:7;background:#000;height:9%;position:absolute;left:0;right:0}.movie-bar.top{top:0}.movie-bar.bottom{bottom:0}.movie-sub{left:50%;bottom:calc(9% + 28px + var(--safe-bottom));z-index:8;text-align:center;letter-spacing:.01em;color:#f4ead8;text-shadow:0 0 2px #000,0 0 4px #000,0 1px 2px #000,0 -1px 2px #000,1px 0 2px #000,-1px 0 2px #000,0 2px 14px #000000f2,0 0 32px #000000e6;opacity:0;will-change:opacity, transform;transform-origin:50% 100%;pointer-events:none;width:min(86%,380px);margin:0;font-size:18px;font-style:italic;line-height:1.45;position:absolute;transform:translate(-50%)}.movie-sub.warm{color:#ffe3b8}.movie-sub.calm{letter-spacing:.22em;text-transform:uppercase;color:#eef4fb;font-size:15px;font-style:normal}.movie-sub.hot{color:#ffd39a;text-shadow:0 0 2px #000,0 0 4px #000,0 1px 2px #000,0 -1px 2px #000,1px 0 2px #000,-1px 0 2px #000,0 0 12px #000,0 0 26px #ff460a8c;animation:1.6s ease-in-out infinite alternate movie-heat}@keyframes movie-heat{0%{text-shadow:0 0 2px #000,0 0 4px #000,0 1px 2px #000,0 -1px 2px #000,1px 0 2px #000,-1px 0 2px #000,0 0 12px #000,0 0 18px #ff460a59}to{text-shadow:0 0 2px #000,0 0 4px #000,0 1px 2px #000,0 -1px 2px #000,1px 0 2px #000,-1px 0 2px #000,0 0 12px #000,0 0 34px #ff6e14cc}}.movie-sub.punch{letter-spacing:.02em;color:#fff6ea;text-shadow:0 0 3px #000,0 0 5px #000,0 2px 3px #000,0 -2px 3px #000,2px 0 3px #000,-2px 0 3px #000,0 0 18px #000,0 4px 24px #000000e6;font-size:25px;font-style:normal;font-weight:700}.movie-sub.whisper{color:#f0e8deeb;letter-spacing:.04em;font-size:16px}.movie-sub.call{letter-spacing:.06em;text-transform:uppercase;color:#ffd166;text-shadow:0 0 2px #140f0c,0 0 4px #140f0c,0 2px 3px #140f0c,0 -2px 3px #140f0c,2px 0 3px #140f0c,-2px 0 3px #140f0c,0 0 16px #000,0 0 30px #ffaa3c66;width:min(92%,400px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;font-style:normal;font-weight:800;line-height:1.5}.movie-word{opacity:0;will-change:opacity}@keyframes movie-tremble{0%{margin-top:0;margin-left:0}50%{margin-top:-1px;margin-left:1px}to{margin-top:1px;margin-left:-1px}}.movie-black{z-index:9;pointer-events:none;background:#000;position:absolute;inset:0}.movie-skip{right:8px;top:calc(9% + 2px + var(--safe-top,0px));z-index:10;letter-spacing:.18em;text-transform:uppercase;color:#f0e6dab3;text-shadow:0 1px 2px #000;opacity:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0c0a0973;border:1px solid #f0e6da47;border-radius:999px;padding:10px 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:700;position:absolute}.movie-skip:active{color:#fff;border-color:#f0e6da8c}.movie--cut .movie-scrim{height:34%}#app[data-movie=on] #hud,#app[data-movie=on] #battle-dock,#app[data-movie=on] #nav-bar,#app[data-movie=on] #panel{opacity:0;pointer-events:none}.welcome{z-index:50;color:#f0e6da;-webkit-user-select:none;user-select:none;background:radial-gradient(70% 55% at 50% 42%,#d98b3a29,#0000 70%),#0a0806;justify-content:center;align-items:center;transition:opacity .42s ease-out;display:flex;position:absolute;inset:0}.welcome--out{opacity:0;pointer-events:none}.welcome-card{padding:0 24px calc(6vh + var(--safe-bottom,0px));text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.welcome-title{letter-spacing:.06em;color:#fff4e0;text-shadow:0 0 2px #140f0c,0 0 4px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 4px 18px #000c,0 0 46px #d98b3a73;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(40px,12vw,58px);font-weight:900;line-height:1}.welcome-rule{background:linear-gradient(90deg,#0000,#d98b3a 18% 82%,#0000);width:min(78%,300px);height:3px;box-shadow:0 0 14px #d98b3a8c}.welcome-sub{letter-spacing:.34em;color:#d98b3a;text-shadow:0 1px #000,0 0 12px #000000e6;margin:0 0 34px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:800}.welcome-sub:empty{display:none}.welcome-begin{color:#1a0d06;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ff9a5c,#e0602c);border:1px solid #ffc4608c;border-radius:999px;min-width:200px;padding:15px 36px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:900;animation:2.4s ease-in-out infinite welcome-breathe;box-shadow:0 0 #ff9a5c73,0 8px 28px #0009}.welcome-begin:active{filter:brightness(1.08);transform:scale(.97)}.welcome-begin:disabled{animation:none}@keyframes welcome-breathe{0%,to{transform:scale(1);box-shadow:0 0 #ff9a5c73,0 8px 28px #0009}50%{transform:scale(1.035);box-shadow:0 0 0 10px #ff9a5c00,0 10px 32px #000000a6}}.welcome-sound{letter-spacing:.18em;text-transform:uppercase;color:#f0e6dab8;cursor:pointer;border-radius:999px;align-items:center;gap:9px;margin-top:10px;padding:10px 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.welcome-sound input{accent-color:#ffc24b;width:18px;height:18px;margin:0}@media (prefers-reduced-motion:reduce){.welcome-begin{animation:none}}.gallery-card{width:min(100%,480px)}.gallery-count{color:var(--dim,#a08a76);letter-spacing:.06em;margin-left:auto;font-size:12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.gallery-item{aspect-ratio:3/4;width:100%;color:var(--text,#f0e6da);font:inherit;text-align:left;cursor:pointer;background:#0a0706;border:1px solid #ffc24b2e;border-radius:12px;flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:relative;overflow:hidden}.gallery-item:active{transform:scale(.98)}.gallery-cover{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 45%,#00000040 100%);mask-image:linear-gradient(#000 45%,#00000040 100%)}.gallery-no{z-index:1;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#ffc24b);font-size:10px;position:relative}.gallery-title{z-index:1;text-shadow:0 1px 6px #000;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.2;position:relative}.gallery-play{z-index:1;color:#fff;background:#0000008c;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid;position:absolute;top:10px;right:10px}.gallery-item.locked{text-align:center;cursor:default;color:var(--dim,#a08a76);background:repeating-linear-gradient(135deg,#ffffff06 0 6px,#0000 6px 14px),#0a0706;border-style:dashed;border-color:#ffffff1f;justify-content:center;align-items:center}.gallery-item.locked .gallery-lock{filter:grayscale();opacity:.7;margin-bottom:6px;font-size:22px}.gallery-item.locked .gallery-title{color:var(--dim,#a08a76);text-shadow:none;font-size:13px}.gallery-cond{z-index:1;margin-top:6px;font-size:11px;line-height:1.35;position:relative}.gallery-empty{text-align:center;color:var(--dim,#a08a76);grid-column:1/-1;padding:20px}.gallery-open{width:100%;color:var(--text,#f0e6da);font:inherit;cursor:pointer;background:#ffc24b0f;border:1px solid #ffc24b33;border-radius:12px;flex:none;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;font-size:13px;display:flex}.gallery-open .gallery-open-count{color:var(--dim,#a08a76);margin-left:auto;font-size:12px}.gallery-open[data-fresh=true] .gallery-open-count{color:var(--gold,#ffc24b)}:root{--chat-tro:#ff8a3d;--chat-thep:#9fb6d6;--chat-mau:#e04a63;--chat-set:#6fd3ff;--chat-hon:#a78bfa;--chat-xuong:#d8cdb4}.relic-boardwrap{justify-content:center;padding:2px 0;display:flex;position:relative}.relic-board{aspect-ratio:1;touch-action:none;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;width:min(100%,420px);display:grid;position:relative}.rcell{position:relative}.rcell>i{border-radius:4px;display:block;position:absolute;inset:2px}.relic-board.has-altar{background-repeat:no-repeat;background-size:100% 100%}.relic-board.has-altar:before,.relic-board.has-altar:after{content:"";pointer-events:none;opacity:.85;background-repeat:repeat;background-size:100% 100%;position:absolute;inset:-6%;-webkit-mask-image:radial-gradient(circle,#0000 30%,#000 62%);mask-image:radial-gradient(circle,#0000 30%,#000 62%)}.relic-board.has-altar:before{background-image:radial-gradient(circle,#eef4fff2 0 1.2px,#0000 2.6px),radial-gradient(circle,#eef4ffb3 0 1px,#0000 2.2px),radial-gradient(circle,#ffc24be6 0 1.3px,#0000 2.8px);background-position:3% 8%,61% 71%,37% 53%;background-size:23% 29%,31% 37%,41% 43%;animation:14s linear infinite relic-motes-a}.relic-board.has-altar:after{background-image:radial-gradient(circle,#eef4ffd9 0 1.6px,#0000 3.4px),radial-gradient(circle,#c8deff8c 0 .9px,#0000 2px);background-position:71% 23%,13% 89%;background-size:37% 33%,19% 23%;animation:22s linear infinite relic-motes-b}@keyframes relic-motes-a{0%{opacity:.55;transform:translateY(0)}50%{opacity:.95}to{opacity:.55;transform:translateY(-6%)}}@keyframes relic-motes-b{0%{opacity:.4;transform:translateY(0)translate(0)}50%{opacity:.85}to{opacity:.4;transform:translateY(-5%)translate(1.5%)}}@media (prefers-reduced-motion:reduce){.relic-board.has-altar:before,.relic-board.has-altar:after{animation:none}}.relic-board.has-altar .rcell.open>i{background:#0e121c61;box-shadow:inset 0 1px #d2e2ff14,inset 0 0 0 1px #a0b2d233}.relic-board.has-altar .rcell.locked>i{background:#06080e80}.relic-board.has-altar .rcell.vein>i{background:radial-gradient(circle,#a78bfa47,#0e121c61 70%)}.relic-board.has-altar .rcell.anchor>i{background:radial-gradient(circle,#6fd3ff38,#0e121c61 70%)}.rcell.void>i{display:none}.rcell.locked{cursor:pointer}.rcell.locked.lit>i{background:#ffc24b0d;box-shadow:inset 0 0 0 1px #ffc24b52}.rcell.locked>b{color:var(--dim);opacity:.5;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.rcell.locked>.rlock{object-fit:contain;opacity:.42;pointer-events:none;-webkit-user-drag:none;width:66%;height:66%;margin:auto;display:block;position:absolute;inset:0}.rcell.locked.ready>.rlock{opacity:1;filter:drop-shadow(0 0 6px #ffc24b8c);width:76%;height:76%;animation:2.4s ease-in-out infinite rlock-breathe}@keyframes rlock-breathe{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.rcell.locked.ready>.rlock{animation:none}}.rcell.locked>s{background:#ffffff1a;border-radius:2px;height:2px;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.rcell.locked>s:before{content:"";height:100%;width:var(--p);background:var(--gold);display:block}.rcell.open>.rburst{object-fit:contain;pointer-events:none;z-index:3;width:160%;height:160%;margin:auto;animation:.62s cubic-bezier(.2,.8,.3,1) forwards rburst;display:block;position:absolute;inset:-30%}@keyframes rburst{0%{opacity:0;filter:brightness(2.2);transform:scale(.55)rotate(-12deg)}22%{opacity:1;filter:brightness(1.6);transform:scale(1.12)rotate(4deg)}to{opacity:0;filter:brightness();transform:scale(1.5)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.rcell.open>.rburst{display:none}}.rcell.vein>i{background:radial-gradient(circle, #a78bfa33, var(--panel-2) 70%);box-shadow:inset 0 0 0 1px #a78bfa99}.rcell.anchor>i{background:radial-gradient(circle, #6fd3ff29, var(--panel-2) 70%);box-shadow:inset 0 0 0 1px #6fd3ff8c}.rcell.crack>i{background:repeating-linear-gradient(45deg,#0d1220 0 4px,#141b2c 4px 8px)}.rcell>u{text-align:center;letter-spacing:.02em;color:#a78bfa;opacity:.95;font-size:8.5px;text-decoration:none;position:absolute;inset:auto 0 1px}.rcell.anchor>u{color:var(--gem)}.rcell.hit>i{box-shadow:inset 0 0 0 2px var(--ok)}.rcell.bad>i{box-shadow:inset 0 0 0 2px #e04a63}.relic-layer{pointer-events:none;position:absolute;inset:0}.relic-piece{pointer-events:auto;cursor:grab;touch-action:none;filter:drop-shadow(0 2px 4px #0000008c);position:absolute}.relic-piece.dragging{opacity:.25}.relic-art{width:100%;height:100%;display:block}.relic-ghost{z-index:40;pointer-events:none;filter:drop-shadow(0 8px 14px #000000b3);position:fixed}.relic-ghost.bad{opacity:.55}.relic-pack{color:var(--gold);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.relic-readout{flex-wrap:wrap;gap:4px;padding:4px 2px 0;display:flex}.rchip{color:var(--dim);border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;display:flex}.rchip b{color:var(--text);font-weight:600}.rchip>i{background:currentColor;border-radius:50%;width:5px;height:5px}.rchip.empty{border-style:dashed}.relic-warn{color:#241703;background:var(--gold);border-radius:8px;margin:6px 2px 0;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.35}.relic-shelf{scrollbar-width:none;margin-top:4px;padding:0 2px 6px;overflow-y:auto}.relic-shelf::-webkit-scrollbar{display:none}.rgroup h3{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin:0 0 5px;padding-bottom:4px;font-size:10px;font-weight:600;display:flex}.rgroup h3 span{letter-spacing:0;color:#5d6b85;font-variant-numeric:tabular-nums}.rtabs{scrollbar-width:none;gap:4px;padding-bottom:6px;display:flex;overflow-x:auto}.rtabs::-webkit-scrollbar{display:none}.rtab{border:1px solid var(--line);background:var(--panel);color:var(--dim);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:1px;padding:4px 9px;font-size:10px;font-weight:600;display:flex}.rtab i{color:#5d6b85;font-variant-numeric:tabular-nums;font-size:8.5px;font-style:normal}.rtab.on{color:var(--gold);background:#ffc24b14;border-color:#ffc24b80}.rtab.locked{cursor:default;opacity:.42;filter:grayscale(.9)}.rtab.locked i{align-items:center;gap:2px;display:inline-flex}.rtab-lock{object-fit:contain;width:8px;height:9px}.rsig{color:var(--dim);margin:6px 2px 2px;font-size:10.5px;line-height:1.4}.rsig b{color:var(--gold);font-weight:600}.rrow{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.rrow::-webkit-scrollbar{display:none}.rcard{border:1px solid var(--line);background:var(--panel);touch-action:none;cursor:grab;border-radius:9px;flex-direction:column;flex:none;align-items:center;gap:3px;width:86px;height:118px;padding:6px 4px 5px;display:flex;position:relative}.rcard.chinh{background:linear-gradient(180deg, #ffc24b1a, var(--panel) 70%);border-color:#ffc24b73}.rcard.missing{opacity:.6;cursor:default}.rcard.used{opacity:.55;cursor:default}.rcard>b{text-align:center;color:var(--text);height:22px;font-size:9.5px;font-weight:600;line-height:1.15;overflow:hidden}.rfp{width:62px;height:62px;display:block;position:relative}.rfp .relic-art{filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%;position:absolute;inset:0}.rfp-cells{pointer-events:none;background:#080a10d9;border:1px solid #e8edf738;border-radius:4px;width:20px;height:20px;padding:2px;position:absolute;bottom:-4px;right:-6px}.rfp-cells rect{fill:#e8edf7d9;stroke:none}.rcard.missing .rfp .relic-art{opacity:.55;filter:grayscale()}.rcard-n{color:var(--dim);font-variant-numeric:tabular-nums;font-size:9.5px}.relic-empty{color:var(--dim);margin:10px 4px;font-size:11px}.relic-rot{z-index:50;background:var(--panel-2);border:1px solid var(--line);width:42px;height:42px;color:var(--gold);border-radius:50%;place-items:center;font-size:18px;display:none;position:absolute;bottom:10px;right:10px;box-shadow:0 6px 18px #0009}.relic-rot.show{display:grid}:root{--sanct-stone:#171a24;--sanct-stone-2:#0a0c13;--sanct-edge:#2b3242;--sanct-light:#eef4ff;--sanct-light-2:#9fb6d6}#panel[data-tab=relic]{background:linear-gradient(to bottom, #00000080, transparent 40px, transparent calc(100% - 40px), #00000080), linear-gradient(to right, #00000080, transparent 40px, transparent calc(100% - 40px), #00000080),  radial-gradient(70% 40% at 50% -6%, #eef4ff21, transparent 70%), repeating-linear-gradient(135deg, #ffffff04 0 2px, transparent 2px 9px), radial-gradient(120% 90% at 50% 0%, #1b2030, var(--sanct-stone-2) 72%);border:1px solid var(--sanct-edge);padding:10px 10px 12px;box-shadow:inset 0 1px #d2e2ff24,inset 0 0 0 1px #000000b3,0 8px 16px #000000b3}.relic-banner{align-items:center;gap:10px;margin:-2px 0 8px;display:flex}.relic-banner .banner-rule{background:linear-gradient(90deg, transparent, var(--sanct-light-2) 40%, var(--sanct-light-2));flex:1;height:2px;position:relative}.relic-banner .banner-rule:after{content:"";background:var(--sanct-light);width:8px;height:8px;position:absolute;top:-3px;right:-4px;transform:rotate(45deg);box-shadow:0 0 8px #eef4ffbf}.relic-banner .banner-rule.flip{transform:scaleX(-1)}.relic-banner .banner-title{letter-spacing:.34em;text-transform:uppercase;background:linear-gradient(180deg, #fff, var(--sanct-light) 55%, var(--sanct-light-2));color:#0000;filter:drop-shadow(0 1px #000000e6)drop-shadow(0 0 10px #eef4ff59);-webkit-background-clip:text;background-clip:text;padding-left:.34em;font-size:15px;font-weight:900}.relic-boardwrap:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#eef4ff12,#0000 62%);border-radius:50%;width:108%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rcell.open>i{background:linear-gradient(160deg,#232a3a,#161b26);box-shadow:inset 0 1px #d2e2ff17,inset 0 0 0 1px #2b3242}.rcell.locked>i{box-shadow:inset 0 0 0 1px #9fb6d638}.rcell.locked.ready>i{box-shadow:inset 0 0 0 1px #eef4ff99,0 0 10px #eef4ff2e}.rcard{border-width:2px}.rcard:before,.rcard:after{content:"";pointer-events:none;opacity:.5;border:1px solid;width:7px;height:7px;position:absolute}.rcard:before{border-bottom:0;border-right:0;top:3px;left:3px}.rcard:after{border-top:0;border-left:0;bottom:3px;right:3px}.rcard[data-chat=tro]{color:var(--chat-tro)}.rcard[data-chat=thep]{color:var(--chat-thep)}.rcard[data-chat=mau]{color:var(--chat-mau)}.rcard[data-chat=set]{color:var(--chat-set)}.rcard[data-chat=hon]{color:var(--chat-hon)}.rcard[data-chat=xuong]{color:var(--chat-xuong)}.rcard[data-chat]{border-color:color-mix(in srgb, currentColor 55%, var(--line));background:linear-gradient(160deg, color-mix(in srgb, currentColor 16%, transparent), var(--panel) 72%)}.rcard.chinh[data-chat]{box-shadow:0 0 14px color-mix(in srgb, currentColor 30%, transparent);border-color:currentColor}.rcard.chinh:before,.rcard.chinh:after{opacity:.95}.rcard>b{color:var(--text)}.rcard.chinh>b{color:color-mix(in srgb, currentColor 70%, #fff)}.rtab.on{color:var(--sanct-light);background:#eef4ff14;border-color:#eef4ff80;box-shadow:0 0 10px #eef4ff26}.rtab.on i{color:var(--sanct-light);opacity:.75}.rsig b{color:var(--sanct-light)}.relic-warn{background:var(--sanct-light);color:#12161f}.relic-ghost.waste{filter:drop-shadow(0 0 6px var(--sanct-light)) drop-shadow(0 8px 14px #000000b3)}#road{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);left:auto;right:12px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 98px);z-index:2;min-height:34px;color:var(--text);pointer-events:none;background:linear-gradient(90deg,#0a06049e,#0a06045c);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:5px 10px 5px 8px;font-size:12px;line-height:1.2;transition:border-color .25s,box-shadow .25s,opacity .25s;display:flex;position:absolute}#road[data-done=true]{opacity:.55}#road[data-go=true]{pointer-events:auto;cursor:pointer}#road[data-go=true][data-ready=false]:after{content:"›";color:var(--dim);flex:none;margin-left:-2px;font-size:14px;font-weight:900;line-height:1}#app[data-sheet=open] #road{display:none}#app[data-sheet=open][data-tab=hero] #road{bottom:auto;top:calc(var(--safe-top) + var(--hud-bottom));display:flex;right:8px}.road-check{background:#ffc24b1a;border:1.5px solid #ffc24b8c;border-radius:4px;flex:none;width:13px;height:13px}.road-text{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-weight:700;overflow:hidden}.road-reward{color:var(--dim);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:11px;display:inline-flex}.road-reward .icon{width:12px;height:12px}.road-reward b{color:var(--gold)}.road-reward .tier-badge{padding:1px 5px;font-size:9px}.road-claim{background:var(--gold);color:#1a1004;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:8px;flex:none;padding:4px 10px;font-size:11px;font-weight:900;display:none}#road[data-ready=true]{pointer-events:auto;cursor:pointer;background:linear-gradient(90deg,#0a0604d1,#0a06049e);border-color:#ffc24bd9;animation:1.2s ease-in-out infinite road-ready}#road[data-ready=true] .road-check{border-color:var(--gold);background:#ffc24b38}#road[data-ready=true] .road-claim{display:inline-block}#road[data-ready=true] .road-reward{color:var(--text)}@keyframes road-ready{0%,to{box-shadow:0 0 #ffc24b00,0 0 12px #ffc24b40}50%{box-shadow:0 0 0 5px #ffc24b24,0 0 22px #ffc24b99}}#road.arrive{animation:.5s cubic-bezier(.2,1.3,.35,1) both road-in}@keyframes road-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#road[data-ready=true].arrive{animation:.5s cubic-bezier(.2,1.3,.35,1) both road-in,1.2s ease-in-out .5s infinite road-ready}@media (prefers-reduced-motion:reduce){#road,#road.arrive,#road[data-ready=true]{animation:none}}.bounty-card{z-index:25;max-width:min(86vw,360px);color:var(--text);pointer-events:none;background:#0a0604eb;border:1px solid #ffc24b80;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.35;animation:.4s cubic-bezier(.2,1.3,.35,1) both bounty-in;display:flex;position:fixed;top:38%;left:50%;transform:translate(-50%)}.bounty-card .bounty-icon .icon{width:30px;height:30px}.bounty-card .bounty-text{flex-direction:column;gap:2px;display:flex}.bounty-card.leaving{animation:.4s ease-in both bounty-out}@keyframes bounty-in{0%{opacity:0;transform:translate(-50%,10px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes bounty-out{0%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.push-card h2{font-size:18px}.spoils-card{z-index:30;min-width:min(80vw,300px);max-width:min(88vw,360px);color:var(--text);background:radial-gradient(120% 90% at 50% 0,#ffc24b29,#0000 70%),#090605f5;border:1px solid #ffc24ba6;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 18px 14px;animation:.45s cubic-bezier(.2,1.3,.35,1) both spoils-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #0009}.spoils-title{letter-spacing:2.5px;color:var(--gold,#ffc24b);text-align:center;margin:0;font-size:15px;font-weight:900}.spoils-sub{letter-spacing:2px;color:var(--dim);margin:0 0 4px;font-size:11px}.spoils-rows{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.spoils-row{align-items:center;gap:9px;font-size:13px;animation:.3s cubic-bezier(.2,1.3,.35,1) both spoils-row-in;display:flex}.spoils-row .icon{width:22px;height:22px}.spoils-close{color:var(--text);font:inherit;letter-spacing:1.5px;background:#ffc24b24;border:1px solid #ffc24b99;border-radius:999px;margin-top:8px;padding:7px 26px;font-weight:800}.spoils-card.leaving{animation:.35s ease-in both spoils-out}@keyframes spoils-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes spoils-out{0%{opacity:1}to{opacity:0;transform:translate(-50%,-54%)scale(.96)}}@keyframes spoils-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spoils-card,.spoils-row{animation:none}}.stats-pop{z-index:12;padding:calc(var(--safe-top) + var(--hud-bottom) + 10px) 12px calc(var(--nav-h) + var(--safe-bottom) + 12px);background:#0302029e;align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.stats-pop[hidden]{display:none}.stats-card{overscroll-behavior:contain;background:#080504f5;border:1px solid #ffc24b2e;border-radius:18px;width:min(100%,440px);max-height:100%;padding:12px 14px 14px;animation:.16s ease-out stats-pop-in;overflow-y:auto;box-shadow:0 12px 34px #000000b3}@keyframes stats-pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.stats-card .stat-list li{padding:7px 0}.stats-card .stats-head{margin-bottom:8px}.crown-row{justify-content:center;gap:6px;padding:6px 0 2px;display:flex}.crown-row .crown{color:#4a4038;filter:grayscale();font-size:15px;line-height:1;transition:color .2s}.crown-row .crown[data-owned=true]{color:var(--gold,#ffc24b);filter:none;text-shadow:0 0 8px #ffc24b8c}.skill.arrive{animation:.62s cubic-bezier(.2,1.5,.35,1) both skill-in}@keyframes skill-in{0%{opacity:0;filter:brightness(2.2);transform:translateY(46px)scale(.6)}55%{opacity:1;filter:brightness(1.6);transform:translateY(-8px)scale(1.14)}to{opacity:1;filter:none;transform:translateY(0)scale(1)}}.skill[data-holding]{visibility:hidden}.skill.landed{animation:.5s cubic-bezier(.2,1.4,.4,1) both skill-land}@keyframes skill-land{0%{filter:brightness(2.6);transform:scale(1.3)}42%{filter:brightness(1.5);transform:scale(.93)}to{filter:none;transform:scale(1)}}.skill.landed:after{content:"";border:2px solid rgba(var(--skill), .9);width:66px;height:66px;box-shadow:0 0 18px rgba(var(--skill), .6);pointer-events:none;border-radius:50%;margin:-33px 0 0 -33px;animation:.55s ease-out both skill-land-ring;position:absolute;top:50%;left:50%}@keyframes skill-land-ring{0%{opacity:.95;transform:scale(.85)}to{opacity:0;transform:scale(2.7)}}.skill[data-fresh=true] .skill-btn[data-mode=ready]{animation:1.1s ease-in-out infinite skill-fresh}@keyframes skill-fresh{0%,to{box-shadow:0 0 0 0 rgba(var(--skill), 0), 0 0 14px rgba(var(--skill), .35);transform:scale(1)}50%{box-shadow:0 0 0 7px rgba(var(--skill), .18), 0 0 26px rgba(var(--skill), .75);transform:scale(1.06)}}#app[data-teach]:before{content:"";z-index:1;pointer-events:none;background:#0604039e;animation:.45s teach-veil;position:absolute;inset:0}@keyframes teach-veil{0%{opacity:0}to{opacity:1}}#app[data-teach=train] [data-training] .upgrade[data-kind=atk],#app[data-teach=equip] .auto-equip,#app[data-teach=relic] [data-board],#app[data-teach=mastery-open] #hud [data-hero],#app[data-teach=mastery] .mastery-pop .mastery-skills,#app[data-teach=skill] .skill[data-skill=dash] .skill-btn{background:#ffc24b2e;border-color:#ffc24bf2;animation:1.1s ease-in-out infinite teach-pulse;box-shadow:0 0 0 2px #d98b3ae6,0 0 16px #d98b3a8c}@keyframes teach-pulse{0%,to{box-shadow:0 0 0 2px #d98b3ae6,0 0 10px #ffc24b73}50%{box-shadow:0 0 0 5px #ffd264,0 0 26px 6px #ffc24be6}}#app[data-teach=mastery-open] #hud [data-hero],#app[data-teach=skill] .skill[data-skill=dash] .skill-btn{background:0 0;border-radius:50%;animation:1.1s ease-in-out infinite teach-pulse,1.1s ease-in-out infinite teach-bob}@keyframes teach-bob{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#app[data-teach=equip] #panel:not([data-tab=gear])~#nav-bar [data-tab=gear]{color:var(--gold)}#app[data-teach=equip] #panel:not([data-tab=gear])~#nav-bar [data-tab=gear] .nav-icon{border-color:#ffc24bf2;animation:1.1s ease-in-out infinite teach-pulse,1.1s ease-in-out infinite teach-bob}#app[data-teach=relic] #panel:not([data-tab=relic])~#nav-bar [data-tab=relic]{color:var(--gold);border-radius:12px;animation:1.1s ease-in-out infinite teach-pulse}#app[data-teach=auto] #battle-controls .auto-btn{border-color:#ffdc82;animation:1.4s ease-out infinite teach-flash}@keyframes teach-flash{0%{filter:brightness();transform:scale(1);box-shadow:0 0 0 2px #ffd264e6,0 0 #ffecb4f2,0 0 12px #ffc24b80}10%{filter:brightness(2.4);transform:scale(1.16);box-shadow:0 0 0 3px #fff6d2,0 0 0 5px #ffecb4f2,0 0 38px 12px #ffdc78}55%{filter:brightness();transform:scale(1);box-shadow:0 0 0 2px #ffd264e6,0 0 0 26px #ffecb400,0 0 12px #ffc24b80}to{filter:brightness();transform:scale(1);box-shadow:0 0 0 2px #ffd264e6,0 0 0 26px #ffecb400,0 0 12px #ffc24b80}}@media (prefers-reduced-motion:reduce){#app[data-teach] [data-hero],#app[data-teach] .auto-btn,#app[data-teach] .skill-btn,#app[data-teach] .upgrade,#app[data-teach] .auto-equip,#app[data-teach] [data-board],#app[data-teach] .mastery-skills,#app[data-teach=equip] #panel:not([data-tab=gear])~#nav-bar [data-tab=gear] .nav-icon,#app[data-teach=relic] #panel:not([data-tab=relic])~#nav-bar [data-tab=relic]{animation:none;box-shadow:0 0 0 4px #ffd264,0 0 22px 4px #ffc24bd9}}.learn{z-index:20;pointer-events:none;animation:2.3s linear both learn-phase;position:absolute;inset:0}@keyframes learn-phase{0%{opacity:1}to{opacity:1}}.learn-veil{background:radial-gradient(circle at 50% 38%,#0604031a 0%,#0604039e 78%);animation:2.98s ease-in-out both learn-veil;position:absolute;inset:0}@keyframes learn-veil{0%{opacity:0}22%{opacity:1}84%{opacity:1}to{opacity:0}}.learn-glow{background:radial-gradient(circle,#ffe2aad9 0%,#d98b3a73 32%,#0000 68%);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:1.5s ease-out both learn-glow;position:absolute;top:38%;left:50%}@keyframes learn-glow{0%{opacity:0;transform:scale(.2)}18%{opacity:1;transform:scale(1.05)}to{opacity:.28;transform:scale(.72)}}.learn-ring{--ring-lag:0s;width:120px;height:120px;animation:learn-ring .95s cubic-bezier(.15, .7, .3, 1) var(--ring-lag) both;border:2px solid #ffd696bf;border-radius:50%;margin:-60px 0 0 -60px;position:absolute;top:38%;left:50%}@keyframes learn-ring{0%{opacity:0;transform:scale(.25)}12%{opacity:.9}to{opacity:0;transform:scale(2.6)}}.learn-stack{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:38%;left:0;right:0;transform:translateY(-50%)}.learn-slot{width:92px;height:92px;position:relative}.learn-fly,.learn-arc,.learn-orb{position:absolute;inset:0}.learn-orb{border-radius:14px;place-items:center;animation:.6s cubic-bezier(.2,1.4,.35,1) .34s both learn-orb-in;display:grid}.learn-orb .skill-art{object-fit:contain;filter:drop-shadow(0 0 18px #ffc882a6);width:100%;height:100%}.learn-orb .skill-icon{fill:none;stroke:#ffe6bd;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px #ffc882cc);width:66px;height:66px}@keyframes learn-orb-in{0%{opacity:0;filter:brightness(3.4)blur(6px);transform:scale(.35)}55%{opacity:1;filter:brightness(1.7)blur();transform:scale(1.12)}to{opacity:1;filter:none;transform:scale(1)}}.learn-eyebrow{letter-spacing:.32em;text-transform:uppercase;text-align:center;color:#ffd9a0;text-shadow:0 0 2px #140f0c,0 2px #140f0c,0 0 22px #d98b3ab3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:800;animation:.5s ease-out .55s both learn-text-in}.learn-name{letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#fff4e0;text-shadow:0 0 2px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 4px 18px #000c,0 0 40px #d98b3a80;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(24px,7.5vw,36px);font-weight:900;line-height:1;animation:.55s cubic-bezier(.2,1.2,.4,1) .72s both learn-name-in}@keyframes learn-text-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes learn-name-in{0%{opacity:0;letter-spacing:.02em;transform:scale(1.1)}to{opacity:1;letter-spacing:.16em;transform:scale(1)}}.learn[data-phase=fly] .learn-eyebrow,.learn[data-phase=fly] .learn-name{animation:.24s ease-in both learn-text-out}@keyframes learn-text-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.learn[data-phase=fly] .learn-veil{animation:.4s both learn-veil-out}@keyframes learn-veil-out{0%{opacity:1}to{opacity:0}}.learn[data-phase=fly] .learn-glow,.learn[data-phase=fly] .learn-ring{animation:.24s ease-in both learn-text-out}.learn[data-phase=fly] .learn-fly{animation:learn-fly-x .72s linear var(--lag,0s) both}.learn[data-phase=fly] .learn-arc{animation:learn-fly-y .72s linear var(--lag,0s) both}@keyframes learn-fly-x{0%{animation-timing-function:ease-out;transform:translate(0)}20%{transform:translateX(calc(var(--dx,0px) * -.07));animation-timing-function:cubic-bezier(.5,0,.5,1)}to{transform:translateX(var(--dx,0px))}}@keyframes learn-fly-y{0%{animation-timing-function:ease-out;transform:translateY(0)scale(1)}20%{animation-timing-function:cubic-bezier(.42,0,.72,1);transform:translateY(-26px)scale(1.1)}to{transform:translateY(var(--dy,0px)) scale(var(--ds,.7))}}.learn-ghost{opacity:0}.learn[data-phase=fly] .learn-ghost{animation-name:learn-fly-x,learn-ghost-life;animation-duration:.72s,.72s;animation-timing-function:linear,linear;animation-delay:var(--lag), var(--lag);animation-fill-mode:both,both}@keyframes learn-ghost-life{0%{opacity:0;filter:blur(3px)brightness(1.6)}10%{opacity:.45}to{opacity:0;filter:blur(7px)brightness(1.6)}}@media (prefers-reduced-motion:reduce){.learn-ghost{display:none}.learn[data-phase=fly] .learn-arc{animation-timing-function:ease-in}.learn-ring{display:none}}.reveal{z-index:20;pointer-events:none;animation:2.1s linear both reveal-life;position:absolute;inset:0}@keyframes reveal-life{0%{opacity:1}to{opacity:1}}.reveal-flash{background:#fff;animation:.55s ease-out both reveal-flash;position:absolute;inset:0}@keyframes reveal-flash{0%{opacity:.85}to{opacity:0}}.reveal-title{flex-direction:column;align-items:center;gap:10px;animation:2.1s ease-out both reveal-title;display:flex;position:absolute;top:27%;left:0;right:0}@keyframes reveal-title{0%{opacity:0}10%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.reveal-name{text-transform:uppercase;text-align:center;color:#fff4e0;text-shadow:0 0 2px #140f0c,0 0 4px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 4px 18px #000c,0 0 46px #d98b3a73;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(30px,9.5vw,46px);font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.2,.4,1) both reveal-name}@keyframes reveal-name{0%{letter-spacing:.12em;transform:scale(1.08)}to{letter-spacing:.3em;transform:scale(1)}}.reveal-rule{background:linear-gradient(90deg,#0000,#d98b3a 18% 82%,#0000);width:min(78%,300px);height:3px;animation:.55s cubic-bezier(.2,1.2,.4,1) both reveal-rule;box-shadow:0 0 14px #d98b3a8c}@keyframes reveal-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.arrive{animation:.55s cubic-bezier(.2,1.5,.35,1) both arrive-pop}@keyframes arrive-pop{0%{opacity:0;filter:brightness(2);transform:scale(.55)}60%{opacity:1;filter:brightness(1.5);transform:scale(1.12)}to{opacity:1;filter:none;transform:scale(1)}}#nav-bar.arrive{animation:.6s cubic-bezier(.2,1.2,.35,1) both nav-in}@keyframes nav-in{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.story-line{z-index:19;text-align:center;letter-spacing:.01em;color:#f4ead8;text-shadow:0 1px #000,0 2px 14px #000000e6,0 0 32px #000c;pointer-events:none;opacity:0;width:min(84%,360px);margin:0;font-family:Georgia,Times New Roman,Noto Serif,serif;font-size:18px;font-style:italic;line-height:1.45;transition:opacity .55s,transform .55s;position:absolute;left:50%;transform:translate(-50%,14px)}.story-line[data-pos=top]{top:27%}.story-line[data-pos=banner]{font-size:16px;top:41%}.story-line.in{opacity:1;transform:translate(-50%)}.story-line.out{opacity:0;transition-duration:.45s;transform:translate(-50%,-6px)}.story-line[data-pos=gate]{width:100%;padding:calc(var(--safe-top) + 96px) 28px 34px;background:linear-gradient(#000000d1 0%,#000000b3 70%,#0000 100%);font-size:17px;top:0;left:0;transform:translateY(10px)}.story-line[data-pos=gate].in{transform:translate(0)}.story-line[data-pos=gate].out{transform:translateY(-6px)}.loot-card-line{text-align:center;color:#f4ead8;text-shadow:0 1px #000,0 2px 10px #000000e6;max-width:260px;margin:8px 0 0;font-family:Georgia,Times New Roman,Noto Serif,serif;font-size:13px;font-style:italic;line-height:1.4}.stamp{z-index:19;letter-spacing:.22em;text-transform:uppercase;color:#fff4e0;text-shadow:0 0 2px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 4px 14px #000c;pointer-events:none;border-radius:6px;margin:0;padding:2px 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(20px,6vw,28px);font-weight:900;animation:1.3s cubic-bezier(.2,1.2,.4,1) both stamp-life;position:absolute;top:33%;left:50%;transform:translate(-50%)}.stamp[data-kind=elite]{color:#ffb4a0;text-shadow:0 0 2px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 0 22px #ff5a3ca6}.stamp[data-kind=perfect]{color:#ffe08a;text-shadow:0 0 2px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 0 26px #ffc24bcc}.stamp[data-kind=number]{letter-spacing:.08em;color:#fff;font-size:clamp(30px,10vw,48px)}@keyframes stamp-life{0%{opacity:0;transform:translate(-50%,6px)scale(1.5)}18%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(1)}}@media (prefers-reduced-motion:reduce){.stamp{animation:1.3s linear both stamp-life}}.mastery-pop{background:#06040380;grid-template-rows:minmax(0,1fr);align-content:stretch}.mastery-card{background:radial-gradient(120% 60% at 50% 0,#ff963c29,#0000 60%),linear-gradient(#2e2420 0%,#1e1714 55%,#191311 100%);border-color:#ffc24b52;flex-direction:column;width:min(100%,520px);height:100%;padding:10px 12px 12px;display:flex;overflow:hidden}.mastery{--blade:#ff7a55;--blood:#ff4d6d;--tempo:#6fd0ff;--road:#ffc24b;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.mastery-head,.mastery-skills,.mastery-detail,.mastery-foot{flex:none}.mastery-head{margin-bottom:6px}.mastery-points{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.mastery-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mastery-skill{text-align:left;min-width:0;color:var(--text);cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;grid-template-areas:"art name name""art meta lv";align-items:center;column-gap:6px;padding:5px 8px;display:grid}.mastery-skill:active{transform:scale(.985)}.mastery-skill[data-affordable=true]{background:#ffc24b1a;border-color:#ffc24b80}.mastery-skill[data-affordable=false]{opacity:.62}.mastery-skill[data-selected=true]{outline:2px solid var(--text);outline-offset:-2px;opacity:1}.mastery-skill .skill-art{object-fit:contain;border-radius:8px;grid-area:art;width:30px;height:30px}.mastery-skill .skill-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;margin-bottom:2px;font-size:12px;font-weight:700;overflow:hidden}.mastery-skill .skill-meta{color:var(--dim);white-space:nowrap;grid-area:meta;font-size:10px}.mastery-skill .skill-lock{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;grid-area:meta;align-items:center;gap:4px;font-size:10px;font-weight:700;display:none}.mastery-skill .skill-lock .node-lock{background:0 0;width:12px;height:12px;padding:0;display:block;position:static}.mastery-skill .skill-lv{color:var(--gold);white-space:nowrap;grid-area:lv;font-size:11px;font-weight:800}.tree-fit{flex:1 1 0;place-items:center;min-height:0;margin:6px 0 4px;display:grid;container-type:size}.mastery-tree{aspect-ratio:1;background:radial-gradient(circle,#ffc24b2e,#0000 45%),radial-gradient(circle,#ffffff0f,#0000 72%);border-radius:18px;width:min(100cqw,100cqh);position:relative}.tree-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tree-wires line{stroke:#ffffff3d;stroke-width:.7px;vector-effect:non-scaling-stroke;stroke-width:1.5px;transition:stroke .25s}.tree-wires line[data-lit=true]{stroke:#ffc24bbf;filter:drop-shadow(0 0 3px #ffc24b99)}.tree-branch{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);pointer-events:none;font-size:10px;font-weight:800;position:absolute}.tree-branch[data-branch=blade]{color:var(--blade);top:1.5%;left:50%;transform:translate(-50%)}.tree-branch[data-branch=road]{color:var(--road);bottom:1.5%;left:50%;transform:translate(-50%)}.tree-branch[data-branch=tempo]{transform-origin:50%;color:var(--tempo);top:50%;right:1.5%;transform:translateY(-50%)rotate(90deg)}.tree-branch[data-branch=blood]{transform-origin:50%;color:var(--blood);top:50%;left:1.5%;transform:translateY(-50%)rotate(-90deg)}.tree-core{aspect-ratio:1;background:radial-gradient(circle at 50% 30%, var(--panel-2), #000 130%);border:2px solid #ffc24bb3;border-radius:50%;width:19%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffc24b59,inset 0 0 12px #0009}.tree-hero{object-fit:cover;object-position:50% 8%;transform-origin:50% 0;width:100%;height:100%;transform:scale(1.55)}.tree-node{aspect-ratio:1;width:12.5%;color:var(--dim);cursor:pointer;background:radial-gradient(circle at 50% 35%,#3a2f2a,#221b18 70%);border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,box-shadow .2s,transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009}.tree-node:active{transform:translate(-50%,-50%)scale(.94)}.tree-node .node-ring{width:100%;height:100%;position:absolute;inset:0}.tree-node .node-ring path{fill:none;stroke:#fff3;stroke-width:7px;stroke-linecap:round}.tree-node .node-glyph{width:48%;height:48%;display:block;position:relative}.tree-node .node-glyph svg{width:100%;height:100%;display:block}.tree-node .node-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3);width:178%;height:178%;transition:filter .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-node .node-art~svg{display:none}.tree-node[data-state=tier] .node-art{filter:grayscale(.85)brightness(.8)}.tree-node[data-state=points][data-level="0"] .node-art{filter:saturate(.7)brightness(.9)}.tree-node .node-lock{color:#b9a58f;background:#1a1412;border-radius:50%;width:40%;height:40%;padding:3px;display:none;position:absolute;bottom:-4%;right:-4%}.tree-node[data-branch=blade]{--hue:var(--blade)}.tree-node[data-branch=blood]{--hue:var(--blood)}.tree-node[data-branch=tempo]{--hue:var(--tempo)}.tree-node[data-branch=road]{--hue:var(--road)}.tree-node[data-state=ok],.tree-node:not([data-level="0"]){color:var(--hue)}.tree-node[data-state=ok]{box-shadow:0 0 0 1px color-mix(in srgb, var(--hue) 60%, transparent), 0 0 14px color-mix(in srgb, var(--hue) 55%, transparent);animation:1.6s ease-in-out infinite node-breathe}@keyframes node-breathe{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--hue) 60%, transparent), 0 0 10px color-mix(in srgb, var(--hue) 45%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--hue) 80%, transparent), 0 0 20px color-mix(in srgb, var(--hue) 70%, transparent)}}.tree-node[data-state=tier]{opacity:.62}.tree-node[data-state=tier] .node-lock{display:block}.tree-node[data-state=points]{opacity:.85}.tree-node[data-state=maxed]{color:var(--gold);box-shadow:0 0 0 1px #ffc24bb3,0 0 12px #ffc24b73}.tree-node[data-selected=true]{z-index:2;transform:translate(-50%,-50%)scale(1.12)}.tree-node[data-selected=true]:after{content:"";border:2px solid var(--text);opacity:.85;border-radius:50%;position:absolute;inset:-14%}.tree-node[data-level="1"] .node-ring path:nth-child(-n+1),.tree-node[data-level="2"] .node-ring path:nth-child(-n+2),.tree-node[data-level="3"] .node-ring path:nth-child(-n+3),.tree-node[data-level="4"] .node-ring path:nth-child(-n+4),.tree-node[data-level="5"] .node-ring path:nth-child(-n+5){stroke:var(--gold)}.mastery-detail{background:#ffffff17;border:1px solid #ffffff1a;border-radius:12px;height:84px;padding:7px 10px;overflow:hidden}.mastery-detail p{margin:2px 0}.detail-hint{color:var(--dim);text-align:center;padding:18px 0;font-size:12px}.detail-head{align-items:baseline;gap:8px;display:flex}.detail-name{font-size:14px;font-weight:800}.detail-branch{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);flex:1;font-size:10px}.detail-branch[data-branch=blade]{color:var(--blade)}.detail-branch[data-branch=blood]{color:var(--blood)}.detail-branch[data-branch=tempo]{color:var(--tempo)}.detail-branch[data-branch=road]{color:var(--road)}.detail-lv{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.detail-now{font-size:13px}.detail-next{color:var(--dim);font-size:12px}.detail-gate{color:var(--gold);font-size:11.5px}.detail-gate[data-blocked=tier]{color:var(--dim)}.mastery-foot{gap:8px;min-height:40px;margin-top:6px;display:flex}.mastery-learn,.mastery-reforge{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;flex:auto;padding:9px 12px;font-size:13px;font-weight:800}.mastery-learn{color:var(--gold);background:linear-gradient(#ffc24b47,#ffc24b1f);border-color:#ffc24bb3}.mastery-reforge{flex:none}.mastery-learn[hidden],.mastery-reforge[hidden]{display:none}.mastery-intro{z-index:5;position:absolute;inset:0}.mastery-intro[hidden]{display:none}.intro-veil{background:#080504d1;animation:.22s both intro-veil;position:absolute;inset:-10px -12px}@keyframes intro-veil{0%{opacity:0}to{opacity:1}}.mastery[data-focus] .mastery-head,.mastery[data-focus] .mastery-skills,.mastery[data-focus] .tree-fit{position:relative}.mastery[data-focus=points] .mastery-head,.mastery[data-focus=skills] .mastery-skills,.mastery[data-focus=tree] .tree-fit{z-index:6;pointer-events:none;border-radius:12px;animation:1.6s ease-in-out infinite intro-focus;box-shadow:0 0 0 2px #ffc24b80,0 0 30px 10px #ff963c2e}@keyframes intro-focus{0%,to{box-shadow:0 0 0 2px #ffc24b6b,0 0 24px 8px #ff963c24}50%{box-shadow:0 0 0 2px #ffc24bc7,0 0 38px 12px #ff963c42}}.intro-card{z-index:7;background:linear-gradient(#35281f 0%,#241b16 100%);border:1px solid #ffc24b66;border-radius:14px;padding:12px 14px 10px;animation:.28s cubic-bezier(.2,1.2,.4,1) both intro-card;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0009}@keyframes intro-card{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:800;display:block}.intro-text{color:var(--text);margin:5px 0 10px;font-size:14px;line-height:1.4}.intro-text b{color:var(--gold)}.intro-foot{align-items:center;gap:10px;display:flex}.intro-dots{flex:1;gap:5px;display:flex}.intro-dots i{background:#ffffff38;border-radius:50%;width:6px;height:6px}.intro-dots i[data-on]{background:var(--gold)}.intro-next{color:var(--gold);cursor:pointer;background:linear-gradient(#ffc24b4d,#ffc24b21);border:1px solid #ffc24bb3;border-radius:11px;padding:8px 16px;font-size:13px;font-weight:800}.levelup{z-index:18;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;animation:2.6s linear both levelup-life;position:absolute;inset:0}.levelup-flash{background:radial-gradient(at 50% 30%,#ffecbeb3,#ffa03c47 40%,#0000 72%);animation:.5s ease-out both levelup-flash;position:absolute;inset:0}.levelup-scene{text-align:center;width:min(330px,88%);animation:.34s ease-out .42s both levelup-shake;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.levelup-rays{background:repeating-conic-gradient(#ffd68c9e 0deg 5deg,#0000 5deg 17deg),radial-gradient(circle,#ffb45a80,#ff8c322e 38%,#0000 66%);width:340px;height:340px;margin:-170px 0 0 -170px;animation:2.6s linear both levelup-rays;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 12%,#0009 36%,#0000 62%);mask:radial-gradient(circle,#000 12%,#0009 36%,#0000 62%)}.levelup-wave{border:3px solid #ffd68ce6;border-radius:50%;width:240px;height:104px;margin:-52px 0 0 -120px;animation:.55s cubic-bezier(.15,.85,.3,1) .4s both levelup-wave;position:absolute;top:50%;left:50%;box-shadow:0 0 24px #ffb450b3,inset 0 0 24px #ffb45080}.levelup-plate{transform-origin:50%;background:linear-gradient(#2e1e12f0,#0e0906f5),radial-gradient(at 22%,#ffaa4659,#0000 60%);border:1px solid #ffc24b99;border-radius:14px;align-items:center;gap:14px;max-width:100%;padding:10px 22px 10px 12px;animation:2.6s cubic-bezier(.18,1.5,.4,1) both levelup-plate;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0a0705e6,0 10px 30px #0009,0 0 34px #ffa03c59,inset 0 1px #ffe2aa59}.levelup-shine{background:linear-gradient(105deg,#0000 42%,#fff2d280 50%,#0000 58%);animation:1s ease-in-out .62s both levelup-shine;position:absolute;inset:-40% -60%}.levelup-portrait{border:2px solid var(--gold);background:radial-gradient(circle at 50% 32%, var(--panel-2), #000 130%);border-radius:50%;flex:none;width:74px;height:74px;animation:2.6s cubic-bezier(.2,1.5,.4,1) both levelup-portrait;position:relative;overflow:hidden;box-shadow:0 0 0 3px #140f0cf2,0 0 22px #ffc24bd9,inset 0 -8px 18px #0009}.levelup-portrait img{width:208%;height:auto;position:absolute;top:-44%;left:-63%}.levelup-text{text-align:left;flex:0 auto;min-width:0}.levelup-label{letter-spacing:.32em;text-transform:uppercase;color:#ffe6b0;text-shadow:0 1px #140f0c,0 0 12px #ffc24b99;font-size:11px;font-weight:800;animation:2.6s ease-out both levelup-label}.levelup-nums{white-space:nowrap;align-items:baseline;gap:6px;margin-top:2px;line-height:1;display:flex}.levelup-prev,.levelup-arrow{color:#ffd69680;text-shadow:0 1px #140f0c;font-size:22px;font-weight:800;animation:2.6s ease-out both levelup-prev}.levelup-arrow{font-size:16px}.levelup-num{letter-spacing:.01em;color:#fff6dc;text-shadow:0 0 2px #140f0c,0 2px #140f0c,0 -2px #140f0c,2px 0 #140f0c,-2px 0 #140f0c,0 0 18px #ffc24bf2,0 0 46px #ff963c99;font-size:clamp(42px,13vw,54px);font-weight:900;animation:2.6s cubic-bezier(.2,1.4,.35,1) both levelup-num}.levelup-sub{white-space:nowrap;color:var(--gold);background:#0a0705d1;border:1px solid #ffc24b73;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:700;animation:2.6s ease-out both levelup-sub;display:inline-block;box-shadow:0 4px 14px #0000008c}.levelup-sparks{height:96px;position:absolute;top:0;left:0;right:0}.levelup-sparks i{left:var(--x);width:3px;height:3px;animation:levelup-spark 1.5s var(--d) ease-out both;background:#ffe2a8;border-radius:50%;position:absolute;bottom:6px;box-shadow:0 0 8px #ffc24bf2}@keyframes levelup-life{0%,82%{opacity:1}to{opacity:0}}@keyframes levelup-flash{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes levelup-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(3px - 50%),calc(-50% - 2px))}55%{transform:translate(calc(-50% - 3px),calc(2px - 50%))}80%{transform:translate(calc(1px - 50%),-50%)}}@keyframes levelup-rays{0%{opacity:0;transform:rotate(0)scale(.45)}8%{opacity:1}45%{opacity:0}to{opacity:0;transform:rotate(34deg)scale(1.18)}}@keyframes levelup-wave{0%{opacity:0;transform:scale(.55,.7)}15%{opacity:1}to{opacity:0;transform:scale(1.5,1.35)}}@keyframes levelup-plate{0%{opacity:0;transform:scaleX(.15)scaleY(.45)}4%{opacity:1}10%{transform:scaleX(1)scaleY(1)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes levelup-shine{0%{transform:translate(-90%)}to{transform:translate(90%)}}@keyframes levelup-portrait{0%,2%{opacity:0;transform:scale(0)rotate(-24deg)}11%{opacity:1;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes levelup-label{0%,4%{opacity:0;letter-spacing:.6em}11%{opacity:1;letter-spacing:.32em}to{opacity:1;letter-spacing:.32em}}@keyframes levelup-prev{0%,4.5%{opacity:0;transform:translate(6px)}9%{opacity:1;transform:translate(0)}13%{opacity:1;transform:translate(0)}19%{opacity:.45;transform:translate(-4px)scale(.86)}to{opacity:.45;transform:translate(-4px)scale(.86)}}@keyframes levelup-num{0%,11.5%{opacity:0;transform:translateY(-38px)scale(2.4)}17%{opacity:1;transform:translateY(0)scale(1)}19.5%{transform:translateY(0)scale(1.08)}22%{transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes levelup-sub{0%,27%{opacity:0;transform:translateY(8px)}33%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes levelup-spark{0%{opacity:0;transform:translateY(0) scale(var(--s))}14%{opacity:1}to{opacity:0;transform:translateY(-78px) scale(calc(var(--s) * .4))}}@media (prefers-reduced-motion:reduce){.levelup,.levelup *{animation-duration:1.6s}.levelup-scene{animation:none;transform:translate(-50%,-50%)}.levelup-rays,.levelup-sparks{display:none}}.shop-root .panel-title{align-items:center;gap:6px;display:inline-flex}.shop-root .panel-title .icon{width:16px;height:16px}.shop-ember{color:var(--gem);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.shop-ember .icon,.shop-ember .icon-art{width:16px;height:16px}.shop-ember .unit{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:9px;font-weight:700}.shop-section{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:8px 0 6px;font-size:10px;font-weight:800}.shop-card{background:#ffffff0e;border:1px solid #ffffff12;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;padding:9px 11px;display:flex}.shop-card-body{gap:2px;min-width:0;display:grid}.shop-card-title{color:var(--text);font-size:13px;font-weight:800}.shop-card-sub{color:var(--dim);flex-wrap:wrap;align-items:center;gap:3px;font-size:11px;display:inline-flex}.shop-card-sub b{color:var(--text);font-weight:700}.shop-card-sub .icon,.shop-card-sub .icon-art{width:12px;height:12px}.shop-btn{color:var(--gold);font:inherit;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffc24b47,#ffc24b1a);border:1px solid #ffc24b73;border-radius:999px;flex:none;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.shop-btn .icon,.shop-btn .icon-art{width:14px;height:14px}.shop-btn:disabled,.shop-btn[data-can=false]{opacity:.45;cursor:default}.shop-btn[data-empty=true]{opacity:.45}.shop-coming{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.shop-lock{color:var(--dim);text-align:center;border:1px dashed #ffffff1f;border-radius:12px;justify-items:center;gap:3px;padding:9px 6px;display:grid}.shop-lock-mark .icon{width:16px;height:16px}.shop-lock-title{color:var(--text);font-size:11px;font-weight:800}.shop-lock-body{font-size:9.5px;line-height:1.3}.fake-ad{z-index:60;background:#000000e0;place-items:center;display:grid;position:fixed;inset:0}.fake-ad-box{color:var(--text);border:1px dashed #ffffff40;border-radius:16px;justify-items:center;gap:10px;padding:22px 28px;display:grid}.fake-ad-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:10px}.fake-ad-clock{font-variant-numeric:tabular-nums;font-size:40px;font-weight:900}.fake-ad .btn-ghost{font:inherit;cursor:pointer;border-radius:999px;padding:8px 18px;font-weight:700}#afk[data-rush=true]{cursor:pointer;border-color:#ffc24b66}#afk[data-rush=true]:after{content:"+";color:var(--gold);margin-left:2px;font-size:12px;font-weight:900}.modal.gold-rush .btn-primary{justify-content:center;align-items:center;gap:5px;display:inline-flex}.modal.gold-rush .btn-primary .icon,.modal.gold-rush .btn-primary .icon-art{width:16px;height:16px}.modal.gold-rush .btn-primary:disabled{opacity:.45}.warp-buy{color:var(--gem);font:inherit;white-space:nowrap;cursor:pointer;background:#0a0604d9;border:1px solid #6fd3ff80;border-radius:999px;align-items:center;gap:2px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:100%;left:50%;transform:translate(-50%,2px)}.warp-buy .icon,.warp-buy .icon-art{width:11px;height:11px}.warp-buy:disabled{opacity:.45;cursor:default}[data-warp-slot]{position:relative}.crate-btn{color:var(--gem);font:inherit;cursor:pointer;white-space:nowrap;background:#6fd3ff14;border:1px solid #6fd3ff66;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.crate-btn .icon,.crate-btn .icon-art{width:12px;height:12px}.crate-btn:disabled{opacity:.45;cursor:default}.shop-note{color:var(--dim);text-align:center;margin:8px 0 0;font-size:10px}.shop-boosts{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.shop-boosts span{color:var(--gold);font-variant-numeric:tabular-nums;background:#ffc24b1a;border:1px solid #ffc24b59;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.shop-card-clock{color:var(--gold);font-variant-numeric:tabular-nums;font-size:10px}.shop-offer{background:#ff7a4514;border-color:#ff7a4573}.shop-packs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:7px;display:grid}.shop-pack{background:#ffffff0e;border:1px solid #ffffff14;border-radius:12px;justify-items:center;gap:4px;padding:10px 6px 8px;display:grid;position:relative}.shop-pack-first{letter-spacing:.08em;color:#fff;background:#ff3b3b;border-radius:999px;padding:1px 6px;font-size:8px;font-weight:900;display:none;position:absolute;top:-6px;right:-4px}.shop-pack[data-first=true] .shop-pack-first{display:inline-block}.shop-pack-name{color:var(--text);font-size:11px;font-weight:800}.shop-pack-ember{color:var(--gem);align-items:center;gap:3px;font-size:13px;font-weight:800;display:inline-flex}.shop-pack-ember .icon,.shop-pack-ember .icon-art{width:14px;height:14px}.shop-pack .shop-btn{padding:5px 10px;font-size:11px}.shop-restore{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;margin:2px auto 8px;font-size:10px;text-decoration:underline;display:block}.shop-milestones{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:7px;display:grid}.shop-lock.milestone[data-state=ready]{border-style:solid;border-color:#6fd3ff80}.shop-lock.milestone[data-state=claimed]{opacity:.55}.shop-lock .shop-btn{margin-top:3px;padding:4px 9px;font-size:10px}.shop-regalia{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:7px;display:grid}.shop-lock.regalia[data-owned=true]{border-style:solid;border-color:#ffc24b73}.regalia-swatch{border:1px solid #ffffff26;border-radius:8px;width:34px;height:34px}.regalia-swatch[data-regalia=ashenFounder]{background:linear-gradient(135deg,#3a3a3a,#8a2e1e)}.regalia-swatch[data-regalia=crownedAsh]{background:linear-gradient(135deg,#4a4a4a,#d7a43a)}.regalia-swatch[data-regalia=emberSovereign]{background:linear-gradient(135deg,#ff7a45,#ffd36e)}.regalia-swatch[data-regalia=cinderKnight]{background:linear-gradient(135deg,#2b1a14,#ff5a2e)}.regalia-swatch[data-regalia=gildedWarden]{background:linear-gradient(135deg,#3a2f10,#ffc24b)}.regalia-swatch[data-regalia=voidWalker]{background:linear-gradient(135deg,#14102b,#8a5cff)}.vip-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.vip-level{color:var(--gold);letter-spacing:.06em;font-size:14px;font-weight:900}.vip-next{color:var(--dim);font-variant-numeric:tabular-nums;font-size:10px}.vip-bar{background:#ffffff14;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.vip-bar i{background:linear-gradient(90deg,#ffc24b,#ff7a45);height:100%;display:block}.vip-perks{gap:2px;margin:0 0 8px;padding:0;list-style:none;display:grid}.vip-perks li{color:var(--dim);justify-content:space-between;font-size:11px;display:flex}.vip-perks li b{color:var(--text);font-variant-numeric:tabular-nums}.vip-perks li i{color:var(--gold);font-style:normal}.offer-backdrop{z-index:40;padding-bottom:calc(var(--nav-h) + var(--safe-bottom));background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.offer-card{width:min(92vw,380px);color:var(--text);text-align:center;background:radial-gradient(120% 90% at 50% 0,#2a1c14,#120c09 70%);border:1px solid #ffc24b73;border-radius:18px;padding:16px 16px 12px;animation:.2s ease-out sheet-in;box-shadow:0 12px 40px #000000b3}.offer-line{color:var(--dim);margin:0 0 4px;font-size:11px;font-style:italic}.offer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0;font-size:20px}.offer-worth{color:var(--gem);align-items:center;gap:3px;margin:2px 0 8px;font-size:11px;display:inline-flex}.offer-worth .icon,.offer-worth .icon-art{width:13px;height:13px}.offer-rows{gap:4px;margin:6px 0 12px;padding:0;font-size:13px;font-weight:700;list-style:none;display:grid}.offer-rows li[hidden]{display:none}.offer-buy{cursor:pointer;color:#1a0d06;width:100%;font:inherit;letter-spacing:.04em;background:linear-gradient(#ffd36e,#ff7a45);border:0;border-radius:12px;padding:11px;font-weight:900}.offer-later{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:6px;font-size:12px}.offer-clock{color:var(--dim);margin:4px 0 0;font-size:10px}.offer-clock b{color:var(--gold);font-variant-numeric:tabular-nums}.offer-badge{right:8px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 66px);z-index:3;color:var(--text);font:inherit;cursor:pointer;background:#0a0604d9;border:1px solid #ff7a458c;border-radius:12px;justify-items:center;gap:1px;padding:4px 9px;display:grid;position:absolute}#app[data-sheet=open] .offer-badge{display:none}.offer-badge-name{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:9px;font-weight:800}.offer-badge-clock{font-variant-numeric:tabular-nums;font-size:11px}.ad-chip{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 120px);z-index:3;color:var(--gold);font:inherit;cursor:pointer;background:#0a0604e0;border:1px solid #ffc24b80;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;animation:.18s ease-out sheet-in;display:inline-flex;position:absolute;transform:translate(-50%)}#app[data-sheet=open] .ad-chip{display:none}.ad-chip-tag{background:var(--gold);color:#1a0d06;letter-spacing:.08em;border-radius:4px;padding:1px 5px;font-size:9px}.spoils-x2{border-color:var(--gold);margin-bottom:6px}.mastery-reforge-buy{color:var(--gem);border-color:#6fd3ff80}.ember-sinks{flex-wrap:wrap;gap:4px;display:inline-flex}#panel[data-tab=shop]{top:calc(var(--safe-top) + var(--hud-bottom));flex-direction:column;max-height:none;display:flex;overflow:hidden}#panel[data-tab=shop] .tab-panel[data-panel=shop]{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}#panel[data-tab=shop] .tab-panel[data-panel=shop][hidden]{display:none}@media (max-height:700px){#panel[data-tab=shop]{padding-top:8px}}#app:not([data-unlocks~=nav]) #nav-bar,#app:not([data-unlocks~=training2]) [data-training] .upgrade[data-kind=hp],#app:not([data-unlocks~=training2]) [data-training] .upgrade[data-kind=regen],#app:not([data-unlocks~=skill\.dash]) .skill[data-skill=dash],#app:not([data-unlocks~=skill\.leap]) .skill[data-skill=leap],#app:not([data-unlocks~=skill\.rain]) .skill[data-skill=rain],#app:not([data-unlocks~=mastery]) [data-mastery]{display:none}#app:not([data-unlocks~=skill\.dash]) .mastery-skill[data-skill=dash],#app:not([data-unlocks~=skill\.leap]) .mastery-skill[data-skill=leap],#app:not([data-unlocks~=skill\.rain]) .mastery-skill[data-skill=rain]{pointer-events:none;opacity:.55;filter:grayscale(.85)}#app:not([data-unlocks~=skill\.dash]) .mastery-skill[data-skill=dash] .skill-meta,#app:not([data-unlocks~=skill\.leap]) .mastery-skill[data-skill=leap] .skill-meta,#app:not([data-unlocks~=skill\.rain]) .mastery-skill[data-skill=rain] .skill-meta,#app:not([data-unlocks~=skill\.dash]) .mastery-skill[data-skill=dash] .skill-lv,#app:not([data-unlocks~=skill\.leap]) .mastery-skill[data-skill=leap] .skill-lv,#app:not([data-unlocks~=skill\.rain]) .mastery-skill[data-skill=rain] .skill-lv{display:none}#app:not([data-unlocks~=skill\.dash]) .mastery-skill[data-skill=dash] .skill-lock,#app:not([data-unlocks~=skill\.leap]) .mastery-skill[data-skill=leap] .skill-lock,#app:not([data-unlocks~=skill\.rain]) .mastery-skill[data-skill=rain] .skill-lock{display:inline-flex}#app:not([data-unlocks~=road]) #road,#app:not([data-unlocks~=forecast]) #afk,#app:not([data-unlocks~=skill\.dash]) #battle-controls{display:none}#app:not([data-unlocks~=skill\.dash]) #skill-bar{margin-left:auto}#app:not([data-unlocks~=auto]) .auto-btn{pointer-events:none;color:var(--dim);opacity:.5;filter:grayscale(.85)}#app:not([data-unlocks~=auto]) .auto-btn .round-btn-lock{display:grid}#app:not([data-unlocks~=gear]) .nav-btn[data-tab=gear],#app:not([data-unlocks~=relics]) .nav-btn[data-tab=relic],#app:not([data-unlocks~=rebirth]) .nav-btn[data-tab=rebirth]{pointer-events:none;color:var(--dim)}#app:not([data-unlocks~=gear]) .nav-btn[data-tab=gear] .nav-icon,#app:not([data-unlocks~=relics]) .nav-btn[data-tab=relic] .nav-icon,#app:not([data-unlocks~=rebirth]) .nav-btn[data-tab=rebirth] .nav-icon{opacity:.32;filter:grayscale()}#app:not([data-unlocks~=gear]) .nav-btn[data-tab=gear] .nav-label,#app:not([data-unlocks~=relics]) .nav-btn[data-tab=relic] .nav-label,#app:not([data-unlocks~=rebirth]) .nav-btn[data-tab=rebirth] .nav-label{opacity:.45}#app:not([data-unlocks~=gear]) .nav-btn[data-tab=gear] .nav-lock,#app:not([data-unlocks~=relics]) .nav-btn[data-tab=relic] .nav-lock,#app:not([data-unlocks~=rebirth]) .nav-btn[data-tab=rebirth] .nav-lock{display:grid}#app:not([data-unlocks~=power]) .avatar-lv,#app:not([data-unlocks~=power]) .chip.power,#app:not([data-unlocks~=cycle2]) [data-warp-slot],#app:not([data-unlocks~=cycle2]) [data-speed-slot],#app:not([data-unlocks~=cycle2]) .rebirth-soul,#app:not([data-unlocks~=cycle2]) .soul-head,#app:not([data-unlocks~=cycle2]) .soul-nodes{display:none}#app:not([data-unlocks~=shop]) .nav-btn[data-tab=shop]{pointer-events:none;color:var(--dim)}#app:not([data-unlocks~=shop]) .nav-btn[data-tab=shop] .nav-icon{opacity:.32;filter:grayscale()}#app:not([data-unlocks~=shop]) .nav-btn[data-tab=shop] .nav-label{opacity:.45}#app:not([data-unlocks~=shop]) .nav-btn[data-tab=shop] .nav-lock{display:grid}#app:not([data-unlocks~=shop]) .crate-btn,#app:not([data-unlocks~=shop]) .warp-buy{display:none}#app[data-unlocks~=shop] #afk{pointer-events:auto}#hud [data-quest]{display:none}#fps-meter{color:#ffffff9e;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#00000073;border-radius:7px;padding:1px 6px;font:700 10px/1.4 ui-monospace,monospace;position:absolute;top:3px;left:calc(100% + 6px)}#app[data-perf-flat~=shadow] #panel,#app[data-perf-flat~=shadow] #panel *{box-shadow:none!important}#app[data-perf-flat~=filter] #panel,#app[data-perf-flat~=filter] #panel *{filter:none!important}#app[data-perf-flat~=text] #panel,#app[data-perf-flat~=text] #panel *{text-shadow:none!important}#app[data-perf-flat~=bg] #panel{background:#0d0a08!important}#app[data-perf-flat~=bg] #panel *{background-image:none!important}#app[data-perf-flat~=bg] #panel .banner-title,#app[data-perf-flat~=bg] #panel [data-power]{color:var(--gold,#ffc24b)!important}#app[data-perf-flat~=anim] #panel *,#app[data-perf-flat~=open] #panel{animation:none!important}#app[data-perf-nostage][data-sheet=open] #stage-canvas{display:none}#perf-hud{left:50%;top:calc(var(--safe-top) + 2px);z-index:99;color:#7fe9ff;white-space:nowrap;pointer-events:none;background:#000000b8;border-radius:8px;padding:2px 8px;font:700 11px/1.5 ui-monospace,monospace;position:absolute;transform:translate(-50%)}