@font-face{font-family:'Montserrat';src:url('assets/fonts_assets/Montserrat-Bold.ttf')format('truetype');font-weight:100 900;font-style:normal}

:root{
--bg-color:#06070a;
--panel-bg:#0f111a;
--node-bg:#0a0c14;
--text-color:#fff;
--border-can-buy:#00ff66;
--border-cant-afford:#ff3355;
--border-locked:#444a5e;
--border-maxed:#00e5ff;
--ui-bg:#05080b;
--ui-panel:#071014;
--ui-muted:#718087;
}

*{box-sizing:border-box}
html,body{min-height:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none}
body{margin:0;padding:0;background:var(--bg-color);color:var(--text-color);font-family:'Montserrat','Segoe UI',sans-serif;font-synthesis:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--panel-bg);border-radius:4px}
::-webkit-scrollbar-thumb{background:#2a2f45;border-radius:4px;border:1px solid #1e2338}
::-webkit-scrollbar-thumb:hover{background:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.5)}
::-webkit-scrollbar-corner{background:var(--panel-bg)}
*{scrollbar-width:thin;scrollbar-color:#2a2f45 var(--panel-bg)}

button,input,select,textarea{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{-webkit-user-select:none;user-select:none}
button:focus-visible
input,button,select,textarea{outline:none}
textarea,input,select,button{font-family:inherit}
img{max-width:100%;height:auto}
canvas,svg{max-width:100%}
a{color:inherit}
::selection{background:rgba(0,229,255,.25);color:#fff}

body.no-glow *{box-shadow:none!important;text-shadow:none!important;filter:none!important}
body.no-animations *{transition:none!important;transform:none!important;animation:none!important}

/* =========================================================
SETTINGS / GENERIC BUTTONS
========================================================= */
.setting-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0;font-size:1.05rem;font-weight:700;border-bottom:1px solid #2a2f45;color:#a0aabf}
.setting-row:last-child .setting-toggle-btn:active{transform:scale(.9)!important}
.setting-toggle-btn:hover{border-color:#9ca3af;box-shadow:0 0 8px rgba(156,163,175,.3)}
.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#2a2f45;transition:.3s;border-radius:26px;border:1px solid #3b425a}
.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#77829e;transition:.3s;border-radius:50%}
input:checked+.toggle-slider{background:#00e5ff;border-color:#00b3cc}
input:checked+.toggle-slider:before{transform:translateX(24px);background:#000}

/* =========================================================
SETTINGS TAB REVAMP v2
Grouped rows, real switches, tidy currency grid, danger zone.
Class names are unchanged, so existing HTML/JS keeps working.
(Final look is defined by the SETTINGS blocks at the end of this file.)
========================================================= */
#settings-tab{--ui-accent:#94a3b8;--ui-line:#94a3b848;--ui-soft:#94a3b818;--set-row:#0d1018;--set-row-hover:#141927;--set-divider:#94a3b82e;--set-danger:#ef4444}
#settings-tab .flame-altar-card{max-width:620px!important;padding:26px 26px 24px!important;text-align:left!important}
.settings-page{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;padding:20px;width:100%}

.settings-panel-title{position:relative;font-size:20px;color:#f3f4f6;font-weight:900;text-transform:uppercase;letter-spacing:4px;margin-bottom:26px;padding-bottom:14px;text-align:center}
.settings-panel-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--ui-accent),transparent);box-shadow:0 0 8px var(--ui-accent)}

/* sections: label + hairline rule, then a grouped list */
.settings-section{margin:0 0 26px}
.settings-section:last-of-type{margin-bottom:18px}
.settings-section-label{display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:12px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase;margin:0 0 10px;text-align:left}
.settings-section-label:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 8px var(--ui-accent)}
.settings-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--set-divider),transparent)}
.settings-curr-hint{font-size:11.5px;color:#9aa5b8;line-height:1.55;margin:0 0 12px;padding:9px 12px;text-align:left;border-left:2px solid var(--ui-accent);border-radius:0 8px 8px 0;background:var(--ui-soft)}

/* rows: consecutive .setting-item elements fuse into one rounded group */
.setting-item{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 16px;margin:0 0 -1px;text-align:left;background:var(--set-row);border:1px solid var(--ui-line);border-radius:0;transition:background .15s ease,border-color .15s ease}
:not(.setting-item)+.setting-item{border-radius:11px 11px 0 0}
.setting-item:not(:has(+.setting-item)){margin-bottom:0;border-radius:0 0 11px 11px}
:not(.setting-item)+.setting-item:not(:has(+.setting-item)){border-radius:11px}
.setting-item:hover{z-index:1;background:var(--set-row-hover);border-color:color-mix(in srgb,var(--ui-accent) 55%,transparent)}
.setting-item-text{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
.setting-item-name{color:#f1f5f9;font-size:14px;font-weight:800;line-height:1.25}
.setting-item-desc{font-size:11.5px;color:#8b95a8;line-height:1.45}

/* toggle button: base look, used anywhere */
.setting-toggle-btn{flex:none;min-width:62px;padding:7px 4px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1.6px;text-align:center;cursor:pointer;font-family:inherit;color:#94a3b8;background:#171a24;border:1px solid #3a4257;box-shadow:inset 0 0 0 1px #ffffff08}
.setting-toggle-btn.is-on{color:#04140c;background:linear-gradient(135deg,#3ef2a6,#0fb571);border-color:#5bffbf;box-shadow:0 0 12px #22d98a55,inset 0 0 0 1px #ffffff20;text-shadow:none}
.setting-toggle-btn:hover{border-color:#9ca3af;box-shadow:0 0 8px rgba(156,163,175,.3)}
.setting-toggle-btn.is-on:hover{border-color:#8dffce;box-shadow:0 0 14px #22d98a70,inset 0 0 0 1px #ffffff20}

/* settings switch: knob slides, label sits on the opposite side */
#settings-tab .setting-toggle-btn{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:72px;min-width:72px;height:32px;padding:0 11px 0 34px;font-size:10.5px;letter-spacing:1.4px;line-height:1;color:#8391ab;background:#121622;border:1px solid #39415a;box-shadow:inset 0 2px 5px #0009;text-shadow:none}
#settings-tab .setting-toggle-btn::after{content:""!important;display:block!important;position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#6b7791;box-shadow:0 2px 4px #0009;transition:left .18s cubic-bezier(.3,.7,.3,1),background .18s ease}
#settings-tab .setting-toggle-btn.is-on{justify-content:flex-start;padding:0 34px 0 12px;color:#03140c;background:linear-gradient(135deg,#3ef2a6,#0fb571);border-color:#5bffbf;box-shadow:0 0 12px #22d98a4d,inset 0 0 0 1px #ffffff1f}
#settings-tab .setting-toggle-btn.is-on::after{left:calc(100% - 27px);background:#05160e}
#settings-tab .setting-toggle-btn:hover{transform:none!important;filter:brightness(1.12)!important;border-color:#94a3b8}
#settings-tab .setting-toggle-btn.is-on:hover{border-color:#8dffce}
#settings-tab .setting-toggle-btn:active{transform:scale(.96)!important}

/* currency toggles: compact chips with a label-less mini switch */
.settings-curr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.setting-curr{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:8px 10px 8px 14px;background:var(--set-row);border:1px solid var(--ui-line);border-radius:10px;transition:background .15s ease,border-color .15s ease}
.setting-curr:hover{background:var(--set-row-hover);border-color:color-mix(in srgb,var(--ui-accent) 55%,transparent)}
.setting-curr span{min-width:0;overflow-wrap:anywhere;text-align:left;font-size:12.5px;font-weight:800;color:#dbe3ea}
#settings-tab .setting-curr .setting-toggle-btn{width:44px;min-width:44px;height:24px;padding:0;font-size:0;letter-spacing:0;color:transparent}
#settings-tab .setting-curr .setting-toggle-btn::after{top:3px;left:3px;width:16px;height:16px}
#settings-tab .setting-curr .setting-toggle-btn.is-on{padding:0}
#settings-tab .setting-curr .setting-toggle-btn.is-on::after{left:calc(100% - 19px)}

/* danger zone */
.settings-section:has(.settings-reset-btn){margin-top:30px;padding-top:20px;border-top:1px dashed #ef444455}
.settings-section:has(.settings-reset-btn) .settings-section-label{color:#fca5a5}
.settings-section:has(.settings-reset-btn) .settings-section-label:before{background:var(--set-danger);box-shadow:0 0 8px var(--set-danger)}
.settings-reset-note{font-size:11.5px;color:#9aa5b8;line-height:1.55;text-align:left;margin:0 0 12px}
.settings-reset-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px 16px;background:#ef44440f;border:1px solid #ef444480;border-radius:10px;color:#fca5a5;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;font-size:12px;cursor:pointer;font-family:inherit}
.settings-reset-btn:hover{background:#ef444426;border-color:#f87171;color:#fecaca;box-shadow:0 0 14px #ef444440}

/* keyboard focus (the global outline reset removed it) */
#settings-tab :is(.setting-toggle-btn,.settings-reset-btn):focus-visible{outline:2px solid #e2e8f0;outline-offset:3px}

@media(max-width:520px){
.settings-page{padding:8px 0}
#settings-tab .flame-altar-card{padding:18px 14px!important}
.setting-item{gap:12px;padding:11px 12px}
.settings-curr-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){
.settings-curr-grid{grid-template-columns:1fr}
}

button:not(.tree-node){box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent;transform:none}
button:not(.tree-node):not(:disabled){transition:transform .12s cubic-bezier(.22,.61,.36,1),filter .12s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important}
button:not(.tree-node):not(:disabled):hover{transform:translateY(-1px) scale(1.012)!important;filter:brightness(1.08)!important}
button:not(.tree-node):not(:disabled):active{transform:translateY(0) scale(.965)!important;filter:brightness(.94)!important}
button:not(.tree-node)::before,button:not(.tree-node)::after{content:none!important;display:none!important}
button:not(.tree-node),button:not(.tree-node) *{overflow:visible}
button.cant-afford:not(:disabled){border:1px solid var(--border-cant-afford,#ff3355)!important;border-radius:7px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-cant-afford,#ff3355) 18%,transparent),0 3px 8px #0009!important}
button.cant-afford:not(:disabled):hover{border-color:#ff6b84!important;box-shadow:inset 0 0 0 1px #ff6b8433,0 4px 10px #000a!important}
button.cant-afford:not(:disabled):active{border-color:var(--border-cant-afford,#ff3355)!important;box-shadow:inset 0 0 0 1px #ff33554a,0 2px 6px #000a!important}
.action-btn,.tier-btn,.flame-altar-btn,.sphere-machine-btn,.setting-toggle-btn,.rune-category-btn{transition:transform .12s cubic-bezier(.22,.61,.36,1),filter .12s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important}

/* =========================================================
TIER / CURRENCY / TABS
========================================================= */
#tier-progress-container{position:relative;width:100%;height:30px;background:#080a10;border-bottom:2px solid #ffd700;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.8)}
#tier-progress-bar{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#ffd700 50%,#fef08a);border-right:2px solid #fff;box-shadow:0 0 10px rgba(255,215,0,.7);transition:width .2s ease-out;z-index:1}
#tier-progress-text-detail,#tier-progress-text-title{position:relative;z-index:2;font-weight:700;text-align:center;line-height:1.1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px rgba(0,0,0,.9)}
#tier-progress-text-title{font-size:.75rem;color:#fff;letter-spacing:.5px}
#tier-progress-text-detail{font-size:.68rem;color:#fff2a3}

#currency-bar,#tab-buttons,.tree-quickjump,.secrets-carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none;scrollbar-gutter:stable}
#currency-bar::-webkit-scrollbar,#tab-buttons::-webkit-scrollbar,.tree-quickjump::-webkit-scrollbar,.secrets-carousel::-webkit-scrollbar{display:none}
.currency,.tab-btn{flex:0 0 auto}

#currency-bar{align-items:center;justify-content:safe center;gap:11px;width:100%;max-width:100vw;padding:6px 10px;overflow-y:hidden;background:linear-gradient(180deg,#090d13f8,#03060af5);border-bottom:1px solid #ffffff0c;box-shadow:0 5px 16px #0009}
#currency-bar .currency{--cur:currentColor;position:relative;width:max-content;min-width:86px;max-width:calc(100vw - 20px);min-height:48px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;overflow:hidden;outline:0!important;border:1px solid currentColor!important;border-radius:6px;background:linear-gradient(180deg,var(--bg1),var(--bg2))!important;box-shadow:0 2px 5px #0008,0 0 9px var(--glow),0 0 0 1px currentColor,inset 0 1px #ffffff09,inset 0 -1px #0008!important;transition:filter .12s ease,border-color .12s ease,box-shadow .12s ease}
#currency-bar .currency:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.75;pointer-events:none;transition:opacity .12s,left .12s,right .12s}
#currency-bar .currency:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;border-radius:2px 2px 0 0;background:currentColor;box-shadow:0 0 6px currentColor;opacity:.65;pointer-events:none;transition:opacity .12s,left .12s,right .12s}
#currency-bar .currency>span{position:relative;z-index:1;display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}
#currency-bar .currency>span:first-of-type{font-size:15px!important;font-weight:900!important;line-height:1.05!important}
#currency-bar .currency>span:last-of-type{font-size:13px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:.6px!important;text-transform:uppercase}
#energy-display{color:#f4c542!important;--bg1:#24200c;--bg2:#0a0b0d;--glow:#f4c54235}
#tokens-display{--bg1:#21142d;--bg2:#09090d;--glow:#f0b94d35}
#flame-display{--bg1:#2c1308;--bg2:#0b0908;--glow:#ff450035}
#ap-display{--bg1:#24132f;--bg2:#09090e;--glow:#a855f735}
#power-display{--bg1:#0b2530;--bg2:#070b0e;--glow:#22d3ee35}
#flesh-display{--bg1:#2c1424;--bg2:#0b090d;--glow:#f472b635}
#damage-display{--bg1:#2b1010;--bg2:#0b0808;--glow:#ef444435}
#orbs-display{--bg1:#2c1024;--bg2:#0b080d;--glow:#ec489935}
#spheres-display{--bg1:#0b2925;--bg2:#070b0c;--glow:#14b8a635}
#prisms-display{--bg1:#251426;--bg2:#09070c;--glow:#ffcbf235}
#tickets-display{--bg1:#27200a;--bg2:#0a0a07;--glow:#facc1535}
#currency-bar .currency:hover{filter:brightness(1.1);border-color:currentColor!important;background:linear-gradient(180deg,var(--bg1),var(--bg2))!important;box-shadow:0 4px 8px #0009,0 0 15px var(--glow),0 0 0 1px currentColor,inset 0 1px #ffffff0c,inset 0 -1px #0009!important}
#currency-bar .currency:hover:before{opacity:1;left:8%;right:8%}
#currency-bar .currency:hover:after{opacity:1;left:8%;right:8%;box-shadow:0 0 8px currentColor}
#currency-bar .currency:active{filter:brightness(.92)}

#tab-buttons{justify-content:safe center;align-items:center;gap:5px;padding:6px 14px;background:linear-gradient(180deg,#090d13f8,#03060af5);border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff0c;box-shadow:0 5px 16px #0009;white-space:nowrap;min-width:0}
#tab-buttons .tab-btn{--tab:#94a3b8;position:relative;height:29px;padding:0 13px;border:1px solid color-mix(in srgb,var(--tab) 30%,#17202a);border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--tab) 8%,#121820),color-mix(in srgb,var(--tab) 2%,#06090d));color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit;font-size:8.5px;font-weight:900;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap;cursor:pointer;outline:0!important;overflow:hidden;box-shadow:0 2px 5px #0008,inset 0 1px #ffffff09,inset 0 -1px #0008}
#tab-buttons .tab-btn[data-tab="tree-tab"]{--tab:#f4c542}
#tab-buttons .tab-btn[data-tab="ascender-tab"]{--tab:#ff7a18}
#tab-buttons .tab-btn[data-tab="flames-tab"]{--tab:#ff4500}
#tab-buttons .tab-btn[data-tab="ap-tab"]{--tab:#a855f7}
#tab-buttons .tab-btn[data-tab="runes-tab"]{--tab:#38bdf8}
#tab-buttons .tab-btn[data-tab="power-tab"]{--tab:#22d3ee}
#tab-buttons .tab-btn[data-tab="orbs-tab"]{--tab:#ec4899}
#tab-buttons .tab-btn[data-tab="spheres-tab"]{--tab:#14b8a6}
#tab-buttons .tab-btn[data-tab="prisms-tab"]{--tab:#ffcbf2}
#tab-buttons .tab-btn[data-tab="challenges-tab"]{--tab:#3b82f6}
#tab-buttons .tab-btn[data-tab="tickets-tab"]{--tab:#facc15}
#tab-buttons .tab-btn[data-tab="dungeons-tab"]{--tab:#ef4444}
#tab-buttons .tab-btn[data-tab="secrets-tab"]{--tab:#f43f5e}
#tab-buttons .tab-btn[data-tab="stats-tab"]{--tab:#22c55e}
#tab-buttons .tab-btn[data-tab="info-tab"]{--tab:#60a5fa}
#tab-buttons .tab-btn[data-tab="updates-tab"]{--tab:#a78bfa}
#tab-buttons .tab-btn[data-tab="settings-tab"]{--tab:#94a3b8}
#tab-buttons .tab-btn[data-tab="shop-tab"]{--tab:#c084fc}
#tab-buttons .tab-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px) scale(1.015);border-color:color-mix(in srgb,var(--tab) 62%,#fff);box-shadow:0 4px 9px #0009,0 0 10px color-mix(in srgb,var(--tab) 22%,transparent),inset 0 1px #ffffff12,inset 0 -1px #0009}
#tab-buttons .tab-btn:active:not(:disabled){filter:brightness(.94);transform:translateY(1px) scale(.965);box-shadow:0 2px 5px #000a,0 0 7px color-mix(in srgb,var(--tab) 18%,transparent),inset 0 1px #ffffff0c,inset 0 -1px #000a}
#tab-buttons .tab-btn.active{color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:color-mix(in srgb,var(--tab) 75%,#fff);background:radial-gradient(circle at 50% -65%,color-mix(in srgb,var(--tab) 24%,transparent),transparent 67%),linear-gradient(180deg,color-mix(in srgb,var(--tab) 14%,#121820),color-mix(in srgb,var(--tab) 5%,#06090d));box-shadow:0 3px 9px #000a,0 0 13px color-mix(in srgb,var(--tab) 22%,transparent),inset 0 1px #ffffff14,inset 0 -1px #0009}
#tab-buttons .tab-btn.active:hover:not(:disabled){transform:translateY(-1px) scale(1.015)}
#tab-buttons .tab-btn.active:active:not(:disabled){transform:translateY(1px) scale(.965)}

.tab-content{display:none;padding:20px;text-align:center}
.tab-content.active{display:block}

.tree-quickjump{gap:8px;padding:6px 15px 10px;justify-content:safe center}
.tree-quickjump-btn{flex-shrink:0;white-space:nowrap;font:inherit;font-size:11px;font-weight:800;letter-spacing:.5px;padding:7px 14px;border-radius:20px;cursor:pointer;color:#e2e8f0;background:#1e2230db;border:1px solid #94a3b859;transition:border-color .2s,box-shadow .2s,filter .1s}
.tree-quickjump-btn:hover{filter:brightness(1.08)}
.tree-quickjump-btn:active{filter:brightness(.92)}
.tree-quickjump-btn.currency-energy{border-color:#997a00;color:#ffdd55}
.tree-quickjump-btn.currency-flames{border-color:#661b00;color:#ff7a45}
.tree-quickjump-btn.currency-ap{border-color:#305;color:#c6f}
.tree-quickjump-btn.currency-power{border-color:#0699;color:#80e5ff}
.tree-quickjump-btn.currency-flesh{border-color:#602;color:#f68}
.tree-quickjump-btn.currency-damage{border-color:#600;color:#f55}
.tree-quickjump-btn.currency-orbs{border-color:#604;color:#f5c0}
.tree-quickjump-btn.currency-spheres{border-color:#044;color:#5ffe0}
.tree-quickjump-btn.currency-prisms{border-color:#b869a8;color:#ffcbf2}

/* =========================================================
ASCENDER / FLAMES / AP / POWER / ORBS / PRISMS
========================================================= */
.tree-controls{width:1000px;max-width:calc(100vw - 24px);margin:10px auto 0;display:flex;justify-content:flex-end}
.action-btn{background:var(--panel-bg);color:var(--text-color);border:1px solid #2a2f45;padding:8px 18px;font-family:inherit;font-size:1rem;cursor:pointer;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.buy-max-btn{background:linear-gradient(135deg,#00e5ff,#0088ff);color:#000;font-weight:700;border:none;box-shadow:0 0 10px rgba(0,229,255,.4);text-shadow:none}
.boosts-board{width:440px;background:#030407;border:2px solid #ffd700;border-radius:8px;padding:20px;box-sizing:border-box;box-shadow:0 0 20px rgba(255,215,0,.25);display:flex;flex-direction:column;align-items:center;gap:15px}
.boosts-board h2{margin:0;font-size:1.4rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3)}
.tier-btn{width:100%;background:linear-gradient(180deg,#ffd700,#ff8800);color:#000;font-family:inherit;font-size:1.3rem;font-weight:700;padding:12px 0;border:2px solid #fff;border-radius:6px;cursor:pointer;box-shadow:0 0 15px rgba(255,215,0,.4);text-shadow:0 1px 2px rgba(255,255,255,.4)}
.tier-btn:disabled{opacity:.55;cursor:not-allowed}
.board-title{font-size:1.2rem;color:#ffffaa;text-shadow:0 0 8px #ffd700,0 2px 4px rgba(0,0,0,.8);letter-spacing:1px}
.board-content{display:flex;flex-direction:column;gap:8px;width:100%}
.boost-line{font-size:.95rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.boost-energy{color:#ffd700;text-shadow:0 0 8px rgba(255,215,0,.5),0 1px 2px rgba(0,0,0,.9)}
.boost-flame{color:#ff4500;text-shadow:0 0 8px rgba(255,69,0,.5),0 1px 2px rgba(0,0,0,.9)}
.boost-unlock{color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.5),0 1px 2px rgba(0,0,0,.9)}
.ascender-container{display:flex;justify-content:center;margin:2px auto!important;padding:3px!important}
.ascender-container>.boosts-board,.flame-altar-card{position:relative!important;width:100%!important;max-width:420px!important;padding:10px!important;border:1px solid var(--ui-line,#64748b48)!important;border-radius:11px!important;background:radial-gradient(circle at 50% -12%,var(--ui-soft,#64748b18),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--ui-accent,#64748b) 8%,#091317),#04090c)!important;box-shadow:0 7px 17px #0007,inset 0 1px #ffffff08!important;text-align:center!important;overflow:hidden!important}
.ascender-container>.boosts-board:before,.flame-altar-card:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,transparent,var(--ui-accent),transparent);box-shadow:0 0 8px var(--ui-soft)}
.ascender-container>.boosts-board:after,.flame-altar-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;border-radius:inherit;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px)}
.ascender-container>.boosts-board>*,.flame-altar-card>*{position:relative;z-index:1}
#ascender-tab{--ui-accent:#f4c542;--ui-line:#f4c54248;--ui-soft:#f4c54216}
#ascender-tab .boosts-board{max-width:500px!important;border-color:#f5c54266!important;background:radial-gradient(circle at 50% -15%,#f5c54220,transparent 42%),linear-gradient(180deg,#171306,#070807)!important}
#ascender-tab .boosts-board h2{color:#f5c542!important;text-shadow:0 0 9px #f5c54235!important}
#flames-tab{--ui-accent:#ff6a00;--ui-line:#ff6a0048;--ui-soft:#ff6a0018}
#flames-tab .flame-altar-card{max-width:390px!important;background:radial-gradient(circle at 50% -15%,#ff6a0022,transparent 42%),linear-gradient(180deg,#1b0d04,#080907)!important;border-color:#ff6a0060!important}
#flames-tab .flame-text-gradient{background:linear-gradient(135deg,#ffb347,#ff7a00 55%,#ff4d00)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
#flames-tab .flame-altar-card>div[style*="color:#ff6a00"]{color:#ff7a00!important}
#flames-tab #flame-altar-boost-text{color:#fff!important}
#flames-tab #flame-altar-boost-text span{display:inline!important}
#ap-tab{--ui-accent:#a855f7;--ui-line:#a855f748;--ui-soft:#a855f718}
#ap-tab .flame-altar-card{max-width:390px!important;padding:10px 12px!important;background:radial-gradient(circle at 50% -15%,#a855f720,transparent 42%),linear-gradient(180deg,#120a1d,#05070b)!important;border-color:#a855f760!important}
#ap-tab .flame-altar-card>div[style*="background:#0f121cb3"]{padding:6px 8px!important;margin-bottom:7px!important}
#ap-tab #pending-ap-display{font-size:26px!important;margin:4px 0!important}
#power-tab{--ui-accent:#38bdf8;--ui-line:#38bdf848;--ui-soft:#38bdf818}
#power-tab .flame-altar-card{max-width:390px!important;padding:10px 12px!important;background:radial-gradient(circle at 50% -15%,#38bdf825,transparent 42%),linear-gradient(180deg,#071521,#04090c)!important}
#power-tab-display{display:block!important;visibility:visible!important;min-height:25px!important;margin:3px 0 7px!important;color:#67d5ff!important;font-size:23px!important;font-weight:1000!important;line-height:1!important}
#power-tab #power-rate-display{font-size:24px!important;color:#67d5ff!important}
#orbs-tab{--ui-accent:#ec4899;--ui-line:#ec489948;--ui-soft:#ec489918}
#orbs-tab .flame-altar-card,#prisms-tab .flame-altar-card{max-width:390px!important}
#orbs-tab .flame-altar-card>div[style*="background:#0f121cb3"],#prisms-tab .flame-altar-card>div[style*="background:#0f121cb3"]{background:linear-gradient(145deg,var(--ui-soft),#05090d)!important;border-color:var(--ui-line)!important}
#orbs-tab #orbs-rate-display{color:var(--ui-accent)!important;text-shadow:0 0 8px var(--ui-soft)!important}
#prisms-tab #prisms-display{color:#ffcbf2!important;text-shadow:0 0 8px #ffcbf238!important}
#prisms-tab{--ui-accent:#ffcbf2;--ui-line:#b869a848;--ui-soft:#ffcbf218}
#prisms-tab #prisms-display span{color:#ffcbf2!important}
.flame-altar-btn{position:relative!important;min-width:145px!important;width:auto!important;max-width:260px!important;height:38px!important;min-height:34px!important;padding:8px 16px!important;border:1px solid var(--ui-accent,#38bdf8)!important;border-radius:7px!important;box-shadow:0 4px 10px #0008,inset 0 0 0 1px #ffffff08!important;overflow:visible!important;color:#fff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 48%,#071014),color-mix(in srgb,var(--ui-accent) 20%,#020607))!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
.flame-altar-btn:hover:not(:disabled){filter:brightness(1.14);box-shadow:inset 0 0 14px color-mix(in srgb,var(--ui-accent) 55%,transparent),0 3px 8px #0008!important}
.flame-altar-btn:active:not(:disabled){filter:brightness(.9);box-shadow:inset 0 0 18px color-mix(in srgb,var(--ui-accent) 70%,transparent),0 1px 3px #0008!important}
.flame-altar-btn:disabled{background:var(--node-bg)!important;border-color:var(--border-locked)!important;color:#718096!important;cursor:not-allowed;opacity:.6;text-shadow:none;box-shadow:none!important}
.ascension-btn{background:linear-gradient(135deg,#a0f,#508);border-color:#305}

/* =========================================================
TREE — NODO UPGRADE (SCROLL FIX + UI REVAMP)
========================================================= */
.tree-container-style,#tree-container{position:relative;width:min(1000px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:1400px;margin:10px auto 20px;background:var(--panel-bg);border-radius:8px;border:2px solid #1e2338;overflow:auto}
#flame-connections-svg,#tree-connections-svg{position:absolute;inset:0 auto auto 0;z-index:1;pointer-events:none}
#flame-nodes,#tree-nodes{position:absolute;inset:0 auto auto 0;z-index:2}

.tree-node{
  --node-accent:#00e5ff;
  position:absolute;
  width:194px;
  height:134px;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:15px 16px 11px;
  cursor:pointer;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--node-accent) 58%,#1a2230);
  border-radius:11px;
  background:
    radial-gradient(circle at 50% -32%,color-mix(in srgb,var(--node-accent) 20%,transparent),transparent 58%),
    linear-gradient(180deg,#111925 0%,#0a1018 52%,#05080d 100%);
  box-shadow:
    0 8px 18px #000a,
    0 0 0 1px #ffffff07 inset,
    0 1px 0 #ffffff0a inset,
    inset 0 -18px 28px #0005;
  transition:transform .13s cubic-bezier(.22,.61,.36,1),filter .13s ease,border-color .13s ease,box-shadow .16s ease,background .16s ease;
  will-change:transform;
  isolation:isolate;
}

.tree-node::before{
  content:"";
  position:absolute;
  top:0;left:20%;right:20%;
  height:2px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,transparent,var(--node-accent),transparent);
  box-shadow:0 0 10px color-mix(in srgb,var(--node-accent) 60%,transparent);
  pointer-events:none;
  z-index:2;
}

.tree-node:hover:not(:disabled){
  transform:translate(-50%,-50%) translateY(-2px);
  filter:brightness(1.07);
  border-color:color-mix(in srgb,var(--node-accent) 82%,#fff);
  background:
    radial-gradient(circle at 50% -32%,color-mix(in srgb,var(--node-accent) 28%,transparent),transparent 58%),
    linear-gradient(180deg,#141e2a 0%,#0b131c 52%,#060a0f 100%);
  box-shadow:
    0 12px 24px #000b,
    0 0 20px color-mix(in srgb,var(--node-accent) 18%,transparent),
    0 0 0 1px color-mix(in srgb,var(--node-accent) 20%,transparent) inset,
    0 1px 0 #ffffff0b inset,
    inset 0 -18px 28px #0005;
}
.tree-node:active:not(:disabled){
  transform:translate(-50%,-50%) translateY(1px) scale(.99);
  filter:brightness(.95);
  box-shadow:
    0 4px 10px #000b,
    0 0 9px color-mix(in srgb,var(--node-accent) 12%,transparent),
    0 0 0 1px color-mix(in srgb,var(--node-accent) 15%,transparent) inset;
}

.node-header{
  position:relative;z-index:3;
  flex:0 0 auto;
  width:100%;
  margin:0 0 4px;
  color:#c9d3e3;
  font-size:.68rem;
  font-weight:900;
  text-align:center;
  letter-spacing:.5px;
  line-height:1.15;
  text-transform:uppercase;
}

/* Scroll fix: force a real flex scroll viewport and prevent its
   contents from shrinking away instead of creating overflow. */
.node-boost{
  position:relative;z-index:3;
  flex:1 1 0;
  min-height:0;
  height:0;
  max-height:100%;
  width:100%;
  margin:2px 0;
  padding:2px 4px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  pointer-events:auto;
  color:#f7f9fc;
  font-size:.76rem;
  line-height:1.25;
  font-weight:800;
  text-align:center;
  word-break:break-word;
  overflow-wrap:break-word;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--node-accent) 70%,transparent) transparent;
}
.node-boost>*{flex:0 0 auto;max-width:100%}
.node-boost::-webkit-scrollbar{width:4px}
.node-boost::-webkit-scrollbar-track{background:transparent}
.node-boost::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--node-accent) 60%,transparent);border-radius:99px}

.node-status{
  position:relative;z-index:3;
  flex:0 0 auto;
  width:100%;
  margin-top:4px;
  padding-top:6px;
  border-top:1px solid color-mix(in srgb,var(--node-accent) 18%,transparent);
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.5px;
  text-align:center;
}

.tree-node.can-buy{
  --node-accent:#00ff66;
  background:
    radial-gradient(circle at 50% -32%,#00ff6628,transparent 58%),
    linear-gradient(180deg,#0d2117 0%,#07150e 52%,#030907 100%);
  border-color:#00ff6688;
  box-shadow:
    0 8px 19px #000b,
    0 0 18px #00ff6618,
    0 0 0 1px #00ff6618 inset,
    0 1px 0 #ffffff09 inset,
    inset 0 -18px 28px #0005;
}
.tree-node.can-buy .node-status{color:#00ff66;text-shadow:0 0 8px #00ff6650}
.tree-node.can-buy:hover:not(:disabled){
  border-color:#54ff9d;
  background:
    radial-gradient(circle at 50% -32%,#00ff6638,transparent 58%),
    linear-gradient(180deg,#10271b 0%,#08180f 52%,#030b07 100%);
  box-shadow:
    0 12px 25px #000c,
    0 0 24px #00ff6626,
    0 0 0 1px #00ff6628 inset,
    0 1px 0 #ffffff0b inset;
}

.tree-node.cant-afford{
  --node-accent:#ff3355;
  background:
    radial-gradient(circle at 50% -32%,#ff335526,transparent 58%),
    linear-gradient(180deg,#1b0c12 0%,#10070c 52%,#070406 100%);
  border-color:#ff335577;
  box-shadow:
    0 8px 18px #000b,
    0 0 15px #ff335516,
    0 0 0 1px #ff335514 inset,
    0 1px 0 #ffffff06 inset,
    inset 0 -18px 28px #0006;
}
.tree-node.cant-afford .node-status{color:#ff5b78;text-shadow:0 0 8px #ff335540}
.tree-node.cant-afford:hover:not(:disabled){
  border-color:#ff6d86;
  background:
    radial-gradient(circle at 50% -32%,#ff335532,transparent 58%),
    linear-gradient(180deg,#1f0d15 0%,#12080e 52%,#070406 100%);
  box-shadow:
    0 12px 24px #000c,
    0 0 21px #ff335522,
    0 0 0 1px #ff335525 inset;
}

.tree-node.locked{
  --node-accent:#596276;
  opacity:.5;
  filter:saturate(.4);
  cursor:not-allowed;
  background:linear-gradient(180deg,#10141b,#090c12 55%,#05070b);
  border-color:#444a5e;
  box-shadow:
    0 6px 14px #0008,
    0 0 0 1px #ffffff03 inset,
    inset 0 -14px 24px #0007;
}
.tree-node.locked .node-header,.tree-node.locked .node-boost{color:#7b879a}

.tree-node.maxed{
  --node-accent:#00e5ff;
  background:
    radial-gradient(circle at 50% -32%,#00e5ff2b,transparent 58%),
    linear-gradient(180deg,#0b1b24 0%,#06141b 52%,#03080c 100%);
  border-color:#00e5ff98;
  box-shadow:
    0 8px 19px #000b,
    0 0 21px #00e5ff1d,
    0 0 0 1px #00e5ff1d inset,
    0 1px 0 #ffffff09 inset,
    inset 0 -18px 28px #0005;
}
.tree-node.maxed .node-status{color:#00e5ff;text-shadow:0 0 10px #00e5ff55}
.tree-node.maxed:hover:not(:disabled){
  border-color:#72f3ff;
  background:
    radial-gradient(circle at 50% -32%,#00e5ff3d,transparent 58%),
    linear-gradient(180deg,#0d202a 0%,#07171f 52%,#03090e 100%);
  box-shadow:
    0 12px 26px #000c,
    0 0 28px #00e5ff2b,
    0 0 0 1px #00e5ff32 inset;
}


#ap-nerf-status{margin-bottom:10px}
.ap-nerf-warning-soft{color:#ff4500;font-size:11px;font-weight:700;display:block;margin-top:4px}
.ap-nerf-warning-hard{color:#ff0055;font-size:11px;font-weight:700;display:block;margin-top:4px}

/* =========================================================
RUNES
========================================================= */
#runes-tab{--ui-accent:#a78bfa;--ui-line:#a78bfa38;--ui-soft:#a78bfa14}
.rune-layout{display:flex;align-items:flex-start;gap:18px}
.rune-sidebar{width:150px;flex:0 0 150px;display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-x:hidden;overflow-y:auto;padding:6px 8px 6px 6px;box-sizing:border-box}
.rune-sidebar-heading{color:#38bdf8;font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;opacity:.9}
.rune-category-btn{width:100%;padding:13px 8px;display:flex;align-items:center;justify-content:center;font:inherit;font-weight:800;font-size:12px;letter-spacing:1px;cursor:pointer;border-radius:6px;text-transform:none;background:#94a3b81a;border:1.5px solid currentColor}
.rune-category-btn:hover
.rune-category-btn.active{background:#e2e8f2!important;border-color:#e2e8f2!important;color:#0f172a!important}
.rune-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;max-height:520px;overflow-x:hidden;overflow-y:auto;padding:16px 14px;box-sizing:border-box;contain:layout style;scrollbar-gutter:stable}
.rune-grid::-webkit-scrollbar,.rune-sidebar::-webkit-scrollbar{width:6px;height:6px}
.rune-grid::-webkit-scrollbar-track,.rune-sidebar::-webkit-scrollbar-track{background:#0000;border-radius:6px}
.rune-grid::-webkit-scrollbar-thumb,.rune-sidebar::-webkit-scrollbar-thumb{background:#38bdf866;border-radius:6px}
.rune-card{background:linear-gradient(160deg,#111624eb,#06090ff5);border:2px solid #fff;padding:12px 10px;text-align:center;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-height:190px;height:100%;position:relative;overflow:hidden;box-shadow:0 6px 16px #0008;contain:content}
.rune-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -10%,#fff12,transparent 55%);pointer-events:none}
.rune-card:after{content:"";position:absolute;inset:0;margin:auto;width:65%;height:65%;background:url('assets/images_assets/rune.png') center/contain no-repeat;opacity:.08;pointer-events:none}
.rune-card-title{font-weight:800;font-size:11px;line-height:1.2;letter-spacing:.4px;text-transform:none;margin-bottom:4px;opacity:.85;z-index:1}
.rune-card-count{font-size:22px;font-weight:900;line-height:1;margin-bottom:8px;z-index:1;width:100%}
.rune-card-count:after{content:"";display:block;width:100%;height:1px;margin-top:6px;background:linear-gradient(90deg,transparent,#fff8 50%,transparent)}
.rune-card-stats{display:flex;flex-direction:column;align-items:center;width:100%;font-size:11px;font-weight:700;line-height:1.3;gap:4px;padding-top:4px;z-index:1;flex:1;min-height:50px}
.rune-card-maxcap{font-size:10px;color:#94a3b8;font-weight:700;margin-top:2px;line-height:1.1}
.rune-card.rainbow-border{border:2px solid transparent;border-image:linear-gradient(135deg,#f00,#f70,#ff0,#0f0,#0df,#00f,#80f) 1;box-shadow:0 0 10px #0fc5}
.c-token{color:#c084fc!important;text-shadow:0 0 8px #c084fc2e}.c-flame{color:#ff4500}.c-ap{color:#a0f}.c-power{color:#80e5ff}.c-flesh{color:#f36}.c-damage{color:red}.c-prism{color:#ffcbf2!important;text-shadow:0 0 8px #ffcbf233}.c-spheres{color:#0fc}.c-orbs{color:#c084fc}.c-ticket{color:#facc15!important;text-shadow:0 0 8px #facc1544}
.orb-text-gradient,.flame-text-gradient,.power-text-gradient,.spheres-text-gradient{-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}
.orb-text-gradient{background:linear-gradient(135deg,#22d3ee,#c084fc 50%,#ec4899)}
.flame-text-gradient{background:linear-gradient(135deg,#f87171,#ea580c 50%,#facc15)}
.power-text-gradient{background:linear-gradient(135deg,#93c5fd,#3b82f6 50%,#22d3ee)}
.spheres-text-gradient{background:linear-gradient(135deg,#0fc,#00b4d8 50%,#0777b6)}

/* =========================================================
SECRETS
========================================================= */

#secrets-tab{--ui-accent:#ef4444;--ui-line:#ef444438;--ui-soft:#ef444414}
#secrets-tab .rune-layout{gap:0;align-items:stretch}
.secret-card-top{width:100%;text-align:center}
.secret-card-seal{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:10px;min-height:27px;padding:6px 9px;box-sizing:border-box;border:1px solid rgba(74,222,128,.25);border-radius:999px;background:rgba(74,222,128,.065);color:#70ee98;font-size:8px;line-height:1;font-weight:1000;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap}
.secret-card.locked .secret-card-seal{color:#5a6880;border-color:rgba(68,80,107,.35);background:rgba(68,80,107,.08)}
.secrets-index-count{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:3px 10px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-soft);color:#e2b4b4;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.secrets-index-count:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 8px var(--ui-accent)}
.secrets-carousel{justify-content:safe center;align-items:stretch;gap:18px;padding:8px 6px 14px;scroll-snap-type:x proximity}
.secret-card{--accent:var(--sc,#64748b);--ink:color-mix(in srgb,var(--accent) 62%,#fff);position:relative;overflow:hidden;flex:0 0 236px;width:236px;min-height:0;scroll-snap-align:center;display:flex!important;flex-direction:column;align-items:stretch;gap:13px;text-align:center;padding:16px 15px 17px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:radial-gradient(circle at 50% -22%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 60%),linear-gradient(180deg,#0a0d14,#05070b 72%);box-shadow:0 12px 28px #000a,inset 0 1px #ffffff0a}
.secret-card:before{content:"";position:absolute;top:0;left:24%;right:24%;height:2px;border-radius:0 0 6px 6px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 70%,transparent)}
.secret-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 5px)}
.secret-card>*{position:relative;z-index:1}
.secret-card-name{font-size:14px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--ink);margin:0}
.secret-card-value{font-size:44px;font-weight:900;line-height:.92;margin:0;word-break:break-word;color:var(--ink);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 40%,transparent)}
.secret-card-label{font-size:9px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#5d6b7e;margin:0}
.secret-card-status{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:11px;font-weight:800;color:#f0a35e}
.secret-card-status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.secret-card-status.ready{color:#4ade80}.secret-card-status.ready:before{animation:secret-beat 2.2s ease-in-out infinite}
.secret-card-meter{position:relative;margin-top:8px;height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden;box-shadow:inset 0 1px 2px #0006}
.secret-card-meter span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#f87171),#f87171);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,#f87171);transition:width 1s linear}
.secret-card-divider{width:100%;height:1px;margin:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent) 50%,transparent)}
.secret-card-boosts,.secret-boost-group,.secret-boost-line{display:flex;flex-direction:column;align-items:center;width:100%}
.secret-card-boosts{gap:9px;font-size:12px;font-weight:700;line-height:1.3}
.secret-boost-group{gap:9px}.secret-boost-group:empty.secret-boost-line{justify-content:center;gap:2px;text-align:center}.secret-boost-val{display:inline-flex;align-items:baseline;gap:4px;min-width:0}.secret-boost-cap{flex:none;margin:0;padding:0;background:none;border:none;color:color-mix(in srgb,var(--accent) 55%,#94a3b8);font-size:10px;font-weight:800;letter-spacing:.3px}.secret-boost-cap.maxed{color:#5ee7f5}.secret-boost-plus{align-self:center;margin:0;color:#46536a;font-size:12px;font-weight:900}
.secret-card.locked{--accent:#44506b;border-style:dashed;box-shadow:0 10px 22px #0007}.secret-card.locked:before{opacity:.35;box-shadow:none}.secret-card.locked .secret-card-value{color:#2f3a52;text-shadow:none}.secret-card.locked .secret-card-name{color:#5d6b86}.secret-card.locked .secret-card-status{color:#5a6880}.secret-card.locked .secret-card-status:before
.secret-boost-line.redacted{padding:9px;background:#ffffff05;border-color:#ffffff08}.secret-boost-line.redacted span{display:block;height:7px;width:72%;border-radius:3px;background:linear-gradient(90deg,#2b3449,#1a2130)}.secret-boost-line.redacted:nth-child(2) span{width:52%}.secret-boost-line.redacted:nth-child(3) span{width:63%}
.secrets-subnav{display:flex;justify-content:center;gap:10px;margin-top:22px;padding:0 4px}.secrets-subnav-btn{flex:1 1 0;max-width:130px;padding:10px 6px;font:inherit;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:6px;background:rgba(148,163,184,.08);border:1.5px solid #1e293b;color:#334155;cursor:not-allowed}.secrets-subnav-btn.active{background:rgba(0,255,102,.08);border-color:#00ff66;color:#00ff66;cursor:default;box-shadow:0 0 12px rgba(0,255,102,.25)}
@keyframes secret-beat{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

/* =========================================================
SPHERES
========================================================= */
#spheres-tab{--ui-accent:#00ffcc;--ui-line:#00ffcc48;--ui-soft:#00ffcc18}
.sphere-page{width:100%;display:flex;justify-content:center;align-items:flex-start;margin-top:5px;padding:4px 6px 24px}
.sphere-panel{position:relative;width:100%;max-width:850px;padding:18px;border:1px solid rgba(0,255,204,.28);border-radius:16px;background:radial-gradient(circle at 50% -15%,rgba(0,255,204,.11),transparent 35%),linear-gradient(180deg,#071614,#050c10 55%,#030709);box-shadow:0 15px 40px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04);text-align:center;overflow:hidden}
.sphere-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px)}
.sphere-panel>*{position:relative;z-index:1}
.sphere-accent{position:absolute;top:0;left:50%;width:150px;height:3px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#00ffcc,transparent);box-shadow:0 0 15px rgba(0,255,204,.4)}
.sphere-title{margin:2px 0 0;text-align:center;font-size:23px;font-weight:1000;letter-spacing:4px;background:linear-gradient(135deg,#c3fff6,#00ffcc 50%,#00a9ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sphere-layer{margin-top:3px;text-align:center;color:#668188;font-size:9px;font-weight:900;letter-spacing:2px}.sphere-description{max-width:620px;margin:13px auto 15px;padding:9px 12px;border:1px solid rgba(0,255,204,.11);border-radius:9px;background:rgba(4,17,20,.72);color:#c7d6d8;font-size:11px;font-weight:600;line-height:1.45;text-align:center}.sphere-generation{text-align:center}.sphere-section-label{color:#00ffcc;font-size:10px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;text-align:center}.sphere-rate{margin-top:4px;color:#f5fffd;font-size:29px;font-weight:1000;line-height:1.05;text-align:center;text-shadow:0 0 14px rgba(0,255,204,.25);word-break:break-word}.sphere-divider{width:100%;height:1px;margin:15px 0;background:linear-gradient(90deg,transparent,rgba(0,255,204,.23),transparent)}
.sphere-machine{width:100%;padding:14px;border:1px solid rgba(0,255,204,.2);border-radius:12px;background:linear-gradient(145deg,rgba(10,30,31,.97),rgba(4,12,15,.98));box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 19px rgba(0,0,0,.24);text-align:center}.sphere-machine-head{display:flex;align-items:center;justify-content:center;position:relative;min-height:38px;text-align:center}.sphere-machine-head>div:first-child{width:100%;text-align:center}.sphere-machine-title{color:#dffefa;font-size:12px;font-weight:1000;letter-spacing:1.3px;text-align:center}.sphere-machine-sub{margin-top:2px;color:#647d82;font-size:8px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;text-align:center}.sphere-machine-icon{position:absolute;right:0;top:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(0,255,204,.18);border-radius:9px;background:rgba(0,255,204,.06);color:#00ffcc;font-size:18px;text-shadow:0 0 10px rgba(0,255,204,.35)}.sphere-machine-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin:10px 0 0!important;text-align:center!important}.sphere-machine-stat{min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:rgba(0,0,0,.22);text-align:center!important}.sphere-machine-stat span{display:block;color:#688188;font-size:8px;font-weight:900;letter-spacing:1px;text-align:center!important}.sphere-machine-stat strong{display:block;margin-top:3px;color:#f0fffc;font-size:14px;font-weight:1000;line-height:1.1;word-break:break-word;text-align:center!important}.sphere-machine-stat:nth-child(2) strong{color:#00ffcc;text-shadow:0 0 9px rgba(0,255,204,.18)}.sphere-machine-btn{display:block!important;width:100%!important;margin:10px 0 0!important;padding:11px!important;border:1px solid #00d7b0!important;border-radius:9px!important;color:#effffd!important;background:linear-gradient(135deg,#087f6e,#045447)!important;font-family:inherit!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.7px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.38),0 0 14px rgba(0,255,204,.12);text-align:center!important}.sphere-machine-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 6px 15px rgba(0,0,0,.42),0 0 18px rgba(0,255,204,.2)}.sphere-machine-btn:active:not(:disabled){transform:translateY(0)}.sphere-machine-btn:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.5)}
.sphere-milestones-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:9px;text-align:left}.sphere-milestones-head .sphere-section-label{text-align:left}.sphere-milestones-sub{margin-top:3px;color:#62767c;font-size:9px;line-height:1.35;text-align:left}.sphere-milestones-count{flex:none;padding:5px 8px;border:1px solid rgba(0,255,204,.14);border-radius:8px;background:rgba(0,255,204,.055);color:#00ffcc;font-size:10px;font-weight:1000}.sphere-milestones-container{width:100%;max-height:500px!important;padding:4px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#00ffcc47 transparent}.sphere-milestones-container::-webkit-scrollbar{width:6px}.sphere-milestones-container::-webkit-scrollbar-track{background:transparent}.sphere-milestones-container::-webkit-scrollbar-thumb{background:#00ffcc40;border-radius:99px}.sphere-ms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.sphere-ms-card{min-width:0;min-height:175px;padding:14px;overflow:hidden;border:1px solid #5f737b47;border-radius:11px;background:linear-gradient(145deg,#0c171b,#071013);box-shadow:0 3px 8px #0005;text-align:center}.sphere-ms-card:hover.sphere-ms-card.complete{border-color:#10b98185;background:linear-gradient(145deg,#09221d,#071311);box-shadow:0 3px 8px #0005}.sphere-ms-num{width:28px;height:28px;display:grid;place-items:center;margin:0 auto 8px;border:1px solid #00ffcc21;border-radius:7px;background:#00ffcc10;color:#a8fff1;font-size:9px;font-weight:1000}.sphere-ms-title{color:#e8f4f3;font-size:12px;font-weight:1000;line-height:1.2}.sphere-ms-card.complete .sphere-ms-title{color:#52efbf}.sphere-ms-desc{min-height:30px;margin-top:6px;color:#87989c;font-size:9px;font-weight:700;line-height:1.4}.sphere-ms-card.complete .sphere-ms-desc{color:#d4e8e4}.sphere-ms-info{margin-top:10px}.sphere-ms-cost{min-height:12px;margin-bottom:5px;color:#93a5a8;font-size:9px;font-weight:800;line-height:1.2;word-break:break-word}.sphere-ms-track{width:100%;height:7px;overflow:hidden;border:1px solid #fff09;border-radius:99px;background:#0006}.sphere-ms-bar{width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#009f87,#00ffcc)}.sphere-ms-status{min-height:10px;margin-top:5px;color:#67777b;font-size:8px;font-weight:1000;letter-spacing:.7px;text-transform:uppercase}.sphere-ms-card.complete .sphere-ms-status{color:#34d399}

/* =========================================================
PROFILE
========================================================= */
#stats-tab{--p-accent:#21e36d;--p-border:#21e36d4d;--p-soft:#21e36d10}
#stats-tab .profile-wrap{width:min(100%,1080px)!important;max-width:none!important;margin:0 auto!important;padding:7px 10px 24px!important}
#stats-tab .profile-header{position:relative!important;margin:0 0 13px!important;padding:15px 17px!important;border:1px solid var(--p-border)!important;border-radius:15px!important;background:radial-gradient(circle at 8% -60%,#21e36d16,transparent 42%),linear-gradient(180deg,#09120c,#040705)!important;box-shadow:0 11px 25px #0009,inset 0 1px #ffffff07!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}
#stats-tab .profile-header>div{width:100%!important;text-align:center!important}
#stats-tab .profile-header-title{font-size:31px!important;font-weight:1000!important;letter-spacing:4px!important;color:#2df276!important;line-height:1!important;text-shadow:0 0 17px #21e36d38!important;text-align:center!important}
#stats-tab .profile-header-sub{margin-top:6px!important;color:#5e8f6b!important;font-size:8px!important;font-weight:900!important;letter-spacing:1.8px!important;text-align:center!important}
#stats-tab .profile-layout{display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;gap:13px!important;align-items:stretch!important}
#stats-tab .profile-side,#stats-tab .profile-stats-panel{position:relative!important;box-sizing:border-box!important;border:1px solid var(--p-border)!important;border-radius:15px!important;background:radial-gradient(circle at 50% -20%,var(--p-soft),transparent 48%),linear-gradient(180deg,#08110b,#030604 76%)!important;box-shadow:0 12px 27px #000a,inset 0 1px #ffffff07!important;overflow:visible!important}
#stats-tab .profile-side{padding:17px 13px!important}.profile-profile-mark{width:88px;height:88px;margin:0 auto 10px;border:2px solid #18e640;border-radius:12px;background:linear-gradient(145deg,#102217,#030805);display:grid;place-items:center;color:#18e640;font-size:27px;font-weight:1000}.profile-profile-mark:before{content:"AR"}
#stats-tab .profile-profile-mark{width:92px!important;height:92px!important;margin:1px auto 11px!important;border:1px solid #2df276b3!important;border-radius:15px!important;background:radial-gradient(circle at 35% 25%,#193d25,#07100a 68%)!important;box-shadow:0 0 25px #21e36d20,inset 0 0 22px #21e36d0c!important}
#stats-tab .profile-identity-label{color:#2df276!important;font-size:8px!important;letter-spacing:1.6px!important}.profile-identity-label{text-align:center;color:#18e640;font-size:9px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
#stats-tab .profile-account-box{margin:6px 0 13px!important}.profile-account-box{margin:5px 0 12px;text-align:center}.profile-account-item{padding:2px 0}.profile-account-value{color:#edf2ef;font-size:12px;font-weight:900}
#stats-tab .profile-account-value{font-size:11px!important;font-weight:1000!important;color:#e8f1eb!important}
#stats-tab .profile-divider{margin:5px 0 13px!important;background:#21e36d28!important}.profile-divider{height:1px;margin:3px 0 12px;background:linear-gradient(90deg,transparent,#18e6404d,transparent)}
#stats-tab .profile-rune-list{gap:7px!important}.profile-rune-list{display:grid;gap:7px}.profile-rune-row{display:flex;justify-content:center;align-items:center;padding:6px 8px;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff05}.profile-rune-value{font-size:13px;font-weight:1000}.profile-rps-box{margin-top:auto;padding:12px 8px 2px;text-align:center}.profile-rps-value{color:#ff38db;font-size:18px;font-weight:1000;word-break:break-word}.profile-rps-label{margin-top:3px;font-size:8px;color:#ff38db;letter-spacing:1.5px;font-weight:900}
#stats-tab .profile-rune-row{padding:9px 10px!important;border:1px solid #ffffff0d!important;border-radius:9px!important;background:#ffffff04!important;transition:transform .12s ease,border-color .12s ease,background .12s ease!important}#stats-tab .profile-rune-row:hover{transform:translateY(-1px)!important;border-color:#21e36d30!important;background:#21e36d08!important}#stats-tab .profile-rune-value{font-size:11px!important;font-weight:1000!important}
#stats-tab .profile-rps-box{margin-top:auto;padding:13px 8px 1px!important;border-top:1px solid #21e36d22!important}#stats-tab .profile-rps-value{font-size:20px!important;font-weight:1000!important;color:#ff42dc!important;text-shadow:0 0 13px #ff42dc28!important}#stats-tab .profile-rps-label{margin-top:4px!important;font-size:7px!important;color:#c93ab0!important;letter-spacing:1.7px!important}
#stats-tab .profile-stats-panel{padding:15px!important}.profile-stats-panel{background:radial-gradient(circle at 50% -20%,#16e64010,transparent 42%),linear-gradient(180deg,#050d08fa,#010402fc);border:1px solid #18e64047;box-shadow:0 12px 30px #00000047,inset 0 1px #ffffff06}
#stats-tab .profile-stats-top{margin:0 0 11px!important;padding:0 2px!important;display:flex;justify-content:space-between;align-items:center}.profile-stats-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.profile-stats-title{color:#f5f5f5;font-size:21px;font-weight:1000;letter-spacing:1.2px}.profile-stats-caption{color:#718096;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
#stats-tab .profile-stats-title{font-size:20px!important;font-weight:1000!important;letter-spacing:1.7px!important;color:#f3f7f4!important}#stats-tab .profile-stats-caption{font-size:8px!important;color:#5b7d64!important;letter-spacing:1.4px!important}
#stats-tab .profile-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#stats-tab .profile-stat-card{position:relative!important;box-sizing:border-box!important;min-height:118px!important;padding:13px 10px!important;border:1px solid color-mix(in srgb,var(--pc) 62%,transparent)!important;border-radius:11px!important;background:linear-gradient(180deg,#08110b,#030604)!important;box-shadow:0 7px 16px #0008,inset 0 1px #ffffff05!important;overflow:visible!important;transition:transform .12s cubic-bezier(.22,.61,.36,1),border-color .12s,box-shadow .12s!important}.profile-stat-card{position:relative;min-height:94px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,#060c09fa,#010402fc);border:1px solid var(--pc);border-radius:10px;box-shadow:0 5px 16px #0005;overflow:hidden}
#stats-tab .profile-stat-card:hover{transform:translateY(-2px) scale(1.008)!important;border-color:color-mix(in srgb,var(--pc) 90%,transparent)!important;box-shadow:0 10px 21px #000a,0 0 14px color-mix(in srgb,var(--pc) 14%,transparent)!important}.profile-stat-label{font-size:9px;color:var(--vc);text-transform:uppercase;letter-spacing:.7px;font-weight:1000}.profile-stat-value{margin-top:5px;font-size:22px;font-weight:1000;color:var(--vc);line-height:1.05;word-break:break-word}.profile-stat-extra{margin-top:5px;color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.4px}.profile-lock-tag{margin-top:6px;color:#667085;font-size:7px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
#stats-tab .profile-stat-label{font-size:8px!important;font-weight:1000!important;letter-spacing:1px!important;color:var(--vc)!important}#stats-tab .profile-stat-value{margin-top:7px!important;font-size:22px!important;line-height:1.05!important;font-weight:1000!important;color:var(--vc)!important;text-shadow:0 0 11px color-mix(in srgb,var(--vc) 17%,transparent)!important}#stats-tab .profile-stat-extra{margin-top:7px!important;font-size:11px!important}#stats-tab .profile-lock-tag{margin-top:8px!important;font-size:7px!important;color:#55735d!important;letter-spacing:1px!important}
#stats-tab .profile-stat-card:nth-child(1) .profile-stat-label:before{content:'⚡ ';font-size:10px}#stats-tab .profile-stat-card:nth-child(2) .profile-stat-label:before{content:'⌁ ';font-size:11px}#stats-tab .profile-stat-card:nth-child(3) .profile-stat-label:before{content:'✦ ';font-size:10px}#stats-tab .profile-stat-card:nth-child(4) .profile-stat-label:before{content:'◆ ';font-size:9px}#stats-tab .profile-stat-card:nth-child(5) .profile-stat-label:before{content:'◈ ';font-size:10px}#stats-tab .profile-stat-card:nth-child(6) .profile-stat-label:before{content:'◷ ';font-size:10px}

/* =========================================================
INFO — FULL REVAMP
========================================================= */
:is(#info-tab,#updates-tab){
--i-accent:#60a5fa;
--i-line:#60a5fa35;
--i-soft:#60a5fa12;
--i-panel:#080d15;
--i-panel-2:#05080d;
--i-text:#e8eef7;
--i-muted:#8492a7;
--i-dim:#566277;
padding:8px 0 30px!important;
text-align:center;
}

:is(#info-tab,#updates-tab,#secrets-tab) .info-page{
width:min(100%,1120px);
margin:0 auto;
padding:6px 10px 26px;
}

:is(#info-tab,#updates-tab,#secrets-tab) .info-header{
position:relative;
width:100%;
margin:0 0 17px;
padding:19px 18px 17px;
border:1px solid var(--i-line);
border-radius:16px;
background:
radial-gradient(circle at 50% -36%,rgba(96,165,250,.17),transparent 62%),
linear-gradient(180deg,#0b111b,#06090f 75%);
box-shadow:0 11px 26px #0009,inset 0 1px #ffffff08;
overflow:hidden;
}

:is(#info-tab,#updates-tab,#secrets-tab) .info-header::before{
content:"";
position:absolute;
top:0;
left:27%;
right:27%;
height:2px;
border-radius:0 0 8px 8px;
background:linear-gradient(90deg,transparent,var(--i-accent),transparent);
box-shadow:0 0 16px rgba(96,165,250,.55);
}

:is(#info-tab,#updates-tab,#secrets-tab) .info-header::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.22;
background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px);
}

:is(#info-tab,#updates-tab,#secrets-tab) .info-header>*{position:relative;z-index:1}

:is(#info-tab,#updates-tab,#secrets-tab) .info-title{
margin:0;
font-size:34px;
line-height:1;
font-weight:1000;
letter-spacing:5px;
color:#64b5ff;
text-shadow:0 0 13px #38bdf858,0 0 28px #2563eb25;
text-wrap:balance;
}

:is(#info-tab,#updates-tab,#secrets-tab) .info-subtitle{
max-width:65ch;
margin:8px auto 0;
color:#8fa9c5;
font-size:10px;
line-height:1.5;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
text-wrap:balance;
}

:is(#info-tab,#updates-tab) .info-layout{
display:grid;
grid-template-columns:195px minmax(0,1fr);
gap:13px;
align-items:stretch;
}

:is(#info-tab,#updates-tab) .info-sidebar{
min-width:0;
display:flex;
flex-direction:column;
gap:6px;
padding:9px;
border:1px solid var(--i-line);
border-radius:14px;
background:
radial-gradient(circle at 50% -18%,rgba(96,165,250,.07),transparent 50%),
linear-gradient(180deg,#090e16,#04070c);
box-shadow:0 10px 23px #0008,inset 0 1px #ffffff06;
}

:is(#info-tab,#updates-tab) .info-sidebar::before{
content:"TOPICS";
display:block;
padding:4px 4px 6px;
color:#6e87a2;
font-size:8px;
line-height:1;
font-weight:1000;
letter-spacing:1.7px;
text-align:left;
}

:is(#info-tab,#updates-tab) .info-nav-btn{
position:relative;
width:100%;
min-width:0;
min-height:39px;
padding:9px 10px 9px 12px;
border:1px solid #ffffff0b;
border-radius:9px;
background:linear-gradient(180deg,#ffffff05,#ffffff02);
color:#8190a5;
font:inherit;
font-size:8.5px;
line-height:1.25;
font-weight:900;
letter-spacing:.75px;
text-transform:uppercase;
cursor:pointer;
text-align:left;
transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .12s ease;
overflow:hidden;
}

:is(#info-tab,#updates-tab) .info-nav-btn::before{
content:"";
position:absolute;
left:0;
top:7px;
bottom:7px;
width:2px;
border-radius:0 3px 3px 0;
background:var(--i-accent);
opacity:0;
transition:opacity .14s ease;
}

:is(#info-tab,#updates-tab) .info-nav-btn:hover{
color:#dbeafe;
background:rgba(96,165,250,.07);
border-color:rgba(96,165,250,.2);
transform:translateX(1px);
}

:is(#info-tab,#updates-tab) .info-nav-btn.active{
color:#d8edff;
background:linear-gradient(180deg,rgba(96,165,250,.13),rgba(96,165,250,.045));
border-color:rgba(96,165,250,.34);
box-shadow:0 0 13px rgba(96,165,250,.08),inset 0 1px #ffffff08;
}

:is(#info-tab,#updates-tab) .info-nav-btn.active::before{opacity:1}

:is(#info-tab,#updates-tab) .info-content{
position:relative;
min-width:0;
min-height:510px;
padding:19px 23px 25px;
border:1px solid var(--i-line);
border-radius:14px;
background:
radial-gradient(circle at 50% -20%,rgba(96,165,250,.07),transparent 48%),
linear-gradient(180deg,#090e16,#04070c 78%);
box-shadow:0 11px 27px #0009,inset 0 1px #ffffff07;
text-align:center;
overflow:hidden;
}

:is(#info-tab,#updates-tab) .info-content::before{
content:"";
position:absolute;
top:0;
left:25%;
right:25%;
height:2px;
background:linear-gradient(90deg,transparent,var(--i-accent),transparent);
box-shadow:0 0 13px rgba(96,165,250,.45);
}

:is(#info-tab,#updates-tab) .info-content::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.18;
background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 6px);
}

:is(#info-tab,#updates-tab) .info-content>*{position:relative;z-index:1}

:is(#info-tab,#updates-tab) .info-section-title{
margin:2px 0 0;
color:#f1f6ff;
font-size:26px;
line-height:1.08;
font-weight:1000;
letter-spacing:1.5px;
text-wrap:balance;
}

:is(#info-tab,#updates-tab) .info-section-kicker{
margin-top:5px;
color:#60a5fa;
font-size:7.5px;
line-height:1.3;
font-weight:1000;
letter-spacing:1.7px;
text-transform:uppercase;
}

:is(#info-tab,#updates-tab) .info-divider{
width:min(78%,500px);
height:1px;
margin:13px auto 19px;
background:linear-gradient(90deg,transparent,rgba(96,165,250,.32),transparent);
}

:is(#info-tab,#updates-tab) .info-text{
width:100%;
max-width:760px;
margin:0 auto;
color:var(--i-text);
font-size:12px;
line-height:1.8;
font-weight:600;
text-align:left;
overflow-wrap:anywhere;
}

:is(#info-tab,#updates-tab) .info-text p{
position:relative;
margin:0 0 12px;
padding:11px 13px 11px 15px;
border:1px solid #ffffff08;
border-left:2px solid rgba(96,165,250,.35);
border-radius:9px;
background:linear-gradient(180deg,#ffffff04,#ffffff01);
box-shadow:inset 0 1px #ffffff03;
}

:is(#info-tab,#updates-tab) .info-text p:last-child

:is(#info-tab,#updates-tab) .info-text ul,
:is(#info-tab,#updates-tab) .info-text ol{
margin:0 0 14px;
padding:11px 16px 11px 31px;
border:1px solid #ffffff08;
border-radius:9px;
background:#ffffff03;
}

:is(#info-tab,#updates-tab) .info-text li{
margin:5px 0;
padding-left:2px;
}

:is(#info-tab,#updates-tab) .info-text strong{color:#f8fbff;font-weight:900}
:is(#info-tab,#updates-tab) .info-text code{padding:2px 5px;border:1px solid #60a5fa1c;border-radius:5px;background:#60a5fa08;color:#b9ddff;font-size:.9em}

.info-accent{--ic:#60a5fa;--io:#1e3a8a}
.info-green{--ic:#4ade80;--io:#166534}
.info-orange{--ic:#ff7a45;--io:#7c2d12}
.info-purple{--ic:#c084fc;--io:#581c87}
.info-cyan{--ic:#22d3ee;--io:#155e75}
.info-pink{--ic:#ff55c0;--io:#86198f}
.info-red{--ic:#ff6688;--io:#881337}
.info-runes{--ic:#38bdf8;--io:#075985}
.info-energy{--ic:yellow;--io:#997a00}
.info-flames{--ic:#ff4500;--io:#661b00}
.info-ap{--ic:#aa00ff;--io:#330055}
.info-power{--ic:#80e5ff;--io:#006699}
.info-flesh{--ic:#ff3366;--io:#660022}
.info-damage{--ic:red;--io:#660000}
.info-orbs{--ic:#ff00aa;--io:#660044}
.info-spheres{--ic:#00ffcc;--io:#004444}
.info-prisms{--ic:#ffcbf2;--io:#b869a8}
.info-runeLuck{--ic:#00ff66;--io:#004422}
.info-runeSpeed{--ic:#ff9900;--io:#663300}
.info-runeBulk{--ic:#00ccff;--io:#004466}
.info-runeClone{--ic:#ff6b6b;--io:#661f2a}
.info-tokens{--ic:#c084fc;--io:#4c1d95}
.info-tickets{--ic:#facc15;--io:#713f12}

:is(#info-tab,#updates-tab) .info-text :is(.info-accent,.info-green,.info-orange,.info-purple,.info-cyan,.info-pink,.info-red,.info-runes,.info-energy,.info-flames,.info-ap,.info-power,.info-flesh,.info-damage,.info-orbs,.info-spheres,.info-prisms,.info-runeLuck,.info-runeSpeed,.info-runeBulk,.info-runeClone,.info-tokens,.info-tickets){color:var(--ic)!important;font-weight:900;text-shadow:-1px -1px 0 var(--io),1px -1px 0 var(--io),-1px 1px 0 var(--io),1px 1px 0 var(--io),0 0 8px color-mix(in srgb,var(--ic) 38%,transparent)}

:is(#info-tab,#updates-tab) .info-box-grid{display:grid;grid-template-columns:1fr;gap:7px;width:100%;margin:12px 0}

:is(#info-tab,#updates-tab) .info-box{--ic:#94a3b8;--io:#334155;display:flex;align-items:center;gap:5px;width:100%;min-width:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--ic) 38%,transparent);border-left:2px solid var(--ic);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--ic) 7%,transparent),#ffffff02);box-shadow:0 3px 10px #0005,inset 0 1px #ffffff05}

:is(#info-tab,#updates-tab) .info-box strong{display:inline!important;flex:none;margin:0;color:var(--ic)!important;font-size:10px;font-weight:900;text-shadow:-1px -1px 0 var(--io),1px -1px 0 var(--io),-1px 1px 0 var(--io),1px 1px 0 var(--io),0 0 8px color-mix(in srgb,var(--ic) 38%,transparent);white-space:nowrap}

:is(#info-tab,#updates-tab) .info-box span{display:inline!important;margin:0;color:#a0a9b8!important;font-size:9px;line-height:1.35;font-weight:700;min-width:0;overflow-wrap:anywhere}

:is(#info-tab,#updates-tab) .info-content h1,:is(#info-tab,#updates-tab) .info-content h2,:is(#info-tab,#updates-tab) .info-content h3,:is(#info-tab,#updates-tab) .info-content h4{max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
:is(#info-tab,#updates-tab) .info-content table{
width:100%;
border-collapse:collapse;
overflow:hidden;
border:1px solid #ffffff0b;
border-radius:8px;
background:#ffffff02;
}

:is(#info-tab,#updates-tab) .info-content th,
:is(#info-tab,#updates-tab) .info-content td{
padding:8px 9px;
border-bottom:1px solid #ffffff08;
font-size:10px;
line-height:1.45;
overflow-wrap:anywhere;
}

:is(#info-tab,#updates-tab) .info-content th{
color:#9bc8f4;
font-weight:900;
letter-spacing:.6px;
text-transform:uppercase;
background:#60a5fa08;
}

:is(#info-tab,#updates-tab) .info-content td{color:#c5cfdd;font-weight:600}
:is(#info-tab,#updates-tab) .info-content tr:last-child td{border-bottom:0}


/* =========================================================
UPDATES — INFO-MATCHED PATCH NOTES UI
========================================================= */
#updates-tab .info-title{color:#c4b5fd}
#updates-tab .info-subtitle{color:#ad9fd1}
#updates-tab .info-section-kicker{color:#a78bfa}
/* SECRETS — INFO-MATCHED HEADER */
#secrets-tab{--i-accent:#ef4444;--i-line:#ef444435}
#secrets-tab .info-page{padding-bottom:0}
#secrets-tab .info-header{margin-bottom:6px;text-align:center;background:radial-gradient(circle at 50% -36%,rgba(239,68,68,.17),transparent 62%),linear-gradient(180deg,#0b111b,#06090f 75%)}
#secrets-tab .info-header::before{box-shadow:0 0 16px rgba(239,68,68,.55)}
#secrets-tab .info-title{color:#ff6b6b;text-shadow:0 0 13px #ef444458,0 0 28px #b91c1c25}
#secrets-tab .info-subtitle{color:#c99a9a}
#secrets-tab .secrets-index-count{margin-top:12px}
#updates-tab .info-divider{background:linear-gradient(90deg,transparent,rgba(167,139,250,.34),transparent)}
#updates-tab .info-content::before{background:linear-gradient(90deg,transparent,#a78bfa,transparent);box-shadow:0 0 13px rgba(167,139,250,.45)}
#updates-tab .info-sidebar::before{content:"VERSIONS"}
#updates-tab .info-nav-btn::before{background:#a78bfa}
#updates-tab .info-nav-btn:hover{color:#ede9fe;background:rgba(167,139,250,.07);border-color:rgba(167,139,250,.2)}
#updates-tab .info-nav-btn.active{color:#ede9fe;background:linear-gradient(180deg,rgba(167,139,250,.13),rgba(167,139,250,.045));border-color:rgba(167,139,250,.34);box-shadow:0 0 13px rgba(167,139,250,.08),inset 0 1px #ffffff08}
#updates-tab .info-text p{border-left-color:rgba(167,139,250,.38)}
#updates-tab .info-text code{border-color:#a78bfa1c;background:#a78bfa08;color:#ddd0ff}

/* ========================================================= CHALLENGES — PREMIUM CURRENCY-MATCHED UI ========================================================= */
#challenges-tab{--ch-active:#ffd21f;--ch-complete:#4ade80;width:100%;padding:8px 0 28px!important;text-align:center;box-sizing:border-box}
.challenges-wrap{width:min(100%,1120px)!important;margin:auto!important;padding:6px 14px 24px!important;box-sizing:border-box;min-width:0}
.challenges-header{position:relative;margin:0 0 17px;padding:20px 22px 18px;box-sizing:border-box;border:1px solid #12a4ff35;border-radius:16px;background:radial-gradient(circle at 50% -65%,#12a4ff2c,transparent 60%),linear-gradient(180deg,#0d141d,#070b11);box-shadow:0 10px 26px #00000070,inset 0 1px #ffffff0d;overflow:hidden}
.challenges-header:before{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#12a4ff,#57d7ff,#12a4ff,transparent);box-shadow:0 0 16px #12a4ff80}
.challenges-header:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,#fff4 0 1px,transparent 1px 7px)}
.challenges-title{margin:0;color:#20adff;font-size:34px;line-height:1;font-weight:1000;letter-spacing:3.5px;text-transform:uppercase;text-shadow:0 0 14px #12a4ff80,0 0 28px #12a4ff20}
.challenges-sub{margin:9px auto 0;max-width:70ch;color:#96abc0;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.7px;text-transform:none!important}
#challenges-track{width:100%;max-width:800px;margin:0 auto 16px;display:flex;overflow:hidden;border:1px solid #ffffff0d;border-radius:10px;background:#070b11;box-shadow:0 6px 18px #00000059}
.ch-step{position:relative;flex:1;min-width:0;min-height:34px;display:flex;align-items:center;justify-content:center;padding:0 8px;background:linear-gradient(180deg,#101720,#090d13);color:#596779;font-size:8px;font-weight:1000;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap}
.ch-step+.ch-step{border-left:1px solid #ffffff0d}
.ch-step:first-child{border-radius:9px 0 0 9px}
.ch-step:last-child{border-radius:0 9px 9px 0}
.ch-step.ready{color:var(--cc);background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 14%,transparent),transparent);box-shadow:inset 0 -2px var(--cc),inset 0 1px color-mix(in srgb,var(--cc) 16%,transparent)}
.ch-step.active{color:#ffe38a;background:linear-gradient(180deg,#ffd21f20,#ffd21f05);box-shadow:inset 0 -2px #ffd21f}
.ch-step.done{color:#7cf0a0;background:linear-gradient(180deg,#4ade8015,#4ade8004);box-shadow:inset 0 -2px #4ade8038}
.ch-step.locked{color:#4d596b}
.challenges-list{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;padding:0!important}
.challenge-card{--cc:#fff;--co:#000;position:relative;min-width:0;min-height:360px;display:flex!important;flex-direction:column!important;align-items:center!important;padding:19px!important;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--co) 78%,transparent)!important;border-radius:16px!important;background:radial-gradient(circle at 50% -16%,color-mix(in srgb,var(--cc) 13%,transparent),transparent 56%),linear-gradient(180deg,#0d141d,#070a0f)!important;box-shadow:0 10px 25px #00000078,inset 0 1px #ffffff0d!important;text-align:center!important;overflow:hidden!important;text-transform:none!important;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease!important}
.challenge-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;border-radius:0 0 8px 8px;background:var(--cc);box-shadow:0 0 14px color-mix(in srgb,var(--cc) 60%,transparent)}
.challenge-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,#fff4 0 1px,transparent 1px 7px)}
.challenge-card>*{position:relative;z-index:1}
.challenge-card:hover{border-color:var(--cc)!important;box-shadow:0 12px 27px #00000088,0 0 16px color-mix(in srgb,var(--cc) 9%,transparent),inset 0 1px #ffffff0d!important}
.challenge-card.active{box-shadow:0 11px 28px #00000091,0 0 20px color-mix(in srgb,var(--cc) 11%,transparent),inset 0 0 0 1px #ffd21f22,inset 0 1px #ffffff0d!important}
.challenge-card.active:before{box-shadow:0 0 16px color-mix(in srgb,var(--cc) 75%,transparent)}
.challenge-card.done{box-shadow:0 10px 25px #00000078,inset 0 1px #ffffff0d!important}
.challenge-card.locked{opacity:.48!important}
.challenge-head{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:1px 0 0;text-align:center;text-transform:none!important}
.challenge-title-wrap{width:100%;text-align:center;text-transform:none!important}
.challenge-number{margin:0 0 6px;color:color-mix(in srgb,var(--cc) 82%,#fff);font-size:9px;line-height:1.2;font-weight:1000;letter-spacing:1.5px;text-transform:uppercase!important;white-space:nowrap}
.challenge-name{margin:0;color:color-mix(in srgb,var(--cc) 72%,#fff);font-size:25px;line-height:1.08;font-weight:1000;letter-spacing:.2px;text-transform:none!important;text-align:center;text-wrap:balance;text-shadow:0 0 11px color-mix(in srgb,var(--cc) 26%,transparent)}
.challenge-goal{width:min(100%,450px);margin:12px auto 0;padding:11px 15px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--co) 78%,transparent);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 7%,transparent),#ffffff03);color:#e0e8f0;font-size:13px;line-height:1.35;font-weight:850;letter-spacing:.15px;text-align:center;text-transform:none!important}
.challenge-goal:before{content:"REQUIREMENT";display:block;margin-bottom:5px;color:color-mix(in srgb,var(--cc) 84%,#fff);font-size:7px;line-height:1;font-weight:1000;letter-spacing:1.3px;text-transform:uppercase}
.challenge-status,.challenge-complete-tag{position:absolute;top:1px;right:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:42%;min-height:27px;padding:6px 9px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--co) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--cc) 6%,transparent);font-size:7px;line-height:1;font-weight:1000;letter-spacing:.65px;text-transform:none!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.challenge-status.is-active{color:#ffe27a;border-color:#ffd21f47;background:#ffd21f12}
.challenge-status.is-ready{color:var(--cc);border-color:color-mix(in srgb,var(--co) 70%,transparent);background:color-mix(in srgb,var(--cc) 7%,transparent)}
.challenge-status.is-locked{color:#748197;border-color:#74819726;background:#74819709}
.challenge-complete-tag{color:#70ee98;border-color:#4ade8040;background:#4ade8010}
.challenge-complete-tag svg{width:11px;height:11px;flex:0 0 auto}
.challenge-rows{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}
.challenge-debuff-row,.challenge-reward-row{min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:13px 15px;box-sizing:border-box;border:1px solid #ffffff10;border-radius:12px;background:linear-gradient(180deg,#ffffff08,#ffffff02);text-align:center;box-shadow:inset 0 1px #ffffff06;text-transform:none!important}
.challenge-debuff-row{border-color:#f8717130;background:linear-gradient(180deg,#f871710d,#ffffff02)}
.challenge-reward-row{border-color:#fb923c30;background:linear-gradient(180deg,#fb923c0d,#ffffff02)}
.challenge-debuff-label,.challenge-reward-label{margin:0;font-size:8px;line-height:1;font-weight:1000;letter-spacing:1.15px;text-transform:uppercase!important}
.challenge-debuff-label{color:#ff8f9e}
.challenge-reward-label{color:#ff9f69}
.challenge-row-text,.challenge-reward-value{width:100%;margin:0;color:#f1f5f9;font-size:13px;line-height:1.4;font-weight:900;text-align:center;overflow-wrap:break-word;word-break:normal;text-transform:none!important}
.challenge-reward-value{color:#fff}
.challenge-row-text span,.challenge-reward-value span{display:inline;text-transform:none!important}
.ch-num{color:#fff;font-weight:1000;text-transform:none!important}
.ch-currency{color:var(--c);text-shadow:-1px -1px 0 var(--o),1px -1px 0 var(--o),-1px 1px 0 var(--o),1px 1px 0 var(--o),0 2px 4px #0009;text-transform:none!important}
.challenge-progress{width:100%;margin-top:10px;padding:11px 12px;box-sizing:border-box;border:1px solid #ffffff10;border-radius:12px;background:#00000026;text-align:center;text-transform:none!important}
.challenge-progress-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
.challenge-progress-head>span{color:#7d8b9e;font-size:7px;font-weight:1000;letter-spacing:1px;text-transform:uppercase!important}
.challenge-progress-text{color:#f8fafc;font-size:10px;line-height:1.2;font-weight:1000;text-align:center;font-variant-numeric:tabular-nums;text-transform:none!important}
.challenge-progress-bar{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff0b;box-shadow:inset 0 1px 2px #0000008c}
.challenge-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#eab308,#ffd21f);box-shadow:0 0 9px #ffd21f4d;transition:width .18s ease}
.challenge-actions{display:grid;grid-template-columns:1fr;gap:7px;width:100%;margin-top:auto;padding-top:12px}
.challenge-card.active .challenge-actions{grid-template-columns:minmax(0,1fr) minmax(110px,.46fr)}
.challenge-btn{width:100%;min-height:40px;padding:8px 12px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--co) 78%,transparent);border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 22%,#07121a),#061018);color:var(--cc);font:inherit;font-size:9px;font-weight:1000;letter-spacing:.65px;text-transform:none!important;text-align:center;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}
.challenge-btn:hover:not(:disabled){border-color:var(--cc);color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 27%,#07121a),#061018);box-shadow:0 0 11px color-mix(in srgb,var(--cc) 14%,transparent)}
.challenge-btn:active:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 18%,#07121a),#061018)}
.challenge-btn:disabled{opacity:.5;color:#536a7d;border-color:#1d3647;background:linear-gradient(180deg,#0a1118,#070c11);box-shadow:none;cursor:not-allowed}
.challenge-card.active .challenge-btn{border-color:#ffd21f7a;background:linear-gradient(180deg,#473704,#241c03);color:#ffd21f}
.challenge-card.active .challenge-btn:hover:not(:disabled){border-color:#ffe46e;color:#fff;box-shadow:0 0 12px #ffd21f26}
.challenge-btn-abandon{border-color:#f871716b!important;background:linear-gradient(180deg,#3c0c12,#21070a)!important;color:#ff8585!important}
.challenge-btn-abandon:hover:not(:disabled){border-color:#ff9a9a!important;color:#fff!important;box-shadow:0 0 12px #f8717124!important}
.challenge-btn-abandon.armed{border-color:#ff6464!important;background:linear-gradient(180deg,#681018,#36070c)!important;color:#fff!important;box-shadow:0 0 15px #f8717130!important}
.challenge-card .challenge-name,.challenge-card .challenge-goal,.challenge-card .challenge-row-text,.challenge-card .challenge-reward-value,.challenge-card .challenge-status,.challenge-card .challenge-complete-tag,.challenge-card .challenge-progress-text,.challenge-card .challenge-btn,.challenge-card .ch-num,.challenge-card .ch-currency{ text-transform:none!important }
@media(max-width:900px){.challenges-list{grid-template-columns:1fr!important}.challenge-card{min-height:360px}}
@media(max-width:650px){#challenges-tab{padding:5px 0 20px!important}.challenges-wrap{padding:4px 7px 18px!important}.challenges-header{padding:17px 13px 15px;border-radius:14px}.challenges-title{font-size:28px;letter-spacing:3px}.challenges-sub{font-size:9px}#challenges-track{margin-bottom:14px}.ch-step{min-height:29px;padding:0 5px;font-size:7px}.challenge-card{min-height:0;padding:17px!important;border-radius:14px!important}.challenge-head{padding:0 42px}.challenge-name{font-size:23px}.challenge-goal{font-size:11px;padding:10px 12px}.challenge-rows{margin-top:15px}.challenge-debuff-row,.challenge-reward-row{min-height:92px;padding:11px}.challenge-row-text,.challenge-reward-value{font-size:12px}.challenge-progress{margin-top:10px}.challenge-btn{min-height:40px}}
@media(max-width:470px){#challenges-track{margin-bottom:12px}.ch-step{min-height:27px;padding:0 3px;font-size:6.5px}.challenge-card{padding:15px!important}.challenge-head{padding:0}.challenge-status,.challenge-complete-tag{position:static;margin-top:7px;max-width:100%}.challenge-name{font-size:22px}.challenge-goal{width:100%;font-size:10px}.challenge-rows{grid-template-columns:1fr;gap:7px}.challenge-debuff-row,.challenge-reward-row{min-height:80px}.challenge-row-text,.challenge-reward-value{font-size:11px}.challenge-card.active .challenge-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.challenge-card,.ch-step,.challenge-btn,.challenge-progress-fill{transition:none!important}}
#tickets-tab{--ticket:#facc15;--ticket-line:#facc1548;--ticket-soft:#facc1516;padding:6px!important}
.ticket-page{width:min(100%,1040px);margin:auto;padding:4px 6px 18px}.ticket-header{text-align:center;margin:0 0 14px}.ticket-title{font-size:32px;font-weight:1000;letter-spacing:3px;line-height:1;color:#facc15;text-shadow:0 0 10px #facc1566,0 0 26px #facc1533}.ticket-sub{margin:6px 0 0;color:#c7b66a;font-size:11px;font-weight:800;letter-spacing:1px}.ticket-wallet{width:min(100%,420px);margin:0 auto 14px;padding:12px 16px;border:1px solid #facc1548;border-radius:10px;background:radial-gradient(circle at 50% -20%,#facc1516,transparent 55%),linear-gradient(180deg,#141207,#07090b);box-shadow:0 7px 18px #0006;text-align:center}.ticket-wallet-label{color:#a89b62;font-size:8px;font-weight:1000;letter-spacing:1.5px}.ticket-wallet-value{margin-top:4px;color:#facc15;font-size:28px;font-weight:1000;line-height:1;text-shadow:0 0 12px #facc1544}.ticket-tree-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;text-align:center}.ticket-tree-kicker{color:#a89b62;font-size:7px;font-weight:1000;letter-spacing:1.5px}.ticket-tree-title{margin-top:2px;color:#f8fafc;font-size:17px;font-weight:1000;letter-spacing:1px}#ticket-tree-container{position:relative;width:100%;min-height:520px;border:1px solid #facc1548;border-radius:11px;background:radial-gradient(circle at 50% 0%,#facc1508,transparent 42%),linear-gradient(180deg,#090a0d,#030507);box-shadow:0 8px 20px #0006;overflow:hidden}#ticket-tree-connections-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#ticket-tree-nodes{position:relative;width:100%;min-height:520px}.ticket-node{position:absolute;width:170px;min-height:92px;padding:9px;border:1px solid #facc1566;border-radius:9px;background:linear-gradient(180deg,#161307,#080a0b);box-shadow:0 0 12px #facc1514,0 5px 14px #0007;color:#fff;text-align:center;cursor:pointer}.ticket-node.locked{opacity:.42;filter:grayscale(.6)}.ticket-node.maxed{border-color:#ffe878;box-shadow:0 0 16px #facc1533}.ticket-node-name{color:#facc15;font-size:10px;font-weight:1000;letter-spacing:.7px}.ticket-node-level{margin-top:4px;color:#fff;font-size:13px;font-weight:1000}.ticket-node-cost{margin-top:4px;color:#a89b62;font-size:8px;font-weight:900}.ticket-node-desc{margin-top:4px;color:#94a3b8;font-size:7px;line-height:1.35;font-weight:700}

/* =========================================================
DUNGEON
========================================================= */
#dungeons-tab{--d-accent:#ff3f70;--d-border:#ff3f7066;--d-soft:#ff3f7014}
#dungeons-tab .ascender-container{width:min(100%,950px)!important;margin:0 auto!important;padding:7px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;align-items:start!important;justify-items:stretch!important}
#dungeons-tab .flame-altar-card:before,#dungeons-tab .flame-altar-card:after,#dungeons-tab #sword-upgrade-panel:before,#dungeons-tab #sword-upgrade-panel:after{content:none!important;display:none!important}
#dungeons-tab .flame-altar-card,#dungeons-tab #sword-upgrade-panel{position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:20px!important;border:1px solid var(--d-border)!important;border-radius:15px!important;background:radial-gradient(circle at 50% -18%,var(--d-soft),transparent 52%),linear-gradient(180deg,#120a11,#07080d 58%,#040508)!important;box-shadow:0 13px 30px #000a,inset 0 1px #ffffff07!important;overflow:visible!important}
#dungeons-tab .flame-altar-card{display:flex!important;flex-direction:column!important;align-self:start!important;height:auto!important;min-height:365px!important}
#dungeons-tab #sword-upgrade-panel{display:block;align-self:start!important;height:max-content!important;min-height:0!important}
#dungeons-tab #sword-upgrade-panel[style*="display:none"],#dungeons-tab #sword-upgrade-panel[style*="display: none"]{display:none!important}#dungeons-tab #sword-upgrade-panel[style*="display:block"],#dungeons-tab #sword-upgrade-panel[style*="display: block"]{display:flex!important;flex-direction:column!important}
#dungeons-tab .flame-altar-card>* ,#dungeons-tab #sword-upgrade-panel>*{position:relative;z-index:1}
#dungeons-tab .flame-altar-card>div:first-child,#dungeons-tab #sword-upgrade-panel>div:first-child{color:#ff557f!important;font-size:21px!important;font-weight:1000!important;letter-spacing:3px!important;line-height:1!important;margin-bottom:5px!important;text-shadow:0 0 14px #ff3f7040!important}
#dungeons-tab .flame-altar-card>div:nth-child(2),#dungeons-tab #sword-upgrade-panel>div:nth-child(2){color:#728096!important;font-size:8px!important;font-weight:900!important;letter-spacing:2px!important;margin-bottom:13px!important}
#dungeons-tab #dungeon-description,#dungeons-tab #sword-upgrade-panel>div:nth-of-type(3){box-sizing:border-box!important;width:100%!important;margin:0 0 13px!important;padding:11px 12px!important;border:1px solid #ff3f7024!important;border-radius:9px!important;background:#090c13e8!important;color:#d8dee7!important;font-size:10px!important;line-height:1.55!important;text-align:center!important;box-shadow:inset 0 1px #ffffff05!important;overflow-wrap:anywhere}
#dungeons-tab #dungeon-description+div,#dungeons-tab #sword-upgrade-panel>div:nth-of-type(4){box-sizing:border-box!important;width:100%!important;margin:0 0 11px!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:1px solid #ffffff0a!important;border-radius:9px!important;background:#06080ce6!important}
#dungeons-tab #dungeon-level-display,#dungeons-tab #dungeon-defeat-count,#dungeons-tab #sword-level-display,#dungeons-tab #sword-boost-display{font-size:10px!important;font-weight:1000!important;letter-spacing:.45px!important;color:#f5f7fb!important}#dungeons-tab #dungeon-hp-display{margin:0 0 9px!important;min-height:22px!important;display:grid!important;place-items:center!important;color:#cbd5e1!important;font-size:11px!important;font-weight:900!important}#dungeons-tab .board-divider{width:100%!important;height:1px!important;margin:auto 0 11px!important;background:#ff3f7026!important;border:0!important}#dungeons-tab #prev-dungeon-level-btn,#dungeons-tab #next-dungeon-level-btn{flex:0 0 32px!important;width:32px!important;height:29px!important;padding:0!important;border:1px solid #ff557988!important;border-radius:6px!important;background:linear-gradient(180deg,#4d1528,#260b16)!important;color:#ff9ab0!important;box-shadow:0 3px 8px #0008,inset 0 0 0 1px #ffffff05!important;font-size:12px!important}#dungeons-tab #damage-enemy-btn,#dungeons-tab #upgrade-sword-btn{width:min(100%,310px)!important;min-width:0!important;max-width:none!important;height:43px!important;margin:0 auto!important;padding:8px 18px!important;border:1px solid #ff6688!important;border-radius:8px!important;background:linear-gradient(180deg,#a6264b,#69152f 58%,#470d21)!important;color:#fff!important;box-shadow:0 5px 13px #000a,0 0 12px #ff3f7019,inset 0 0 0 1px #ffffff08!important;font-size:11px!important;font-weight:1000!important;letter-spacing:1.2px!important}#dungeons-tab #damage-enemy-btn:hover:not(:disabled),#dungeons-tab #upgrade-sword-btn:hover:not(:disabled){border-color:#ff98ac!important;box-shadow:0 7px 16px #000b,0 0 16px #ff3f7030,inset 0 0 0 1px #ffffff0b!important}#dungeons-tab #damage-enemy-btn:active:not(:disabled),#dungeons-tab #upgrade-sword-btn:active:not(:disabled){border-color:#ff6688!important;box-shadow:0 2px 7px #000a,inset 0 0 0 1px #ffffff08!important}#dungeons-tab #sword-upgrade-panel>div:last-child{margin-top:9px!important;color:#667386!important;font-size:8px!important;line-height:1.35!important}

/* =========================================================
LOADING SCREEN
========================================================= */
#loading-screen{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#151b2c,#05060a 70%);transition:opacity .6s ease;padding:20px;text-align:center;overflow:hidden}
#loading-screen:before{content:"";position:absolute;inset:-20%;z-index:0;background-image:linear-gradient(#22c55e26 1.5px,transparent 1.5px),linear-gradient(90deg,#ffffff10 1px,transparent 1px),linear-gradient(#0f1420,#0f1420);background-size:100% 46px,168px 100%,168px 46px;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;transform:perspective(700px) rotateX(60deg);transform-origin:50% 100%;-webkit-mask-image:radial-gradient(circle at 50% 18%,#000 0%,transparent 74%);mask-image:radial-gradient(circle at 50% 18%,#000 0%,transparent 74%);animation:lgd 6s linear infinite;pointer-events:none}
@keyframes lgd{0%{background-position:0 0,0 0,0 0}100%{background-position:0 46px,0 0,0 46px}}

#loading-screen:after{content:"";position:absolute;top:38%;left:50%;z-index:1;width:min(64vw,340px);height:min(64vw,340px);transform:translate(-50%,-50%) scale(1);background:radial-gradient(circle,#22c55e30,#22d3ee12 55%,transparent 72%);filter:blur(6px);pointer-events:none;animation:lgl 3.4s ease-in-out infinite}
@keyframes lgl{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
#loading-screen.loading-screen-hidden{opacity:0;pointer-events:none}
#loading-tiles{position:absolute;inset:-20%;z-index:0;overflow:hidden;pointer-events:none;transform:perspective(700px) rotateX(60deg);transform-origin:50% 100%;-webkit-mask-image:radial-gradient(circle at 50% 18%,#000 0%,transparent 74%);mask-image:radial-gradient(circle at 50% 18%,#000 0%,transparent 74%)}
#loading-tiles:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#4ade8000 0,#4ade8098 48%,#4ade8000 100%);background-size:100% 260%;background-repeat:no-repeat;background-position:0 -180%;animation:lgpulse 3.6s ease-in-out infinite}
@keyframes lgpulse{0%{background-position:0 -180%}60%,100%{background-position:0 180%}}
#loading-tiles span{display:none}
#loading-icon{position:relative;z-index:2;width:min(46vw,200px);max-height:36vh;object-fit:contain;margin-bottom:60px;filter:drop-shadow(0 0 22px #34d399a0) drop-shadow(0 0 50px #22d3ee55) drop-shadow(0 6px 18px #000c);animation:lip 2.6s ease-in-out infinite}
@keyframes lip{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.03)}}
#loading-bottom{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);z-index:2;width:min(88vw,420px);display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 24px;border-radius:18px;background:linear-gradient(180deg,#12161fee,#0a0d15f0);border:1px solid #ffffff16;box-shadow:0 16px 34px #000b,inset 0 1px #ffffff10,0 0 0 1px #22c55e14}
#loading-bar-track{width:100%;height:12px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff1f;overflow:hidden;position:relative;box-shadow:inset 0 2px 6px #0009}
#loading-bar-fill{height:100%;width:0;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(90deg,#15803d,#22c55e 45%,#22d3ee 100%);box-shadow:0 0 18px #22c55eaa;transition:width .25s ease}
#loading-bar-fill:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#ffffff45 0,#ffffff45 2px,transparent 2px,transparent 14px);mix-blend-mode:overlay}
#loading-bar-fill:after{content:"";position:absolute;top:0;bottom:0;right:-40%;width:40%;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:lbs 1.7s ease-in-out infinite}
@keyframes lbs{0%{right:-40%}100%{right:130%}}
#loading-text{font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#9aa6bd;min-height:16px;display:flex;align-items:center;justify-content:center;gap:1px}
#loading-text:after{content:"...";display:inline-block;width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:ldots 1.4s steps(4) infinite}
@keyframes ldots{to{width:1.1em}}

/* =========================================================
SHOP
========================================================= */
#shop-tab{--gold:#f7c948;--gold-hi:#ffe9a6;--gold-lo:#c98a14;--ink:#eef1f8;--muted:#9aa7b5;--dim:#66718a;--line:#ffffff14;--line-hi:#ffffff2b;--panel:#0a0d14;--raised:#141a27;--sheen:linear-gradient(180deg,#ffffff08,transparent 40%);--ui-accent:#f7c948;position:relative;padding:22px 16px 80px;text-align:left;text-shadow:none;background:radial-gradient(60% 380px at 8% 0,#f7c94816,transparent 70%),radial-gradient(45% 320px at 100% 30%,#a78bfa10,transparent 70%)}
#shop-tab .shop-page{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:32px;align-items:start;text-align:left}
#shop-tab .shop-page>*{grid-column:2;min-width:0}
#shop-tab .shop-page>.shop-bar{grid-column:1;grid-row:1/span 8;order:-1;position:sticky;top:12px}
/* codes always sit at the very bottom, under potions */
#shop-tab .shop-page>#shop-sec-codes{order:99;margin-bottom:0}

/* --- shared card shell: same look as the layer / secret cards --- */
#shop-tab :is(.shop-bar,.gamepass-card,.shop-extra-card,.shop-code-box){--edge:var(--ui-accent);position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--edge) 34%,transparent);background:radial-gradient(circle at 50% -22%,color-mix(in srgb,var(--edge) 20%,transparent),transparent 60%),linear-gradient(180deg,#0a0d14,#05070b 74%);box-shadow:0 14px 30px #000a,inset 0 1px #ffffff0a}
#shop-tab :is(.shop-bar,.gamepass-card,.shop-extra-card,.shop-code-box)::before{content:"";position:absolute;top:0;left:24%;right:24%;height:2px;border-radius:0 0 6px 6px;background:var(--edge);box-shadow:0 0 14px var(--edge);pointer-events:none;z-index:2}
#shop-tab :is(.shop-bar,.gamepass-card,.shop-extra-card,.shop-code-box)::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px)}
#shop-tab :is(.shop-bar,.gamepass-card,.shop-extra-card,.shop-code-box)>*{position:relative;z-index:1}

/* --- rail: wallet, free-token timer, section list --- */
#shop-tab .shop-bar{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:16px}
#shop-tab .shop-wallet{display:flex;align-items:center;gap:14px;min-width:0;padding:14px;border-radius:12px;border:1px solid #f7c94842;background:radial-gradient(130% 170% at 0 0,#f7c94832,transparent 62%),#070a10;box-shadow:inset 0 0 0 1px #ffffff06}
#shop-tab .shop-wallet-copy{min-width:0}
#shop-tab .coin-lg{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-size:26px;line-height:1;color:#3a2504;background:linear-gradient(150deg,var(--gold-hi),var(--gold) 50%,var(--gold-lo));border:1px solid #fff6;box-shadow:0 0 24px #f7c94866,inset 0 1px #fffa;animation:shopGlow 3.2s ease-in-out infinite}
#shop-tab .shop-wallet-label{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#7d8aa0}
#shop-tab .shop-wallet-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}
#shop-tab #shop-tokens-display{font-size:30px;font-weight:900;line-height:1.05;letter-spacing:0;text-transform:none;color:color-mix(in srgb,var(--gold) 70%,#fff);text-shadow:0 0 22px #f7c94866;font-variant-numeric:tabular-nums}
#shop-tab .coin{position:relative;display:inline-block;flex:none;width:1em;height:1em;border-radius:50%;vertical-align:-.14em;background:radial-gradient(circle at 32% 26%,#fffbe6 0 12%,transparent 15%),linear-gradient(150deg,var(--coin-hi,#ffe9a6),var(--coin-lo,var(--gold-lo)));box-shadow:inset 0 0 0 .09em #7a4d0bd9}
#shop-tab .coin::after{content:"";position:absolute;inset:24%;border-radius:50%;border:.07em solid #7a4d0b80}
#shop-tab .shop-timer{min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#00000038}
#shop-tab .shop-timer-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#7d8aa0}
#shop-tab .shop-timer-row strong{font-size:14px;font-weight:900;letter-spacing:.5px;color:var(--ink);font-variant-numeric:tabular-nums}
#shop-tab .shop-timer-meter{height:6px;margin-top:10px;border-radius:99px;background:#ffffff0f;box-shadow:inset 0 1px 2px #0009;overflow:hidden}
#shop-tab .shop-timer-meter i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));box-shadow:0 0 10px #f7c94890;transition:width .9s linear}
#shop-tab .shop-jump{display:flex;flex-direction:column;gap:3px;padding-top:14px;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,#f7c94855 50%,transparent) 1}
#shop-tab .shop-jump-btn{--c:#c084fc;display:flex;align-items:center;gap:0;width:100%;padding:11px 12px 11px 34px;border:1px solid transparent;border-radius:10px;background:radial-gradient(circle at 17px 50%,color-mix(in srgb,var(--c) 55%,transparent) 0 3.5px,transparent 4.5px);color:#8b95a8;font:inherit;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
#shop-tab .shop-jump-btn::before{content:none}
#shop-tab .shop-jump-btn:hover{color:var(--ink);background:radial-gradient(circle at 17px 50%,var(--c) 0 3.5px,transparent 4.5px),#ffffff08}
#shop-tab .shop-jump-btn.active{color:#fff;background:radial-gradient(circle at 17px 50%,var(--c) 0 3.5px,color-mix(in srgb,var(--c) 40%,transparent) 4.5px 7.5px,transparent 8.5px),linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--c) 4%,transparent));border-color:color-mix(in srgb,var(--c) 42%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--c) 16%,transparent)}
#shop-tab .shop-jump-btn:is([data-target*="codes"],[data-sec*="codes"],[data-section*="codes"],[data-jump*="codes"],[data-shop*="codes"],[href*="codes"],[onclick*="codes"]){order:99}

/* --- section headers --- */
#shop-tab .shop-section{--sc:#c084fc;margin:0 0 56px;scroll-margin-top:16px}
#shop-tab #shop-sec-ultra{--sc:#e879f9}
#shop-tab #shop-sec-passes{--sc:#fb923c}
#shop-tab #shop-sec-codes{--sc:#a78bfa}
#shop-tab #shop-sec-boosts{--sc:#22d3ee}
#shop-tab #shop-sec-potions{--sc:#4ade80}
#shop-tab .shop-section-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 22px;padding:0 0 16px}
#shop-tab .shop-section-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sc),color-mix(in srgb,var(--sc) 20%,transparent) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--sc) 70%,transparent)}
#shop-tab .shop-section-head>div:first-child{flex:1;min-width:0}
#shop-tab .shop-section-kicker,#shop-tab .shop-mini-kicker{display:none}
#shop-tab .shop-section-head h3{margin:0;font-size:22px;font-weight:900;line-height:1.2;letter-spacing:3px;text-transform:uppercase;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 40%,#fff),var(--sc) 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#shop-tab .shop-section-head h3::before{content:"";display:inline-block;width:8px;height:8px;margin:0 12px 3px 0;border-radius:50%;background:var(--sc);box-shadow:0 0 12px var(--sc);vertical-align:middle}
#shop-tab .shop-section-head p{max-width:58ch;margin:8px 0 0;font-size:12.5px;line-height:1.55;font-weight:600;color:#8b95a8;text-align:left}
#shop-tab .shop-section-badge{flex:none;padding:6px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:color-mix(in srgb,var(--sc) 70%,#fff);background:color-mix(in srgb,var(--sc) 14%,transparent);border:1px solid color-mix(in srgb,var(--sc) 42%,transparent)}

/* --- buy buttons: gold = you can buy it --- */
#shop-tab .gp-buy-btn,#shop-tab .shop-extra-btn{--coin-hi:#8a5a0c;--coin-lo:#3d2603;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:8px 14px;border-radius:10px;border:1px solid #ffe9a666;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 48%,var(--gold-lo));color:#2b1a02;font:inherit;font-size:13.5px;font-weight:900;letter-spacing:.6px;font-variant-numeric:tabular-nums;text-shadow:none;box-shadow:0 6px 18px #f7c94830,inset 0 1px #fff9;cursor:pointer}
#shop-tab .gp-buy-btn:hover:not(:disabled):not(.gp-owned),#shop-tab .shop-extra-btn:hover:not(:disabled):not(.maxed){box-shadow:0 8px 26px #f7c94858,inset 0 1px #fff9}
#shop-tab .gp-buy-btn:disabled:not(.gp-owned),#shop-tab .shop-extra-btn:disabled:not(.maxed){--coin-hi:#ffe9a6;--coin-lo:var(--gold-lo);border-color:var(--line);background:#ffffff08;box-shadow:none;color:var(--dim);cursor:not-allowed}
#shop-tab .gp-buy-btn:disabled .coin,#shop-tab .shop-extra-btn:disabled .coin{opacity:.45}
#shop-tab .gp-buy-btn.gp-owned{border-color:#22c55e66;background:#22c55e17;box-shadow:none;color:#4ade80;cursor:default;letter-spacing:1.4px;text-transform:uppercase;font-size:12px}
#shop-tab .shop-extra-btn.maxed{border-color:#22d3ee66;background:#22d3ee17;box-shadow:none;color:#67e8f9;cursor:default;letter-spacing:1.4px;text-transform:uppercase;font-size:12px}
#shop-tab .gp-owned-check{display:inline-flex}
#shop-tab .gp-owned-check svg{width:16px;height:16px;stroke-width:2.6}
#shop-tab button.cant-afford:not(:disabled){border-radius:11px!important}

/* --- ultra rune: the loud one --- */
#shop-tab .shop-ultra-grid{display:grid;gap:18px}
#shop-tab .ultra-card{--u:var(--ultra-color,#bc1228);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px 36px;align-items:start;padding:32px;border:1px solid color-mix(in srgb,var(--u) 55%,transparent);border-radius:20px;background:radial-gradient(circle at 50% -22%,color-mix(in srgb,var(--u) 30%,transparent),transparent 60%),radial-gradient(70% 80% at 100% 100%,color-mix(in srgb,var(--u) 15%,transparent),transparent),linear-gradient(180deg,#0a0d14,#05070b 74%);box-shadow:0 20px 50px #000b,0 0 44px color-mix(in srgb,var(--u) 14%,transparent),inset 0 1px #ffffff12}
#shop-tab .ultra-card::before{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:0 0 6px 6px;background:var(--u);box-shadow:0 0 20px var(--u);pointer-events:none;z-index:2}
#shop-tab .ultra-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px)}
#shop-tab .ultra-card-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(50% 50% at 100% 100%,color-mix(in srgb,var(--u) 16%,transparent),transparent);pointer-events:none}
#shop-tab .ultra-left,#shop-tab .ultra-odds{position:relative;z-index:1;min-width:0}
#shop-tab .ultra-card-head{display:flex;gap:18px;align-items:center}
#shop-tab .ultra-card-icon{flex:none;width:76px;height:76px;display:grid;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(150deg,color-mix(in srgb,var(--u) 82%,#fff),color-mix(in srgb,var(--u) 55%,#000));border:1px solid color-mix(in srgb,var(--u) 60%,#fff);box-shadow:0 0 36px color-mix(in srgb,var(--u) 60%,transparent),inset 0 1px #fff6;animation:shopGlow 3.2s ease-in-out infinite}
#shop-tab .ultra-card-icon svg{width:36px;height:36px;filter:drop-shadow(0 2px 3px #0007)}
#shop-tab .ultra-card-title{margin:0;font-size:30px;font-weight:900;line-height:1.05;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,color-mix(in srgb,var(--u) 40%,#fff),color-mix(in srgb,var(--u) 80%,#fff) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#shop-tab .ultra-card-sub{margin:8px 0 0;font-size:12.5px;line-height:1.5;font-weight:600;color:color-mix(in srgb,var(--u) 30%,#9aa7b5)}
#shop-tab .ultra-buy-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:26px 0 10px;font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:#c9d2df}
#shop-tab .ultra-buy-hint{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:none;color:var(--dim)}
#shop-tab .shop-buy-row{display:grid;gap:9px}
#shop-tab .shop-buy-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:14px 16px;border-radius:12px;border:1px solid #ffffff1c;background:linear-gradient(90deg,color-mix(in srgb,var(--u) 10%,transparent),transparent 70%),#0b1019;box-shadow:inset 0 1px #ffffff08;color:#fff;font:inherit;text-align:left;cursor:pointer}
#shop-tab .shop-buy-btn:has(.shop-buy-tag){border-color:#f7c94860;background:linear-gradient(90deg,#f7c94824,transparent 75%),#0b1019}
#shop-tab .shop-buy-lead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#shop-tab .shop-buy-main{font-size:15px;font-weight:900}
#shop-tab .shop-buy-tag{padding:3px 9px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#2b1a02;background:linear-gradient(180deg,var(--gold-hi),var(--gold))}
#shop-tab .shop-buy-cost,#shop-tab .shop-price{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
#shop-tab .shop-buy-cost{color:var(--gold)}
#shop-tab .shop-buy-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--u) 75%,#fff3);background:linear-gradient(90deg,color-mix(in srgb,var(--u) 24%,transparent),transparent 80%),#101724;box-shadow:0 0 22px color-mix(in srgb,var(--u) 22%,transparent),inset 0 1px #ffffff10}
#shop-tab .shop-buy-btn:disabled{opacity:.5;cursor:not-allowed}
#shop-tab .shop-buy-btn.cant-afford .shop-buy-cost{color:#f87171}
#shop-tab .ultra-odds{padding:18px;border:1px solid color-mix(in srgb,var(--u) 28%,transparent);border-radius:14px;background:#0000005c;box-shadow:inset 0 2px 10px #0006}
#shop-tab .ultra-odds-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px}
#shop-tab .ultra-odds-title>span:first-child{font-size:12px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:#e6ebf5}
#shop-tab .ultra-odds-chip{padding:3px 10px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb,var(--u) 60%,#c9d2df);border:1px solid color-mix(in srgb,var(--u) 40%,transparent);background:color-mix(in srgb,var(--u) 10%,transparent)}
#shop-tab .ultra-odds-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0;padding:6px 6px 8px;font-size:9.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line-hi)}
#shop-tab .ultra-card-chances{margin:0;padding:0;list-style:none;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
#shop-tab .ultra-chance{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 6px;border-bottom:1px solid #ffffff0a;border-radius:6px;transition:background .12s}
#shop-tab .ultra-chance:hover{background:#ffffff0a}
#shop-tab .rarity-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--rarity,#fff);box-shadow:0 0 10px var(--rarity,#fff)}
#shop-tab .ultra-rarity-name{flex:1;min-width:0;font-size:13px;font-weight:800;color:#e5e9f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shop-tab .ultra-rarity-chance{flex:none;font-size:13.5px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
#shop-tab .ultra-empty{padding:16px;text-align:center;font-size:12px;font-weight:700;color:var(--dim)}
#shop-tab .ultra-hidden-note{margin-top:12px;font-size:11px;font-weight:600;line-height:1.45;color:var(--dim)}

/* --- gamepasses --- */
#shop-tab .shop-pass-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
#shop-tab .gamepass-card{--gp:var(--gp-color,#fb923c);--edge:var(--gp);display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:22px 20px 20px;text-align:left;border-radius:16px;transition:border-color .18s,box-shadow .18s,transform .18s}
#shop-tab .gamepass-card.is-owned{--gp:#22c55e}
#shop-tab .gp-icon-wrapper{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--gp) 32%,#0a0c10),color-mix(in srgb,var(--gp) 8%,#0a0c10));border:1px solid color-mix(in srgb,var(--gp) 50%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--gp) 26%,transparent)}
#shop-tab .gp-icon{width:40px;height:40px;object-fit:contain}
#shop-tab .gp-icon-placeholder{font-size:26px;line-height:1;color:color-mix(in srgb,var(--gp) 60%,#fff)}
#shop-tab .gp-body{flex:1;min-width:0;width:100%}
#shop-tab .gp-title{margin:0;font-size:15px;font-weight:900;line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb,var(--gp) 55%,#fff);overflow-wrap:anywhere}
#shop-tab .gp-desc{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;font-size:12px;line-height:1.4;font-weight:600;color:var(--muted);overflow-wrap:anywhere}
#shop-tab .gp-perk{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;color:color-mix(in srgb,var(--gp) 55%,#fff);background:color-mix(in srgb,var(--gp) 12%,transparent);border:1px solid color-mix(in srgb,var(--gp) 32%,transparent)}

/* --- boosts & potions --- */
#shop-tab .shop-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#shop-tab .shop-extra-card{--ex:var(--accent,var(--potion,#22d3ee));--edge:var(--ex);display:flex;flex-direction:column;gap:16px;min-width:0;padding:22px 20px 20px;border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .18s}
#shop-tab .shop-extra-card.is-active{border-color:color-mix(in srgb,var(--ex) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ex) 24%,transparent),0 0 34px color-mix(in srgb,var(--ex) 22%,transparent),0 14px 30px #000a,inset 0 1px #ffffff0a}
#shop-tab .shop-extra-head{display:flex;gap:14px;align-items:flex-start}
#shop-tab .shop-extra-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:color-mix(in srgb,var(--ex) 55%,#fff);background:linear-gradient(150deg,color-mix(in srgb,var(--ex) 28%,#0a0c10),color-mix(in srgb,var(--ex) 8%,#0a0c10));border:1px solid color-mix(in srgb,var(--ex) 48%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--ex) 24%,transparent)}
#shop-tab .shop-extra-icon svg{width:23px;height:23px}
#shop-tab .shop-extra-text{min-width:0}
#shop-tab .shop-extra-title{font-size:14px;font-weight:900;line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb,var(--ex) 50%,#fff)}
#shop-tab .shop-extra-desc{margin-top:6px;font-size:12px;line-height:1.5;font-weight:600;color:var(--muted)}
#shop-tab .shop-boost-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10.5px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
#shop-tab .shop-extra-level{color:#8b95a8}
#shop-tab .shop-boost-bonus{font-size:20px;letter-spacing:0;color:color-mix(in srgb,var(--ex) 62%,#fff);text-shadow:0 0 18px color-mix(in srgb,var(--ex) 42%,transparent);font-variant-numeric:tabular-nums}
#shop-tab .shop-pips{display:flex;gap:4px;height:10px}
#shop-tab .shop-pips i{flex:1;border-radius:4px;background:#ffffff10;box-shadow:inset 0 1px 2px #0006}
#shop-tab .shop-pips i.on{background:linear-gradient(180deg,color-mix(in srgb,var(--ex) 70%,#fff),var(--ex));box-shadow:0 0 9px color-mix(in srgb,var(--ex) 60%,transparent)}
#shop-tab .shop-boost-card .shop-extra-btn{margin-top:auto}
#shop-tab .shop-potion-time{align-self:flex-start;display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#00000030;font-variant-numeric:tabular-nums}
#shop-tab .shop-potion-card.is-active .shop-potion-time{color:color-mix(in srgb,var(--ex) 60%,#fff);background:color-mix(in srgb,var(--ex) 15%,transparent);border-color:color-mix(in srgb,var(--ex) 55%,transparent)}
#shop-tab .shop-potion-card.is-active .shop-potion-time::before{content:"";width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--ex);box-shadow:0 0 8px var(--ex);animation:shopPulse 1.8s ease-in-out infinite}
@keyframes shopPulse{50%{opacity:.35}}
@keyframes shopGlow{50%{filter:brightness(1.18) saturate(1.1)}}
#shop-tab .shop-potion-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
#shop-tab .shop-potion-row .shop-extra-btn{flex-direction:column;gap:4px;min-height:58px;padding:8px 6px;line-height:1.1}
#shop-tab .shop-btn-label{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
#shop-tab .shop-btn-price{display:inline-flex;align-items:center;gap:5px;font-size:14.5px;font-weight:900;font-variant-numeric:tabular-nums}
#shop-tab .potion-bundle-btn:not(:disabled){--coin-hi:#ffe9a6;--coin-lo:var(--gold-lo);border-color:color-mix(in srgb,var(--ex) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ex) 26%,transparent),color-mix(in srgb,var(--ex) 10%,transparent));box-shadow:inset 0 1px #ffffff1a;color:#fff}
#shop-tab .potion-bundle-btn:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--ex) 38%,transparent),color-mix(in srgb,var(--ex) 16%,transparent));border-color:var(--ex);box-shadow:0 6px 20px color-mix(in srgb,var(--ex) 28%,transparent),inset 0 1px #ffffff1a}

/* --- codes (bottom of the page, under potions) --- */
#shop-tab .shop-code-box{--edge:var(--sc,#a78bfa);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:680px;padding:24px 20px 20px;border-radius:16px}
#shop-tab .shop-code-input{min-width:0;height:50px;padding:0 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--sc,#a78bfa) 30%,#ffffff20);background:#04060a;box-shadow:inset 0 2px 8px #000b;color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;outline:0;transition:border-color .15s,box-shadow .15s}
#shop-tab .shop-code-input::placeholder{color:var(--dim);letter-spacing:1.5px}
#shop-tab .shop-code-input:focus{border-color:var(--sc,#a78bfa);box-shadow:inset 0 2px 8px #000b,0 0 0 3px color-mix(in srgb,var(--sc,#a78bfa) 25%,transparent),0 0 20px color-mix(in srgb,var(--sc,#a78bfa) 25%,transparent)}
#shop-tab .shop-code-btn{height:50px;padding:0 28px;border-radius:10px;border:1px solid #c4b5fd88;background:linear-gradient(180deg,#a78bfa,#7c5cf0);color:#fff;font:inherit;font-size:12.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;text-shadow:none;box-shadow:0 6px 18px #7c5cf050,inset 0 1px #fff5;cursor:pointer}
#shop-tab .shop-code-btn:hover{box-shadow:0 8px 26px #7c5cf080,inset 0 1px #fff5}
#shop-tab .shop-code-message{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#00000030;font-size:12px;font-weight:700;line-height:1.4;color:var(--muted)}
#shop-tab .shop-code-message:empty{display:none}
#shop-tab .shop-code-message:is(.ok,.success,.valid,.good){color:#4ade80;border-color:#4ade8040;background:#4ade8010}
#shop-tab .shop-code-message:is(.error,.err,.fail,.invalid,.bad){color:#f87171;border-color:#f8717140;background:#f8717110}
#shop-tab button:focus-visible,#shop-tab .shop-code-input:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* --- hover lift only where a real pointer exists --- */
@media(hover:hover){
#shop-tab .gamepass-card:not(.is-owned):hover{border-color:color-mix(in srgb,var(--gp) 60%,transparent);box-shadow:0 18px 38px #000b,0 0 26px color-mix(in srgb,var(--gp) 18%,transparent),inset 0 1px #ffffff0a;transform:translateY(-3px)}
#shop-tab .shop-extra-card:not(.is-active):hover{border-color:color-mix(in srgb,var(--ex) 50%,transparent);box-shadow:0 18px 38px #000b,0 0 26px color-mix(in srgb,var(--ex) 16%,transparent),inset 0 1px #ffffff0a;transform:translateY(-3px)}
}

/* --- small screens: the rail becomes a sticky top bar --- */
@media(max-width:900px){
#shop-tab{padding:4px 8px 40px}
#shop-tab .shop-page{display:flex;flex-direction:column}
#shop-tab .shop-page>*{grid-column:auto}
#shop-tab .shop-bar{position:sticky;top:0;z-index:20;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 26px;padding:10px 12px;border-radius:14px;background:#0a0d14f5}
#shop-tab .shop-wallet{padding:8px 12px}
#shop-tab .coin-lg{width:40px;height:40px;border-radius:12px;font-size:21px}
#shop-tab #shop-tokens-display{font-size:24px}
#shop-tab .shop-timer{flex:1 1 130px;padding:8px 10px}
#shop-tab .shop-jump{flex:1 1 100%;flex-direction:row;gap:4px;padding:8px 0 0;overflow-x:auto;scrollbar-width:none}
#shop-tab .shop-jump::-webkit-scrollbar{display:none}
#shop-tab .shop-jump-btn{width:auto;flex:none;padding:8px 13px 8px 30px;white-space:nowrap;background-position:-4px 50%}
#shop-tab .shop-section{margin-bottom:40px;scroll-margin-top:calc(var(--bar-h,100px) + 12px)}
#shop-tab .shop-section-head{flex-direction:column;align-items:flex-start;gap:8px}
#shop-tab .ultra-card{grid-template-columns:minmax(0,1fr);gap:26px;padding:24px 16px;border-radius:18px}
}
@media(max-width:600px){
#shop-tab .shop-extra-grid,#shop-tab .shop-pass-grid{grid-template-columns:minmax(0,1fr)}
#shop-tab .shop-code-box{grid-template-columns:minmax(0,1fr)}
#shop-tab .shop-code-btn{width:100%}
#shop-tab .ultra-card-title{font-size:23px;letter-spacing:2px}
#shop-tab .ultra-card-icon{width:64px;height:64px;border-radius:19px}
#shop-tab .shop-section-head h3{font-size:19px;letter-spacing:2.4px}
}
@media(prefers-reduced-motion:reduce){#shop-tab *,#shop-tab *::before{transition:none!important;animation:none!important}}
/* =========================================================
GLOBAL LAYER CARDS
========================================================= */
.layer-card{position:relative;overflow:hidden;width:100%;max-width:380px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:20px 18px 19px;border-radius:16px;border:1px solid var(--ui-line,#64748b48);background:radial-gradient(circle at 50% -22%,var(--ui-soft,#64748b18),transparent 60%),linear-gradient(180deg,#0a0d14,#05070b 74%);box-shadow:0 14px 30px #000a,inset 0 1px #ffffff0a}.layer-card:before{content:"";position:absolute;top:0;left:26%;right:26%;height:2px;border-radius:0 0 6px 6px;background:var(--ui-accent,#64748b);box-shadow:0 0 14px var(--ui-accent,#64748b)}.layer-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px)}.layer-card>*{position:relative;z-index:1}.layer-card-top{display:flex;align-items:center;justify-content:center;gap:9px}.layer-card-name{font-size:19px;font-weight:900;letter-spacing:3px;text-transform:uppercase;margin:0;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent,#64748b) 45%,#fff),var(--ui-accent,#64748b) 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.layer-card-seal{flex:none;padding:3px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--ui-accent,#64748b) 42%,transparent);background:color-mix(in srgb,var(--ui-accent,#64748b) 14%,transparent);color:color-mix(in srgb,var(--ui-accent,#64748b) 70%,#fff)}.layer-card-info{background:#0000002e;border:1px solid var(--ui-line,#64748b30);border-radius:9px;padding:9px 11px;font-size:11px;color:#dbe3ea;line-height:1.45}.layer-card-note{font-size:11px;color:#9aa7b5;margin:0}.layer-card-note:empty.layer-card-divider{width:100%;height:1px;margin:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ui-accent,#64748b) 55%,transparent) 50%,transparent)}.layer-card-level{display:flex;flex-direction:column;align-items:center;gap:3px}.layer-card-value{font-size:40px;font-weight:900;line-height:.95;margin:0;word-break:break-word;color:color-mix(in srgb,var(--ui-accent,#64748b) 62%,#fff);text-shadow:0 0 22px color-mix(in srgb,var(--ui-accent,#64748b) 42%,transparent)}.layer-card-label{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:color-mix(in srgb,var(--ui-accent,#64748b) 65%,#94a3b8);margin:0}.layer-card-status{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:color-mix(in srgb,var(--ui-accent,#64748b) 65%,#94a3b8)}.layer-card-status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:secret-beat 2.2s ease-in-out infinite}.layer-card-boost{font-size:22px;font-weight:900;color:color-mix(in srgb,var(--ui-accent,#64748b) 62%,#fff);margin:0;text-shadow:0 0 14px color-mix(in srgb,var(--ui-accent,#64748b) 35%,transparent)}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:980px){
#dungeons-tab .ascender-container{grid-template-columns:1fr!important}
#stats-tab .profile-layout{grid-template-columns:1fr!important}
#stats-tab .profile-side{min-height:300px!important}
#stats-tab .profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
#dungeons-tab .ascender-container{grid-template-columns:1fr!important}
#stats-tab .profile-layout,.info-layout{grid-template-columns:1fr!important}
.profile-layout{display:grid!important}
.challenges-list{grid-template-columns:1fr!important}
}

@media(max-width:768px){
.boosts-board,.altar-info-box,.tree-controls,.rune-sidebar{width:100%!important}
.rune-layout,.altar-container{flex-direction:column!important}
.rune-sidebar{flex:none!important;flex-direction:row!important;flex-wrap:wrap;max-height:none!important}
.rune-sidebar .rune-category-btn{flex:1 1 auto;min-width:110px}
.rune-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:420px!important}
.altar-container{gap:15px}
.tree-controls{padding:0 15px}
.secret-card{flex:0 0 80%;width:80%;min-height:0}
.secrets-carousel{justify-content:flex-start;gap:14px}
.secrets-subnav-btn{max-width:none;font-size:10px;padding:9px 4px}
.profile-layout,.info-layout{grid-template-columns:1fr!important}
.profile-side{max-width:100%}
:is(#info-tab,#updates-tab) .info-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
:is(#info-tab,#updates-tab) .info-sidebar::before{grid-column:1/-1}
:is(#info-tab,#updates-tab) .info-nav-btn{width:100%;text-align:center}
.challenges-wrap{padding:4px 6px 18px!important}
#ticket-tree-container,#ticket-tree-nodes{min-height:600px}
.ticket-node{width:145px}
#currency-bar{gap:8px;padding:5px 8px}
#currency-bar .currency{min-width:78px;max-width:calc(100vw - 16px);min-height:44px;padding:5px 10px}
#currency-bar .currency>span:first-of-type{font-size:14px!important}
#currency-bar .currency>span:last-of-type{font-size:12px!important}
#tab-buttons{gap:4px;padding:5px 9px}
#tab-buttons .tab-btn{height:28px;padding:0 11px;font-size:8px;letter-spacing:.5px}
.ascender-container>.boosts-board,.flame-altar-card,#ap-tab .flame-altar-card,#power-tab .flame-altar-card{max-width:calc(100vw - 28px)!important}
#dungeons-tab .ascender-container{gap:8px!important}
}

@media(max-width:760px){
.info-layout{grid-template-columns:1fr!important}
.info-sidebar{min-height:0!important}
}

@media(max-width:640px){
.sphere-milestones-container{max-height:520px!important}
.sphere-ms-grid{grid-template-columns:1fr;gap:10px}
.sphere-ms-card{min-height:165px;padding:13px}
.sphere-page{padding:2px 2px 20px}
.sphere-panel{padding:14px}
.sphere-title{font-size:21px}
.sphere-rate{font-size:25px}
.sphere-machine-icon{display:none}
#stats-tab .profile-stats-grid{grid-template-columns:1fr 1fr!important}
.flame-altar-btn{min-width:145px!important}
.layer-card{padding:17px 14px 16px;border-radius:14px;max-width:100%}
.layer-card-value{font-size:32px}.layer-card-name{font-size:16px;letter-spacing:2px}
}

@media(max-width:600px){
:is(#info-tab,#updates-tab,#secrets-tab) .info-page{padding:4px 5px 20px}
:is(#info-tab,#updates-tab,#secrets-tab) .info-header{padding:16px 12px 15px;border-radius:13px}
:is(#info-tab,#updates-tab,#secrets-tab) .info-title{font-size:27px;letter-spacing:3px}
:is(#info-tab,#updates-tab,#secrets-tab) .info-subtitle{font-size:9px}
:is(#info-tab,#updates-tab) .info-content{padding:16px 12px 20px;min-height:0}
:is(#info-tab,#updates-tab) .info-section-title{font-size:22px}
:is(#info-tab,#updates-tab) .info-text{font-size:11px;line-height:1.72}
:is(#info-tab,#updates-tab) .info-text p{padding:10px 10px 10px 12px}
:is(#info-tab,#updates-tab) .info-content th,:is(#info-tab,#updates-tab) .info-content td{font-size:9px;padding:7px}
.profile-stats-grid{grid-template-columns:1fr}
.sphere-ms-grid{grid-template-columns:1fr}
.challenge-card{padding:15px!important}
}

@media(max-width:500px){
#stats-tab .profile-header{flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important}
#stats-tab .profile-header>div{width:100%!important;text-align:center!important}
#stats-tab .profile-header-title{font-size:26px!important;letter-spacing:3px!important}
.profile-stats-grid{grid-template-columns:1fr!important}
.info-title{font-size:29px}
#currency-bar{gap:7px;padding:5px 6px}
#currency-bar .currency{min-width:72px;max-width:calc(100vw - 12px);min-height:42px;padding:5px 8px}
#currency-bar .currency>span:first-of-type{font-size:13px!important}
#currency-bar .currency>span:last-of-type{font-size:11px!important}
#tab-buttons .tab-btn{height:27px;padding:0 10px;font-size:7.5px}
.ticket-title{font-size:22px}.ticket-node{width:130px}
#dungeons-tab .flame-altar-card,#dungeons-tab #sword-upgrade-panel{min-height:350px!important;padding:16px!important}
}

@media(max-width:430px){
.challenge-head{display:block}
.challenge-title-wrap{width:100%;text-align:center}
.challenge-number,.challenge-name,.challenge-goal{text-align:center}
.challenge-status,.challenge-complete-tag{display:inline-flex;max-width:100%;margin-top:8px}
}

@media(max-width:400px){
#stats-tab .profile-stats-grid{grid-template-columns:1fr!important}
}

@media(max-width:390px){
:is(#info-tab,#updates-tab) .info-sidebar{grid-template-columns:1fr}
:is(#info-tab,#updates-tab) .info-nav-btn{text-align:center}
}

@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.secret-card-status.ready:before,.layer-card-status:before
.challenge-card:hover,#stats-tab .profile-stat-card:hover,#stats-tab .profile-rune-row:hover{transform:none!important}
.sphere-machine-btn:hover:not(:disabled){transform:none}
.secret-card-meter span{transition:none}
}

@supports(text-wrap:balance){
.profile-header-title,.profile-header-sub,.info-section-title,.challenge-name,:is(#info-tab,#updates-tab,#secrets-tab) .info-subtitle{text-wrap:balance}
}

@supports(content-visibility:auto){
.secret-card,.challenge-card{content-visibility:auto;contain-intrinsic-size:auto 180px}
}

@supports(overflow:clip){html,body{overflow-x:clip}}

/* =========================================================
SETTINGS — PROFILE-STYLE LAYOUT
Header box + separate panels + individual cards (same look as Profile).
Class names unchanged, CSS only.
========================================================= */
#settings-tab{--p-border:#94a3b84d;--p-soft:#94a3b814}
#settings-tab .flame-altar-card{max-width:760px!important;width:100%!important;margin:0 auto!important;padding:7px 10px 24px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
#settings-tab .flame-altar-card:before,#settings-tab .flame-altar-card:after{content:none!important;display:none!important}

/* header: same box as the profile header */
#settings-tab .settings-panel-title{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 13px;padding:17px 17px 16px;border:1px solid var(--p-border);border-radius:15px;background:radial-gradient(circle at 8% -60%,#94a3b816,transparent 42%),linear-gradient(180deg,#0c1119,#05070b);box-shadow:0 11px 25px #0009,inset 0 1px #ffffff07;font-size:31px;font-weight:1000;letter-spacing:4px;line-height:1;color:#e2e8f0;text-shadow:0 0 17px #94a3b838;text-align:center;text-transform:uppercase}
#settings-tab .settings-panel-title:after{content:"";position:absolute;top:0;left:50%;bottom:auto;width:90px;height:2px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,var(--ui-accent),transparent);box-shadow:0 0 12px var(--ui-accent)}

/* each section = its own panel */
#settings-tab .settings-section{position:relative;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:0 0 13px;padding:15px;border:1px solid var(--p-border);border-radius:15px;background:radial-gradient(circle at 50% -20%,var(--p-soft),transparent 48%),linear-gradient(180deg,#0b1018,#04060a 76%);box-shadow:0 12px 27px #000a,inset 0 1px #ffffff07}
#settings-tab .settings-section:last-of-type{margin-bottom:13px}
#settings-tab .settings-section>:is(.settings-section-label,.settings-curr-hint,.settings-reset-note,.settings-reset-btn,.settings-curr-grid){grid-column:1/-1}
#settings-tab .settings-section-label{margin:0 2px 4px;font-size:9px;letter-spacing:1.8px;color:#8fa3b8}

/* rows = separate cards, like the profile stat/rune cards */
#settings-tab .setting-item{box-sizing:border-box;min-height:64px;margin:0;padding:11px 13px;border:1px solid #ffffff0d;border-radius:11px;background:#ffffff05;box-shadow:0 7px 16px #0006,inset 0 1px #ffffff05;transition:transform .12s cubic-bezier(.22,.61,.36,1),border-color .12s,background .12s,box-shadow .12s}
#settings-tab .setting-item:hover{transform:translateY(-2px);border-color:#94a3b866;background:#94a3b80a;box-shadow:0 10px 21px #000a}
#settings-tab .setting-item-name{font-size:12.5px;font-weight:1000;letter-spacing:.4px}
#settings-tab .setting-item-desc{font-size:10.5px}

/* currency chips */
#settings-tab .setting-curr{border:1px solid #ffffff0d;border-radius:11px;background:#ffffff05;transition:transform .12s ease,border-color .12s ease,background .12s ease}
#settings-tab .setting-curr:hover{transform:translateY(-1px);border-color:#94a3b866;background:#94a3b80a}

/* danger zone as a red panel instead of a dashed divider */
#settings-tab .settings-section:has(.settings-reset-btn){margin-top:0;padding:15px;border:1px solid #ef444455;background:radial-gradient(circle at 50% -20%,#ef44441a,transparent 48%),linear-gradient(180deg,#140a0c,#07040a 76%)}
#settings-tab .settings-reset-btn{border-radius:11px}

@media(max-width:520px){
#settings-tab .flame-altar-card{padding:7px 4px 20px!important}
#settings-tab .settings-panel-title{font-size:26px;letter-spacing:3px;padding:15px 12px}
#settings-tab .settings-section{grid-template-columns:1fr;padding:12px}
}
@media(prefers-reduced-motion:reduce){
#settings-tab .setting-item:hover,#settings-tab .setting-curr:hover{transform:none}
}


/* =========================================================
SETTINGS — TWO-COLUMN OPTIONS LAYOUT (rows stacked per column)
========================================================= */
#settings-tab .flame-altar-card{max-width:940px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}
#settings-tab .flame-altar-card>.settings-panel-title{grid-column:1/-1;margin:0}
#settings-tab .flame-altar-card>*:not(.settings-section):not(.settings-panel-title){grid-column:1/-1}
#settings-tab .settings-section{grid-template-columns:1fr!important;margin:0!important;gap:7px;align-content:start}
#settings-tab .settings-section:has(.settings-curr-grid),#settings-tab .settings-section:has(.settings-reset-btn){grid-column:1/-1}

/* column title like "GENERAL" / "GAME" */
#settings-tab .settings-section-label{justify-content:center;margin:0 0 6px;font-size:14px;letter-spacing:3px;color:#f1f5f9;text-shadow:0 0 12px #94a3b84d}
#settings-tab .settings-section-label:before,#settings-tab .settings-section-label:after{content:none;display:none}

/* compact rows with a coloured accent per row */
#settings-tab .setting-item{--rc:#94a3b8;min-height:50px;padding:8px 12px;border-color:color-mix(in srgb,var(--rc) 45%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 9%,transparent),#ffffff04)}
#settings-tab .setting-item:hover{border-color:var(--rc);background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 16%,transparent),#ffffff06)}
#settings-tab .setting-item-name{color:var(--rc);font-size:13px;letter-spacing:.8px;text-transform:uppercase}
#settings-tab .setting-item-desc{font-size:10px}
#settings-tab .setting-item:nth-child(6n+2){--rc:#22d3ee}
#settings-tab .setting-item:nth-child(6n+3){--rc:#f87171}
#settings-tab .setting-item:nth-child(6n+4){--rc:#4ade80}
#settings-tab .setting-item:nth-child(6n+5){--rc:#fbbf24}
#settings-tab .setting-item:nth-child(6n+6){--rc:#a3e635}
#settings-tab .setting-item:nth-child(6n+7){--rc:#38bdf8}

@media(max-width:680px){
#settings-tab .flame-altar-card{grid-template-columns:1fr}
#settings-tab .settings-section:has(.settings-curr-grid),#settings-tab .settings-section:has(.settings-reset-btn){grid-column:auto}
}


/* =========================================================
SETTINGS — ON/OFF BUTTONS (no switch knob) + SEPARATE COLUMN PANELS
========================================================= */
/* buttons: red Off / green On, centered text */
#settings-tab .setting-toggle-btn,#settings-tab .setting-curr .setting-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:78px;min-width:78px;height:30px;padding:0;border-radius:6px;font-size:12px;font-weight:900;letter-spacing:1.2px;line-height:1;text-transform:none;color:#fff;background:linear-gradient(180deg,#ef4444,#991b1b);border:1px solid #fca5a5aa;box-shadow:0 3px 8px #0009,inset 0 1px #ffffff40,inset 0 -2px #00000040;text-shadow:0 1px 2px #000a;transition:transform .12s cubic-bezier(.22,.61,.36,1),filter .12s ease,box-shadow .12s ease}
#settings-tab .setting-toggle-btn.is-on,#settings-tab .setting-curr .setting-toggle-btn.is-on{padding:0;justify-content:center;color:#fff;background:linear-gradient(180deg,#22c55e,#15803d);border-color:#86efacaa;box-shadow:0 3px 8px #0009,inset 0 1px #ffffff40,inset 0 -2px #00000040,0 0 10px #22c55e40}
#settings-tab .setting-toggle-btn::after,#settings-tab .setting-toggle-btn.is-on::after,#settings-tab .setting-curr .setting-toggle-btn::after,#settings-tab .setting-curr .setting-toggle-btn.is-on::after{content:none!important;display:none!important}
#settings-tab .setting-toggle-btn:hover,#settings-tab .setting-toggle-btn.is-on:hover{transform:translateY(-1px)!important;filter:brightness(1.12)!important;border-color:#fff}
#settings-tab .setting-toggle-btn:active{transform:translateY(1px) scale(.97)!important}
#settings-tab .setting-curr .setting-toggle-btn{width:58px;min-width:58px;height:26px;font-size:11px}

/* clearly separate column panels, each with its own title bar */
#settings-tab .flame-altar-card{gap:18px!important}
#settings-tab .settings-section{--sc:#22d3ee;overflow:visible;padding:0 14px 14px!important;gap:8px!important;border-color:color-mix(in srgb,var(--sc) 40%,transparent)!important;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--sc) 10%,transparent),transparent 50%),linear-gradient(180deg,#0b1018,#04060a 76%)!important}
#settings-tab .settings-section:nth-of-type(2n){--sc:#fbbf24}
#settings-tab .settings-section:has(.settings-curr-grid){--sc:#94a3b8}
#settings-tab .settings-section:has(.settings-reset-btn){--sc:#ef4444}
#settings-tab .settings-section-label{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% + 28px);margin:0 -14px 6px!important;padding:12px 10px 11px;overflow:visible;white-space:nowrap;border-bottom:1px solid color-mix(in srgb,var(--sc) 40%,transparent);border-radius:14px 14px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 16%,transparent),transparent);font-size:15px;font-weight:1000;letter-spacing:3px;line-height:1.2;color:#f8fafc;text-shadow:0 0 14px color-mix(in srgb,var(--sc) 55%,transparent)}
#settings-tab .settings-section:has(.settings-reset-btn) .settings-section-label{color:#fecaca}

/* =========================================================
SETTINGS — MERGE: both columns inside ONE panel
Only layout/containers change. Rows, colours, On/Off buttons,
labels and currency chips stay exactly as above.
========================================================= */
/* one shared card around everything */
#settings-tab .flame-altar-card{
  gap:0!important;
  max-width:940px!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  border:1px solid var(--p-border)!important;
  border-radius:15px!important;
  background:radial-gradient(circle at 50% -10%,#94a3b814,transparent 45%),linear-gradient(180deg,#0b1018,#04060a 76%)!important;
  box-shadow:0 12px 27px #000a,inset 0 1px #ffffff07!important;
}
/* title becomes the card header strip */
#settings-tab .settings-panel-title{
  border:0;border-bottom:1px solid var(--p-border);border-radius:0;
  background:none;box-shadow:none;margin:0;padding:18px 17px 16px;
}
#settings-tab .settings-panel-title:after{top:auto;bottom:-1px}
/* sections lose their own box and flow inside the shared card */
#settings-tab .settings-section{
  border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;
  padding:0 16px 16px!important;
}
/* label is a plain heading again, no cut-off bar */
#settings-tab .settings-section-label{
  width:auto!important;margin:0 0 8px!important;padding:16px 4px 11px;
  border-radius:0;background:none;
}
/* thin divider between the two columns */
#settings-tab .settings-panel-title+.settings-section{border-right:1px solid var(--p-border)!important}
/* full-width sections sit under the columns, separated by a line */
#settings-tab .settings-section:has(.settings-curr-grid),
#settings-tab .settings-section:has(.settings-reset-btn){
  border-top:1px solid var(--p-border)!important;
  padding:0 16px 18px!important;
}
#settings-tab .settings-section:has(.settings-reset-btn){background:linear-gradient(180deg,transparent,#ef44440d)!important;border-top-color:#ef444455!important}

@media(max-width:680px){
  #settings-tab .settings-panel-title+.settings-section{border-right:0!important;border-bottom:1px solid var(--p-border)!important}
}
/* ===== Shop polish ===== */
/* codes: full width, same rhythm as the other sections */
#shop-tab .shop-code-box{max-width:none}
/* gamepass perks: one tidy chip per effect */
#shop-tab .gp-desc{gap:7px;margin-top:14px}
#shop-tab .gp-perk{white-space:normal;line-height:1.25}
/* gamepass cards: soft color wash behind the icon */
#shop-tab .gamepass-card::selection{background:transparent}
#shop-tab .gamepass-card{background-image:radial-gradient(120% 70% at 0 0,color-mix(in srgb,var(--gp) 14%,transparent),transparent 60%),var(--sheen)}
#shop-tab .gamepass-card.is-owned{background-image:radial-gradient(120% 70% at 0 0,#22c55e1c,transparent 60%),var(--sheen)}
/* potion bundle: keep label and price on one line like every other buy button */
#shop-tab .shop-potion-row .shop-extra-btn{min-height:54px}

/* mobile: the token bar was wider than the page (timer + nav clipped) */
@media(max-width:900px){
#shop-tab .shop-page{align-items:stretch}
#shop-tab .shop-bar{width:100%;box-sizing:border-box;min-width:0}
#shop-tab .shop-wallet{flex:0 1 auto}
#shop-tab .shop-timer{flex:1 1 120px;min-width:0}
#shop-tab .shop-jump{min-width:0;width:100%}
}
/* phones: two gamepass cards per row instead of a very long single column */
@media(max-width:600px){
#shop-tab .shop-pass-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shop-tab .gamepass-card{padding:16px 12px 12px;gap:12px;border-radius:14px}
#shop-tab .gp-icon-wrapper{width:48px;height:48px;border-radius:13px}
#shop-tab .gp-icon{width:32px;height:32px}
#shop-tab .gp-title{font-size:13px;letter-spacing:.8px}
#shop-tab .gp-perk{font-size:10.5px;padding:3px 8px}
#shop-tab .gp-buy-btn{min-height:42px;padding:6px 8px;font-size:13px}
}

/* Auto Open + View Rune Inventory buttons (rune-button look, with color) */
#auto-open-rune-btn,#toggle-rune-inv-btn{
  --ac:#10b981;--ac-text:#6ee7b7;
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;min-height:54px!important;padding:15px 22px!important;
  border:1.5px solid color-mix(in srgb,var(--ac) 55%,transparent)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 26%,transparent),color-mix(in srgb,var(--ac) 8%,transparent))!important;
  color:var(--ac-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.3)!important;
  font:900 15px/1 Montserrat,system-ui,sans-serif!important;letter-spacing:1px!important;
  text-transform:none!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;cursor:pointer;
  transition:transform .12s cubic-bezier(.22,.61,.36,1),filter .12s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important}
#toggle-rune-inv-btn{--ac:#38bdf8;--ac-text:#7dd3fc}
#auto-open-rune-btn:hover:not(.active),#toggle-rune-inv-btn:hover{
  border-color:var(--ac)!important;filter:brightness(1.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 16px color-mix(in srgb,var(--ac) 35%,transparent),0 6px 16px rgba(0,0,0,.3)!important}
#auto-open-rune-btn:active,#toggle-rune-inv-btn:active{transform:scale(.98);filter:brightness(.92)}
#auto-open-rune-btn.active{
  border-color:#34d399!important;color:#fff!important;
  background:linear-gradient(180deg,rgba(16,185,129,.55),rgba(5,150,105,.28))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(52,211,153,.45),0 6px 16px rgba(0,0,0,.3)!important}
@media(max-width:700px){#auto-open-rune-btn,#toggle-rune-inv-btn{min-height:50px!important;font-size:14px!important}}