:root{--bg1: #140a24;--bg2: #070311;--accent: #a855f7;--accent2: #c084fc;--glow: rgba(168, 85, 247, .55);--ink: #ece7fb;--muted: #9d92c4;--panel: rgba(20, 14, 38, .55);--panel-solid: #150e28;--border: rgba(168, 85, 247, .22);--good: #34d399;--bad: #fb7185;--gold: #fbbf24;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg2);-webkit-font-smoothing:antialiased;user-select:none;-webkit-tap-highlight-color:transparent}#bg-canvas,#fx-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}#fx-canvas{z-index:2;pointer-events:none}#app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:linear-gradient(180deg,#0a0714bf,#0a071440);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-weight:800;font-size:18px;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;text-shadow:0 0 20px var(--glow)}.resources{display:flex;gap:18px;flex:1;flex-wrap:wrap}.res{display:flex;flex-direction:column;line-height:1.1}.res-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.res-val{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.res-val.mana{color:var(--accent2);text-shadow:0 0 14px var(--glow);font-size:20px}.res-val.essence{color:var(--gold)}.top-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;transition:transform .1s,background .2s,box-shadow .2s}.icon-btn:hover{background:#a855f72e;box-shadow:0 0 16px var(--glow)}.icon-btn:active{transform:scale(.92)}.stage{flex:1;display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,460px);gap:18px;padding:18px;min-height:0}.left-col{display:flex;flex-direction:column;gap:16px;min-height:0}.right-col{display:flex;flex-direction:column;min-height:0}.realm-banner{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 16px;backdrop-filter:blur(8px)}.realm-name{font-weight:700;font-size:15px}.realm-sub{font-size:12px;color:var(--muted);margin-top:2px}.progress{margin-top:10px;height:8px;border-radius:6px;background:#ffffff14;overflow:hidden}.progress-bar{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 12px var(--glow);transition:width .2s ease}.progress-label{font-size:11px;color:var(--muted);margin-top:4px}.core-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}.core-btn{position:relative;width:min(46vh,340px);height:min(46vh,340px);border:none;background:none;cursor:pointer;filter:drop-shadow(0 0 30px var(--glow));transition:transform .08s ease}.core-btn:active{transform:scale(.96)}.core-btn.pop{animation:corePop .18s ease}@keyframes corePop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.core-emblem{width:100%;height:100%;display:block}.core-pulse{animation:pulse 3s ease-in-out infinite;transform-origin:center}.core-rot-slow,.core-rot-rev{transform-box:view-box;transform-origin:100px 100px}.core-rot-slow{animation:spin 40s linear infinite}.core-rot-rev{animation:spin 60s linear infinite reverse}@keyframes pulse{0%,to{opacity:.92}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.click-info{text-align:center}.click-info b{color:var(--accent2)}.click-hint{font-size:12px;color:var(--muted)}.ascension-card{background:linear-gradient(180deg,#1e1437b3,#0f0a1e99);border:1px solid var(--border);border-radius:14px;padding:14px 16px;backdrop-filter:blur(8px)}.ascension-card h3{margin:0 0 4px;font-size:14px}.ascension-card .sub{font-size:12px;color:var(--muted);margin-bottom:10px}.ascension-card .gain{color:var(--gold);font-weight:700}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(10px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;padding:12px 6px;text-align:center;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border:none;background:none;transition:color .2s,background .2s;position:relative}.tab:hover,.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 10px var(--glow)}.tab .badge{display:inline-block;min-width:16px;padding:0 4px;margin-left:4px;font-size:10px;border-radius:8px;background:var(--accent);color:#fff}.panel-body{overflow-y:auto;padding:10px;flex:1;scrollbar-width:thin}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.shop-item{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid transparent;margin-bottom:8px;background:#ffffff08;cursor:pointer;transition:transform .08s,border-color .2s,background .2s}.shop-item:hover{background:#a855f71a}.shop-item:active{transform:scale(.99)}.shop-item.affordable{border-color:var(--border)}.shop-item.affordable .shop-cost{color:var(--good)}.shop-item.cant{opacity:.55}.shop-item.cant .shop-cost{color:var(--bad)}.shop-item.maxed{opacity:.8;cursor:default}.shop-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#a855f71f;color:var(--accent2);box-shadow:inset 0 0 10px #a855f726}.shop-ico .icon{filter:drop-shadow(0 0 4px var(--glow))}.ico-anim .icon{transform-origin:center;will-change:transform}@keyframes charBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes charFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}@keyframes charSpin{to{transform:rotate(360deg)}}@keyframes charPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}@keyframes charSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.ico-apprenti .icon{animation:charBob 2.4s ease-in-out infinite}.ico-familier .icon{animation:charFloat 3s ease-in-out infinite}.ico-rune .icon{animation:charSpin 14s linear infinite}.ico-autel .icon{animation:charPulse 2.8s ease-in-out infinite}.ico-sanctuaire .icon{animation:charSway 3.6s ease-in-out infinite}.ico-nexus .icon{animation:charSpin 9s linear infinite}.shop-item.bought{animation:buyPop .4s ease}@keyframes buyPop{0%{transform:scale(1)}35%{transform:scale(1.03);border-color:var(--accent);box-shadow:0 0 22px var(--glow)}to{transform:scale(1)}}.shop-item.bought .shop-ico{animation:icoPop .4s ease}@keyframes icoPop{0%{transform:scale(1)}40%{transform:scale(1.28) rotate(-6deg)}to{transform:scale(1)}}.shop-info{min-width:0}.shop-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.shop-name .owned{color:var(--accent2);font-variant-numeric:tabular-nums}.shop-desc{font-size:11.5px;color:var(--muted);margin-top:2px}.shop-right{text-align:right;white-space:nowrap}.shop-cost{font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.shop-each{font-size:10px;color:var(--muted)}.buy-qty{display:flex;gap:4px;padding:8px 10px}.qty-btn{flex:1;padding:6px;font-size:12px;font-weight:700;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer}.qty-btn.active{color:var(--ink);background:#a855f733;border-color:var(--accent)}.empty-hint{color:var(--muted);font-size:13px;text-align:center;padding:24px 12px}.sleep-hint{font-size:12.5px;line-height:1.5;color:var(--accent2);background:#a855f71a;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.ach{text-align:center;padding:12px 6px;border-radius:12px;background:#ffffff08;border:1px solid transparent;opacity:.4;filter:grayscale(1)}.ach.on{opacity:1;filter:none;border-color:var(--border);background:#a855f714}.ach .icon{color:var(--gold)}.ach-name{font-size:11px;font-weight:700;margin-top:6px}.ach-desc{font-size:10px;color:var(--muted);margin-top:2px}.btn{border:1px solid var(--border);background:#ffffff0a;color:var(--ink);padding:10px 16px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .08s,box-shadow .2s,background .2s}.btn:hover{box-shadow:0 0 16px var(--glow)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#fff;box-shadow:0 0 20px var(--glow)}.btn-danger{border-color:var(--bad);color:var(--bad)}.btn-block{width:100%}.modal-overlay{position:fixed;inset:0;z-index:20;background:#05030cb3;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(560px,100%);max-height:85vh;overflow-y:auto;background:linear-gradient(180deg,#1c1334f2,#0e091cf7);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 20px 80px #0009,0 0 40px var(--glow);animation:pop .25s ease}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-title{font-size:20px;font-weight:800;margin:0}.modal-title.gold{color:var(--gold)}.modal p{color:var(--muted);line-height:1.5;font-size:14px}.modal .lore{color:var(--ink);font-style:italic;line-height:1.6}.modal-actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-end;flex-wrap:wrap}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0000004d;color:var(--ink);font-size:14px;font-family:inherit}.field-label{font-size:12px;color:var(--muted);margin:12px 0 6px}.lb-status{font-size:12px;margin-bottom:12px}.lb-status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.lb-status .dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.lb-status .dot.off{background:var(--bad)}.lb-list{display:flex;flex-direction:column;gap:4px}.lb-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:#ffffff08}.lb-row.me{background:#a855f72e;border:1px solid var(--accent)}.lb-rank{font-weight:800;color:var(--muted);text-align:center}.lb-row:nth-child(1) .lb-rank{color:var(--gold)}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-meta{font-size:11px;color:var(--muted)}.lb-score{font-weight:800;color:var(--accent2);font-variant-numeric:tabular-nums}.boss-overlay{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at 50% 40%,#0003,#030108d9);animation:fadeIn .3s ease}.boss-title{text-align:center}.boss-title .who{font-size:30px;font-weight:900;text-shadow:0 0 30px var(--glow)}.boss-title .what{font-size:14px;color:var(--muted);font-style:italic}.boss-seal{width:min(50vh,360px);height:min(50vh,360px);border-radius:50%;border:3px solid var(--accent);background:radial-gradient(circle,rgba(168,85,247,.25),transparent 70%);cursor:pointer;display:grid;place-items:center;box-shadow:0 0 50px var(--glow);transition:transform .06s;position:relative}.boss-seal:active{transform:scale(.95)}.boss-seal .icon{width:40%;height:40%;color:var(--accent2)}.boss-bar-wrap{width:min(80vw,420px)}.boss-bar{height:16px;border-radius:10px;background:#ffffff1a;overflow:hidden}.boss-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 16px var(--glow);width:0%}.boss-timer{text-align:center;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:6px}.boss-hint{text-align:center;color:var(--muted);font-size:13px}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:linear-gradient(90deg,#1e1437f2,#140d28f2);border:1px solid var(--accent);box-shadow:0 6px 30px #00000080,0 0 20px var(--glow);animation:toastIn .3s ease,toastOut .4s ease 3.1s forwards}.toast .icon{color:var(--gold)}.toast .t-title{font-weight:800;font-size:13px}.toast .t-sub{font-size:11px;color:var(--muted)}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}}@keyframes toastOut{to{transform:translateY(20px);opacity:0}}.aura{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 52%,var(--glow) 130%);opacity:var(--aura-op, .16);animation:auraBreath 6s ease-in-out infinite;transition:opacity 1.4s ease;will-change:filter}@keyframes auraBreath{0%,to{filter:brightness(.8)}50%{filter:brightness(1.3)}}.screen-flash{position:fixed;inset:0;z-index:13;pointer-events:none;opacity:0}.screen-flash.go{animation:screenFlash var(--dur, .7s) ease-out forwards}@keyframes screenFlash{0%{opacity:0}12%{opacity:var(--peak, .5)}to{opacity:0}}.core-rays{transform-box:view-box;transform-origin:100px 100px;animation:spin 26s linear infinite;opacity:var(--rays-op, 0);transition:opacity 1.4s ease}.core-orbit{transform-box:view-box;transform-origin:100px 100px;animation:spin 34s linear infinite}.shop-item{position:relative;overflow:hidden}.shop-item:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skew(-18deg);opacity:0;pointer-events:none}.shop-item:hover:after{animation:shine .7s ease}@keyframes shine{0%{left:-60%;opacity:0}30%{opacity:1}to{left:130%;opacity:0}}@media(max-width:860px){html,body{overflow:auto}#app{height:auto;min-height:100%}.stage{grid-template-columns:1fr;padding:12px}.right-col{height:70vh}.core-btn{width:min(60vw,280px);height:min(60vw,280px)}.resources{gap:12px}.res-val.mana{font-size:17px}}@media(prefers-reduced-motion:reduce){.core-pulse,.core-rot-slow,.core-rot-rev{animation:none!important}.toast{animation:none}.ico-anim .icon,.shop-item.bought,.shop-item.bought .shop-ico,.aura,.core-rays,.core-orbit{animation:none!important}.shop-item:hover:after{animation:none!important}}.reduce-motion .core-pulse,.reduce-motion .core-rot-slow,.reduce-motion .core-rot-rev,.reduce-motion .ico-anim .icon,.reduce-motion .shop-item.bought,.reduce-motion .shop-item.bought .shop-ico,.reduce-motion .aura,.reduce-motion .core-rays,.reduce-motion .core-orbit{animation:none!important}.reduce-motion .shop-item:hover:after{animation:none!important}