*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--hp: #e5484d;--hp-bg: #3a1416;--xp: #4cc3ff;--xp-bg: #102a3a;--void: #7c4dff;--panel: rgba(10, 12, 20, .86);--panel-border: rgba(124, 77, 255, .35);--text: #e7e9f0;--text-dim: #9aa0b4;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--void-bright: #9b7bff;--cyan: #36e4ff;--surface-1: rgba(10, 11, 24, .94);--surface-2: rgba(20, 17, 43, .88);--edge-glow: rgba(77, 220, 255, .24);--ui-scale: 1;--touch-size: 56px;--hud-gap: 8px;--safe-top: 0px;--safe-right: 0px;--safe-bottom: 0px;--safe-left: 0px;--fs-caption: clamp(9px, 2.6vw, 12px);--fs-body: clamp(12px, 3.4vw, 15px);--fs-label: clamp(11px, 3vw, 14px);--fs-heading: clamp(18px, 5vw, 24px);--fs-display: clamp(26px, 8vw, 40px)}html,body{width:100%;height:100%;overflow:hidden;background:#05060a;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);color:var(--text);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0}#game-root,#game-root canvas{position:absolute;inset:0;display:block}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root button{pointer-events:auto}.hud{position:absolute;inset:0;pointer-events:none;z-index:15}.hud-topleft{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px;min-width:min(260px,55vw);max-width:60vw}.hud-level{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;letter-spacing:.5px}.hud-level .lv-badge{background:linear-gradient(135deg,var(--void),#4a2bb0);color:#fff;border-radius:6px;padding:2px 9px;font-size:13px;box-shadow:0 2px 8px #7c4dff66}.bar{position:relative;height:16px;border-radius:8px;overflow:hidden;background:var(--hp-bg);box-shadow:inset 0 0 0 1px #ffffff14}.bar>.fill{position:absolute;inset:0;transform-origin:left;transition:transform .12s ease-out}.bar>.label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bar.hp{background:var(--hp-bg)}.bar.hp>.fill{background:linear-gradient(90deg,#ff6b6f,var(--hp))}.hud-bottom{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(520px,56vw);display:flex;flex-direction:column;gap:4px;align-items:center}.hud-bottom .xp-label{font-size:10px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.bar.xp{width:100%;height:10px;background:var(--xp-bg)}.bar.xp>.fill{background:linear-gradient(90deg,#6fd2ff,var(--xp))}.hud-dash{display:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(83,48,175,.22),transparent 42%),linear-gradient(180deg,#03040cb8,#020309e6);backdrop-filter:blur(8px) saturate(1.2);pointer-events:auto;z-index:20}.panel{position:relative;isolation:isolate;background:linear-gradient(145deg,#1f193fe6,#080a18f5 58%),var(--panel);border:1px solid rgba(139,113,255,.48);border-radius:20px;padding:clamp(18px,5vw,32px) clamp(18px,6vw,36px);min-width:min(320px,88vw);max-width:94vw;text-align:center;box-shadow:0 28px 80px #000000b3,0 0 32px #6c46ff21,inset 0 1px #ffffff14;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(54,228,255,.08),transparent 32%,transparent 70%,rgba(155,123,255,.1))}.s-panel{width:min(420px,92vw);text-align:left}.s-panel .s-title{text-align:center}.menu-logo{display:flex;justify-content:center;margin-bottom:8px}.menu-logo svg{width:88px;height:88px;filter:drop-shadow(0 0 8px rgba(76,195,255,.4));animation:menuLogoGlow 3s ease-in-out infinite}@keyframes menuLogoGlow{0%,to{filter:drop-shadow(0 0 7px rgba(76,195,255,.35))}50%{filter:drop-shadow(0 0 15px rgba(124,77,255,.7))}}.panel h1{font-size:30px;letter-spacing:4px;margin-bottom:4px;text-shadow:0 0 24px rgba(54,228,255,.22)}.panel .slogan{color:#bba8ff;font-size:11px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:22px}.panel h2{font-size:22px;letter-spacing:2px;margin-bottom:20px}.menu-btns{display:flex;flex-direction:column;gap:10px}button.btn{position:relative;overflow:hidden;font-family:var(--font);font-size:14px;font-weight:800;letter-spacing:.5px;color:var(--text);background:linear-gradient(180deg,#2c274ecc,#121124e6);border:1px solid rgba(151,130,255,.38);border-radius:12px;min-height:46px;padding:11px 18px;cursor:pointer;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}button.btn:hover{transform:translateY(-1px);border-color:var(--void-bright);box-shadow:0 8px 22px #00000059,0 0 14px #7c4dff2e}button.btn:active{transform:translateY(1px) scale(.99)}button.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button.btn.primary{color:#070914;background:linear-gradient(110deg,#a98aff,#43ddff 78%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 25px #3aceff33,inset 0 1px #ffffff80}button.btn.primary:hover{filter:brightness(1.12) saturate(1.08);box-shadow:0 10px 30px #3aceff52,0 0 18px #8f6cff40}.death h2{color:var(--hp);font-size:34px}.death .sub{color:var(--text-dim);font-size:13px;margin-top:8px}.death-revive{margin-top:16px;width:100%;font-size:15px;padding:13px;background:linear-gradient(180deg,#38f5a0,#1f9d68);border-color:#8affc0;color:#04140c}.death-revive-note{color:var(--text-dim);font-size:11px;margin-top:6px}.ms-claim-row{display:flex;gap:8px}.ms-claim-row .ms-claim{flex:1}.ms-claim-ad{background:linear-gradient(180deg,#ffd54a,#c99a12);border-color:#ffe08a;color:#1a1200}.ad-item .dshop-cost{font-size:18px}.ad-sim{position:fixed;inset:0;z-index:120;background:#000000eb;display:flex;align-items:center;justify-content:center}.ad-sim-box{width:min(92vw,380px);background:#101322;border:1px solid rgba(255,213,74,.5);border-radius:16px;padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px}.ad-sim-tag{font-size:11px;letter-spacing:.16em;color:#ffd54a;text-transform:uppercase}.ad-sim-video{font-size:72px;padding:24px 0;background:#05060a;border-radius:12px}.ad-sim-count{font-weight:800;color:#eaf1ff}.ad-sim-place{font-size:11px;color:#6f7ba8}.settings-row{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:18px}.settings-row label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.settings-row select{font-family:var(--font);font-size:14px;color:var(--text);background:#12141f;border:1px solid var(--panel-border);border-radius:8px;padding:9px 12px;cursor:pointer}.controls-list{font-size:12px;color:var(--text-dim);text-align:left;line-height:1.9}.controls-list b{color:var(--text)}.controls-list .dev-note{margin-top:6px;font-size:10px;color:#5a6078;font-style:italic}.s-reset{width:100%;margin-bottom:12px;border-color:#e5484d66;color:#ff8a8d}.s-reset:hover{background:#e5484d26;border-color:var(--hp)}.s-confirm{background:#e5484d14;border:1px solid rgba(229,72,77,.3);border-radius:8px;padding:12px;margin-bottom:12px}.s-confirm-text{font-size:12px;color:#ffb3b5;margin-bottom:10px;line-height:1.4}.s-confirm-yes{background:#e5484d40;border-color:var(--hp)}.levelup{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:800;letter-spacing:6px;color:var(--void);text-shadow:0 0 24px rgba(124,77,255,.9);pointer-events:none;z-index:15;animation:levelup 1.6s ease-out forwards}@keyframes levelup{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}#app:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 50% 42%,#1a2868d9,#05081af2);mix-blend-mode:multiply;opacity:calc(var(--night, 0) * .62)}#app:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse 78% 62% at 50% 46%,#0000 55%,#04050c6b),linear-gradient(180deg,#08061438,#0000 22%)}.dmg-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:12}.dmg-number{position:absolute;font-weight:800;font-size:18px;will-change:transform,opacity;text-shadow:0 2px 4px rgba(0,0,0,.9);transform:translate(-50%,-50%)}.dmg-number.crit{font-size:26px;color:#ffe08a;letter-spacing:.02em;text-shadow:0 0 8px rgba(255,176,32,.9),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:1px rgba(180,90,0,.55)}.dmg-number.normal{color:#fff}.dmg-number.player{color:#ff8a8d}.dmg-number.blocked{color:#9fe6ff;font-size:16px;letter-spacing:.04em;text-shadow:0 0 8px rgba(76,195,255,.8),0 2px 4px rgba(0,0,0,.95)}.dmg-number.weak{color:#8fef9f;font-size:24px;text-shadow:0 0 10px rgba(80,240,130,.85),0 2px 4px rgba(0,0,0,.95)}.dmg-number.resisted{color:#9aa3bb;font-size:15px;opacity:.9}.dmg-number.gain{font-size:17px;font-weight:900;letter-spacing:.2px}.dmg-number.gain.hp{color:#ff7b8f;text-shadow:0 0 9px rgba(255,90,120,.8),0 2px 4px rgba(0,0,0,.95)}.dmg-number.gain.power{color:#ffd24a;text-shadow:0 0 9px rgba(255,200,60,.8),0 2px 4px rgba(0,0,0,.95)}.ehb-tags{display:flex;justify-content:center;gap:3px;margin-bottom:2px}.ehb-tag{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:4px;box-shadow:0 1px 3px #000000a6,inset 0 0 0 1px #ffffff47}.ehb-tag svg{width:11px;height:11px;display:block}.ehb-tag.red{background:linear-gradient(180deg,#ff6a68,#d92f3c)}.ehb-tag.amber{background:linear-gradient(180deg,#ffc24a,#f08a1a)}.ehb-tag.green{background:linear-gradient(180deg,#7bf39a,#2fc862)}.region-fade{position:absolute;inset:0;z-index:60;pointer-events:none;background:radial-gradient(circle at 50% 45%,#16324a,#05070d 80%);opacity:0;transition:opacity .26s ease}.region-fade.active{opacity:1}.php{position:absolute;left:0;top:0;width:104px;pointer-events:none;z-index:12;transition:opacity .2s ease}.php-bar{position:relative;height:15px;border-radius:8px;overflow:hidden;background:#0e060ceb;box-shadow:inset 0 0 0 1.5px #ffffff4d,0 2px 8px #0009}.php-fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(180deg,#7bf39a,#2fc862);transition:transform .12s linear}.php-fill.low{background:linear-gradient(180deg,#ff8a7a,#e5303c)}.php-num{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)}.ehb-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:11}.ehb{position:absolute;left:0;top:0;width:64px;will-change:transform,opacity;opacity:1;transition:opacity .28s ease}.ehb-off{opacity:0}.ehb-name{text-align:center;font-size:9px;font-weight:700;letter-spacing:.02em;color:#dcd2ff;text-shadow:0 1px 2px rgba(0,0,0,.95);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ehb-bar{position:relative;height:6px;border-radius:3px;overflow:hidden;background:#14080cd9;box-shadow:inset 0 0 0 1px #ffffff1f}.ehb-fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#ff8a5a,#e5484d);transition:transform .1s linear}.ehb-num{text-align:center;font-size:9px;font-weight:700;color:#ffd7d8;text-shadow:0 1px 2px rgba(0,0,0,.9);margin-top:1px}.ehb-elite{width:84px}.ehb-elite .ehb-bar{height:8px;box-shadow:inset 0 0 0 1px #ff506e99}.ehb-elite .ehb-fill{background:linear-gradient(90deg,#ff5a8a,#d61f4a)}.ehb-elite .ehb-name{color:#ffb3c7}.ehb-target .ehb-bar{box-shadow:inset 0 0 0 1px #ffd54ae6,0 0 6px #ffd54a80}.ehb-fill.ehb-regen{background:linear-gradient(90deg,#6ad2ff,#4c8cff);box-shadow:0 0 6px #6cd2ff99}@media(max-width:480px){.ehb-num{font-size:8px}}.debug{position:absolute;top:12px;right:12px;z-index:30;font-family:Consolas,monospace;font-size:11px;color:#8fef9f;background:#00000080;border:1px solid rgba(143,239,159,.25);border-radius:6px;padding:8px 10px;line-height:1.5;pointer-events:none;white-space:pre}.hud-res{display:flex;align-items:center;gap:12px;margin-top:2px}.hud-essence{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:13px;color:#c9b6ff}.hud-essence .ess-icon{color:#9d7bff}.hud-coins{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:13px;color:#ffd76a}.shop-panel{width:min(440px,94vw);text-align:left}.shop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.shop-head .shop-title{margin:0;font-size:22px;letter-spacing:2px}.shop-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.shop-coins{font-weight:800;font-size:16px;color:#ffd76a;text-shadow:0 0 8px rgba(255,215,106,.35)}.shop-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.shop-item{display:flex;align-items:center;gap:12px;padding:11px 12px;background:linear-gradient(100deg,#7c4dff24,#7c4dff0d);border:1px solid var(--panel-border);border-left:3px solid var(--void);border-radius:12px}.shop-ic{font-size:24px;width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,#7c4dff59,#0a0c1499);border:1px solid var(--panel-border);border-radius:12px}.shop-info{flex:1;min-width:0}.shop-name{font-weight:700;font-size:14px}.shop-desc{font-size:12px;color:var(--text-dim);line-height:1.25}.shop-item button.shop-buy{flex:none;white-space:nowrap;font-weight:800;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#ffd76a,#e0a63a);color:#2a1c05;border:none;box-shadow:0 2px 10px #ffd76a40}.shop-item button.shop-buy:disabled,.shop-item button.shop-buy.locked{background:#ffffff12;color:var(--text-dim);box-shadow:none;opacity:.85}.wd-swatch{width:52px;height:60px;border-radius:10px;flex:none;border:1px solid rgba(255,255,255,.16);background:radial-gradient(120% 90% at 50% 12%,#3c365a8c,#0a0a14e6);display:flex;align-items:center;justify-content:center;overflow:hidden}.wd-hunter{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.shop-item.wd-selected{border-color:var(--void);box-shadow:0 0 0 1px var(--void) inset}.altar-prompt{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:#7c4dff26;border:1px solid var(--void);color:#e0d4ff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;pointer-events:none;z-index:14}.altar-panel{width:min(440px,94vw);min-width:0;text-align:left}.altar-panel h2{text-align:center}.altar-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.altar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff08;border:1px solid rgba(124,77,255,.2);border-radius:8px;padding:10px 12px}.ar-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ar-buy{flex:none}.ar-name{font-weight:700;font-size:14px}.ar-lv{font-size:11px;color:var(--text-dim);font-weight:500}.ar-effect{font-size:12px;color:var(--text-dim)}.ar-buy{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ar-have{font-size:11px;color:var(--text-dim);font-family:Consolas,monospace}.ar-btn{font-size:13px;padding:7px 12px}.ar-btn:disabled{opacity:.4;cursor:not-allowed}.loot-feed{position:absolute;left:calc(10px + var(--safe-left, 0px));top:44%;display:flex;flex-direction:column;gap:5px;z-index:14;pointer-events:none;max-width:62vw}.loot-card{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#0c0f1ee6,#0c0f1e8c);border-left:3px solid var(--rc, #9aa0b4);border-radius:4px 9px 9px 4px;padding:5px 10px 5px 7px;box-shadow:0 3px 12px #00000080;animation:lootin .22s ease-out both,lootout .4s ease-in 2.2s both}.lt-ic{width:26px;height:26px;flex:0 0 26px}.lt-tx{display:flex;flex-direction:column;line-height:1.15;min-width:0}.lt-tx b{font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lt-tx i{font-size:10px;font-style:normal;color:var(--rc, #9aa0b4);font-weight:700;letter-spacing:.3px}.loot-note{font-size:11px;color:#bfc6dc;border-left-color:#5a6180;padding:4px 10px}@keyframes lootin{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes lootout{to{opacity:0;transform:translate(-12px)}}.loot-hero-layer{position:absolute;inset:0;z-index:21;pointer-events:none}.loot-hero{position:absolute;left:50%;top:calc(178px + var(--safe-top, 0px));transform:translate(-50%);min-width:190px;max-width:86vw;overflow:hidden;background:linear-gradient(160deg,#13172cf7,#0b0d1af2);border:2px solid var(--rc, #3d8bff);border-radius:14px;box-shadow:0 0 0 1px #00000080,0 10px 30px #0009,0 0 26px color-mix(in srgb,var(--rc) 45%,transparent);animation:lhin .34s cubic-bezier(.16,1.1,.4,1) both}.loot-hero.out{animation:lhout .26s ease-in both}.lh-ribbon{background:var(--rc, #3d8bff);color:#0b0d18;text-align:center;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;padding:3px 10px}.lh-body{display:flex;align-items:center;gap:11px;padding:10px 14px 11px}.lh-ic{width:46px;height:46px;flex:0 0 46px;filter:drop-shadow(0 0 6px var(--rc))}.lh-tx{display:flex;flex-direction:column;gap:2px;min-width:0}.lh-name{font-size:16px;font-weight:900;color:#fff;line-height:1.1}.lh-sub{font-size:10px;color:#9aa4c4;letter-spacing:.4px}.lh-attrs{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:3px}.lh-attr{font-size:10px;color:#b9c2dd}.lh-attr b{color:#8fef9f;font-weight:800}.lh-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);transform:translate(-120%);animation:lhshine 1.1s ease-out .24s 1 both}@keyframes lhin{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes lhout{to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.97)}}@keyframes lhshine{to{transform:translate(120%)}}.essence-toasts{position:absolute;left:50%;bottom:150px;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:2px;pointer-events:none;z-index:13}.essence-toast{font-weight:700;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.85);animation:esstoast 1.2s ease-out forwards}@keyframes esstoast{0%{opacity:0;transform:translateY(8px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.boss-hud{position:absolute;top:calc(84px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(620px,76vw);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:14}.boss-name{font-size:14px;font-weight:800;letter-spacing:3px;color:#e0c4ff;text-shadow:0 0 12px rgba(157,59,255,.7)}.bar.boss{width:100%;height:16px;background:#241030;border:1px solid rgba(157,59,255,.5)}.bar.boss>.fill{background:linear-gradient(90deg,#b06bff,#7c1fd6);transition:transform .15s ease-out}.bar.boss>.boss-hp-label{color:#f1eaff;font-size:10px;font-weight:800;letter-spacing:.25px}@media(min-width:700px){.boss-hud{top:calc(18px + env(safe-area-inset-top));width:min(620px,54vw)}}.boss-hud.rage .bar.boss{border-color:var(--hp)}.boss-hud.rage .bar.boss>.fill{background:linear-gradient(90deg,#ff6b6f,#d61f4a)}.boss-phase{font-size:12px;font-weight:700;letter-spacing:3px;color:#ff8a8d;min-height:14px}.boss-plates{font-size:15px;letter-spacing:6px;color:#8fe8ff;text-shadow:0 0 8px rgba(98,232,255,.8);min-height:16px;margin:1px 0}.boss-plates.broken{color:#4a5a72;text-shadow:none}.tbtn.hook.pulse{animation:hookPulse .7s ease-in-out infinite;border-color:#8fe8ff}@keyframes hookPulse{0%,to{box-shadow:0 0 #8fe8ff00;transform:scale(1)}50%{box-shadow:0 0 18px 4px #8fe8ffa6;transform:scale(1.06)}}html[data-stick=right] .tbtn.sprint,html[data-stick=right] .tbtn.spell{left:auto;right:calc(18px + env(safe-area-inset-right))}html[data-stick=right] .tbtn.hook,html[data-stick=right] .tbtn.interact{right:auto;left:calc(18px + env(safe-area-inset-left))}.banner{position:absolute;top:calc(var(--safe-top, 0px) + 96px);left:50%;transform:translate(-50%);max-width:90vw;text-align:center;pointer-events:none;z-index:16;font-weight:800;letter-spacing:.6px;line-height:1.25;padding:6px 15px;border-radius:999px;border:1px solid rgba(150,130,255,.5);background:#0c0f20db;box-shadow:0 5px 20px #0000008c;animation:banner 2.2s ease-out forwards}.banner-info{font-size:13px;color:#d7c8ff}.banner-danger{font-size:13px;color:#ff9a9c;border-color:#e5484da6;background:#280c10db}.banner-boss{font-size:15px;color:#f0dcff;border-color:#9d3bffcc;background:#1a0a2ce6;box-shadow:0 5px 22px #0009,0 0 18px #9d3bff59}@keyframes banner{0%{opacity:0;transform:translate(-50%) translateY(-10px)}12%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.touch-controls{position:absolute;inset:0;z-index:13;pointer-events:none;touch-action:none}.stick-zone{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 42px);width:190px;height:190px;pointer-events:auto;touch-action:none}.stick-base{position:absolute;left:50%;transform:translate(-50%);bottom:12px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#7c4dff24,#7c4dff0d 72%);border:3px solid rgba(160,140,255,.42);box-shadow:0 4px 20px #00000059,inset 0 0 22px #7c4dff1a;pointer-events:none;opacity:.5;transition:opacity .15s}.stick-base.active{opacity:.92;border-color:#beaaffb3}.stick-knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:2px solid rgba(214,198,255,.9);background:radial-gradient(circle at 42% 34%,#c4b0ffe6,#7c4dff9e 78%);box-shadow:0 4px 14px #00000073,0 0 20px #7c4dff8c,inset 0 2px 6px #ffffff40}.touch-buttons{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));height:calc(var(--touch-size) * 3.4);pointer-events:none}.tbtn.hook,.tbtn.sprint{width:calc(var(--touch-size) * 1.4);height:calc(var(--touch-size) * 1.4)}.tbtn.hook span svg,.tbtn.sprint span svg{width:calc(var(--touch-size) * .8);height:calc(var(--touch-size) * .8)}.tbtn{position:absolute;border-radius:50%;pointer-events:auto;touch-action:none;font-family:var(--font);font-weight:800;letter-spacing:1px;color:#e7e9f0;background:radial-gradient(circle at 50% 34%,#8c6ef047,#0e1222a8 78%);border:2px solid var(--panel-border);display:grid;place-items:center;overflow:hidden;user-select:none;backdrop-filter:blur(2px);box-shadow:0 6px 16px #00000080,inset 0 2px 6px #ffffff24,inset 0 -3px 8px #00000059;transition:transform .06s,background .1s,box-shadow .1s}.tbtn span{position:relative;z-index:2;font-size:13px}.tbtn.hook span{font-size:calc(var(--touch-size) * .62);line-height:1}.tbtn.sprint span{font-size:calc(var(--touch-size) * .5);font-weight:900;line-height:1}.tbtn.interact span{font-size:calc(var(--touch-size) * .44);line-height:1}.tbtn.pressed{transform:scale(.92);background:#7c4dff66;border-color:var(--void)}.tbtn .tcd{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1;background:conic-gradient(rgba(6,8,16,.66) calc(var(--cd, 0) * 360deg),transparent 0deg)}.tbtn.hook{right:calc(18px + env(safe-area-inset-right));left:auto;bottom:calc(var(--safe-bottom) + 20px);font-size:var(--fs-label);background:radial-gradient(circle at 50% 34%,#b496ff6b,#281a50b8 78%);border-color:#b496ffbf;box-shadow:0 6px 18px #00000080,0 0 20px #9d7bff66,inset 0 2px 8px #ffffff2e,inset 0 -4px 10px #0006}.tbtn.hook span{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.tbtn.hook.pressed{background:radial-gradient(circle at 50% 40%,#c8afff99,#3c286ecc);box-shadow:0 2px 8px #00000080,0 0 26px #9d7bff99,inset 0 2px 8px #fff3}.tbtn.hook.disabled{opacity:.4;filter:grayscale(.7);border-color:#9d7bff4d}.tbtn.hook.disabled.pressed{transform:none;background:#9d7bff2e}.tbtn.sprint{left:calc(18px + env(safe-area-inset-left));right:auto;bottom:calc(var(--safe-bottom) + 20px);font-size:var(--fs-caption);background:radial-gradient(circle at 50% 34%,#78d2ff5c,#0e283cb8 78%);border-color:#4cc3ffb3;box-shadow:0 6px 16px #00000080,0 0 16px #4cc3ff59,inset 0 2px 6px #ffffff29,inset 0 -3px 8px #00000059}.tbtn.sprint span{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.tbtn.sprint.pressed{background:radial-gradient(circle at 50% 40%,#96e1ff8c,#143c5ad1);box-shadow:0 2px 8px #00000080,0 0 22px #4cc3ff8c,inset 0 2px 8px #fff3}.tbtn.interact{right:calc(18px + env(safe-area-inset-right));left:auto;bottom:calc(var(--safe-bottom) + 20px + var(--touch-size) * 1.4 + 12px);width:calc(var(--touch-size) * 1.2);height:calc(var(--touch-size) * 1.2);font-size:var(--fs-caption);background:#78dc9638;border-color:#78dc9699;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s}.tbtn.interact.visible{opacity:1;transform:scale(1)}.tbtn.spell{left:calc(18px + env(safe-area-inset-left));right:auto;bottom:calc(var(--safe-bottom) + 20px + var(--touch-size) * 1.4 + 12px);width:calc(var(--touch-size) * 1.2);height:calc(var(--touch-size) * 1.2);font-size:calc(var(--touch-size) * .5);background:radial-gradient(circle at 50% 34%,#b48bff6b,#281a50b8 78%);border-color:#b48bffbf;box-shadow:0 6px 16px #00000080,0 0 16px #9d7bff66,inset 0 2px 6px #ffffff29}.tbtn.spell span{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.tbtn.spell.pressed{background:radial-gradient(circle at 50% 40%,#d2b4ff99,#3c286ed1);box-shadow:0 2px 8px #00000080,0 0 26px #9d7bff99}.tbtn.hidden-btn{display:none!important}.tbtn.pause{position:absolute;top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));width:max(44px,calc(var(--touch-size) * .82));height:max(44px,calc(var(--touch-size) * .82));font-size:var(--fs-label);letter-spacing:2px;background:#0a0c148c;border-color:var(--panel-border)}.minimap{position:absolute;top:calc(12px + var(--safe-top));right:calc(14px + var(--safe-right));z-index:12;pointer-events:auto;line-height:0;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.minimap canvas{display:block;border-radius:50%}.minimap:after{content:"MAPA";position:absolute;left:50%;bottom:-15px;transform:translate(-50%);font-size:8px;font-weight:800;letter-spacing:1px;color:#d8d3f6;text-shadow:0 1px 2px #000}.minimap:focus-visible{outline:2px solid #ffd54a;outline-offset:3px;border-radius:50%}.orient-overlay{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#030408f0;pointer-events:auto;text-align:center}.orient-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}.orient-icon{font-size:46px;animation:orientspin 2.4s ease-in-out infinite}.orient-text{font-size:var(--fs-heading);font-weight:800;letter-spacing:1px;color:var(--void);max-width:80vw}@keyframes orientspin{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.uiscale-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.uiscale-row .s-uiscale-label{font-size:var(--fs-caption);color:var(--text-dim);min-width:68px}.uiscale-btns{display:flex;gap:6px;flex:1}.uiscale-btns .fbtn{flex:1;padding:8px 4px;font-size:var(--fs-caption);border-radius:8px;border:1px solid var(--panel-border);background:#7c4dff1a;color:var(--text)}.uiscale-btns .fbtn.active{background:linear-gradient(135deg,var(--void),#4a2bb0);border-color:transparent}.s-motion{width:100%}.s-motion.active{border-color:var(--void);background:#7c4dff40}.equip-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 200px);display:flex;gap:6px;z-index:12;pointer-events:none;justify-content:center;max-width:96vw}.equip-bar .eq-slot{width:max(44px,calc(var(--touch-size) * .82));height:max(44px,calc(var(--touch-size) * .82))}.eq-new{position:absolute;top:-5px;left:-4px;width:8px;height:8px;border-radius:50%;background:#ffd24a;box-shadow:0 0 6px #ffd24acc}.equip-bar-legacy{position:absolute;top:calc(64px + var(--safe-top) + var(--minimap-size, 120px) + 8px);left:calc(14px + var(--safe-left));display:flex;gap:6px;z-index:12;pointer-events:none;flex-wrap:wrap;max-width:70vw}.eq-slot,.eq-bag{pointer-events:auto;width:44px;height:44px;border-radius:10px;border:2px solid var(--panel-border);background:#0a0c1499;display:grid;place-items:center;position:relative;cursor:pointer;color:var(--text)}.eq-slot .eq-ic{width:62%;height:62%;display:grid;place-items:center;font-size:20px;line-height:1}.eq-slot .eq-ic svg{width:100%;height:100%}.eq-slot .eq-lv{position:absolute;bottom:0;right:3px;font-size:9px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.eq-slot.locked{opacity:.55;color:#b0873f}.eq-slot.filled{border-width:2px;box-shadow:0 0 10px color-mix(in srgb,currentColor 0%,transparent),inset 0 -3px 0 0 var(--rq, #7c4dff),0 0 9px color-mix(in srgb,var(--rq, #7c4dff) 55%,transparent)}.eq-slot.mainhand{outline:2px solid rgba(255,255,255,.5);outline-offset:1px}.eq-slot.mainhand .eq-tag{color:#fff}.eq-slot.ready{opacity:.85;border-style:dashed;color:#8aa0c0}.eq-slot .eq-tag{position:absolute;bottom:-1px;left:0;right:0;text-align:center;font-size:8px;font-weight:800;letter-spacing:.3px;color:#cbb68a;text-shadow:0 1px 2px #000;pointer-events:none}.eq-slot.vip{border-color:#ffcf4d!important;box-shadow:0 0 10px #ffcf4d66;opacity:.95}.eq-slot.vip .eq-tag{color:#ffcf4d}.eq-bag{font-size:18px}.eq-bag .eq-bagn{position:absolute;bottom:-1px;right:2px;font-size:9px;font-weight:800;color:var(--text-dim)}.eq-bag .eq-bagn.full{color:var(--hp)}.inv-panel{width:min(460px,96vw);max-height:92vh;text-align:left;display:flex;flex-direction:column;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.inv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.inv-head h2{margin:0;font-size:16px;letter-spacing:.5px}.inv-x{padding:6px 12px}.inv-list{display:flex;flex-direction:column;min-height:0}.inv-filters{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:5px}.inv-filters .fbtn{flex:1 1 0;min-width:0;min-height:32px;padding:3px;display:grid;place-items:center}.fb-ic{width:18px;height:18px;display:block;color:#cbd5f5}.fbtn.active .fb-ic{color:#fff}.fbtn{flex:1;padding:6px;font-size:11px;font-weight:700;border-radius:6px;border:1px solid var(--panel-border);background:#7c4dff1a;color:var(--text);cursor:pointer}.fbtn.active{background:linear-gradient(135deg,var(--void),#4a2bb0);border-color:transparent}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:5px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px;max-height:55vh}.inv-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px 4px;border-radius:8px;border:1.5px solid var(--panel-border);cursor:pointer;--rc: var(--panel-border);background:linear-gradient(165deg,color-mix(in srgb,var(--rc) 22%,transparent),#ffffff08 70%);box-shadow:inset 0 0 10px color-mix(in srgb,var(--rc) 15%,transparent),0 1px 4px #0000004d}.inv-card:active{transform:scale(.96)}.inv-card .ic{width:32px;height:32px;display:grid;place-items:center;font-size:20px;border-radius:7px;background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--rc) 28%,transparent),#080a128c);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--rc) 40%,transparent))}.inv-card .ic svg{width:100%;height:100%}.d-ic svg{width:76%;height:76%}.inv-card .lv{position:absolute;top:2px;right:3px;font-size:9px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.inv-card .tag{position:absolute;top:2px;left:3px;font-size:7px;font-weight:800;color:#8fef9f;text-transform:uppercase}.inv-card .nm{font-size:9px;font-weight:700;text-align:center;line-height:1.1}.inv-card.eq{background:#7c4dff1f}.inv-empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);padding:26px 10px;font-size:13px}.inv-summary{grid-column:1 / -1;padding:3px 0 6px;color:#b8b1db;font-size:11px;flex-shrink:0}.inv-section{grid-column:1 / -1;margin:12px 0 0;font-size:14px;color:#e7ddff;display:flex;justify-content:space-between}.inv-section small{color:#b1a5c8}.inv-help{grid-column:1 / -1;color:#b1a5c8;margin:0;font-size:12px;line-height:1.5}.inv-slot-empty{opacity:.65;border-style:dashed;cursor:default}.inv-slot-empty small{font-size:10px;color:var(--text-dim)}.inv-free-slot{min-height:54px;display:grid;place-items:center;color:#564b72;border:1px dashed #403451;border-radius:8px;background:#ffffff03;font-size:14px}.inv-equipped{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.inv-equipped .inv-card{padding:15px 2px 7px;min-width:0}.inv-equipped .ic{width:25px;height:25px}.inv-equipped .nm,.inv-equipped small{font-size:9px;overflow-wrap:anywhere}.inv-equipped .tag{font-size:6px}.inv-doll{display:grid;grid-template-columns:1fr .9fr 1fr;gap:4px;align-items:stretch;margin:0 0 6px;flex-shrink:0}.pd-col{display:flex;flex-direction:column;gap:3px}.pd-slot{position:relative;height:40px;border-radius:8px;padding:2px;cursor:pointer;border:1px solid var(--panel-border);background:#ffffff0a;display:grid;place-items:center;color:var(--text)}.pd-ic{width:24px;height:24px;display:block}.pd-lv{position:absolute;right:2px;bottom:1px;font-size:8px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.pd-nm{display:none}.pd-slot.filled{background:color-mix(in srgb,var(--rc) 16%,rgba(255,255,255,.03));box-shadow:0 0 8px -3px var(--rc)}.pd-slot.locked{opacity:.42}.pd-body{display:grid;place-items:center;padding:1px}.pd-body svg{width:100%;max-height:122px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.inv-hub{display:flex;gap:5px;margin:0 0 6px;flex-shrink:0}.inv-hub-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px;font-weight:700;border-radius:8px;font-size:14px;line-height:1}.inv-hub-btn span{font-size:8.5px;letter-spacing:.2px;text-transform:uppercase;opacity:.9}.inv-hub-btn.attrs{border-color:#ffd24a8c;background:#ffb0201a;color:#ffe08a}.inv-hub-btn.forge{border-color:#ff8a3c8c;background:#ff64281a;color:#ffb080}.inv-forge{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:78vh;padding:4px}.forge-hint{font-size:11px;color:var(--text-dim);line-height:1.4;padding:8px 10px;background:#ff8a3c14;border:1px solid rgba(255,138,60,.25);border-radius:8px;margin-bottom:4px}.forge-list{display:flex;flex-direction:column;gap:6px}.forge-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--panel-border);border-left:3px solid var(--rc, var(--panel-border));border-radius:10px;background:linear-gradient(100deg,color-mix(in srgb,var(--rc) 12%,transparent),#ffffff05)}.forge-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;background:#ffffff0d;border-radius:8px}.forge-icon svg{width:100%;height:100%}.forge-info{flex:1;min-width:0}.forge-name{font-weight:800;font-size:13px}.forge-eq{font-size:9px;font-weight:800;color:#8fef9f;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.forge-sub{font-size:10px;color:var(--text-dim);margin-top:2px}.forge-cost{font-size:11px;font-weight:700;color:#ffcf4d;margin-top:3px}button.forge-btn{flex:none;font-weight:800;font-size:12px;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#ffa64d,#d97010);color:#0a1428;border:none}button.forge-btn.dim{background:#ffffff12;color:var(--text-dim)}.forge-wallet{text-align:right;font-weight:800;font-size:13px;color:#ffd54a;margin:-2px 0 4px}.forge-coin{color:#ffd54a;font-weight:700;margin-left:6px}.forge-coin.lack{color:#ff9a9c}.forge-toast{border-radius:10px;padding:9px 12px;font-weight:800;font-size:13px;text-align:center;margin:4px 0 8px;animation:forgeToast 2.2s ease forwards}.forge-toast.ok{background:#38f5a029;border:1px solid rgba(138,255,192,.6);color:#8affc0}.forge-toast.bad{background:#e5484d2e;border:1px solid rgba(255,154,156,.6);color:#ff9a9c}.forge-toast.info{background:#2be0ff1f;border:1px solid rgba(159,230,255,.5);color:#9fe6ff}@keyframes forgeToast{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.forge-elixir{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:#bfe0ff;padding:7px 10px;border:1px solid rgba(120,180,255,.3);background:#508cff14;border-radius:8px;margin-bottom:6px}.forge-elixir.dim{color:var(--text-dim);justify-content:center;font-weight:600}.forge-protect{font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-dim);cursor:pointer}.forge-protect.on{border-color:#62c8ff;background:#50b4ff33;color:#d6f0ff}.forge-safe{color:#83e17f;font-weight:700}.forge-risk{color:#ff9a5a;font-weight:800}.forge-prot{color:#62c8ff;font-weight:800}.inv-hub-btn.sell{border-color:#78dc8280;background:#50c8641a;color:#9fe6a6}.inv-sell{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:78vh;padding:4px}.sell-auto{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid rgba(120,220,130,.25);background:#50c8640f;border-radius:8px}.sell-auto-lbl{font-size:11px;font-weight:700;color:#bfe6c4}.sell-auto-btns{display:flex;flex-wrap:wrap;gap:6px}.sell-auto-b{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-dim);cursor:pointer}.sell-auto-b.active{border-color:#6fdc82;background:#50c86438;color:#d6ffdc}.sell-quick{display:flex;gap:6px}.sell-quick .btn{flex:1;font-size:11px;padding:7px 6px}.sell-row{cursor:pointer}.sell-row.on{background:linear-gradient(100deg,#50c86438,#50c8640f);border-color:#6fdc82}.sell-check{font-size:18px;flex:none;width:20px;text-align:center;color:#9fe6a6}.sell-val{flex:none;font-size:12px;font-weight:800;color:#83e17f}.sell-foot{position:sticky;bottom:0;padding-top:6px;background:linear-gradient(0deg,var(--panel-bg, #12101f) 60%,transparent)}.sell-go{width:100%;font-size:14px;padding:12px}.sell-go.dim{background:#ffffff12;color:var(--text-dim)}.inv-attrs{display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:76vh;padding:2px}.at-top{display:flex;align-items:center;gap:10px}.at-title{margin:0;font-size:var(--fs-label);letter-spacing:1px;color:#ffe08a}.at-head{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.at-big{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:12px;border:1px solid rgba(255,176,32,.45);background:linear-gradient(160deg,#ffb02024,#ffb0200a)}.at-big.hp{border-color:#ff5a6e73;background:linear-gradient(160deg,#ff5a6e24,#ff5a6e0a)}.at-big.rg{border-color:#78f0aa73;background:linear-gradient(160deg,#78f0aa24,#78f0aa0a)}.at-big-v{font-size:clamp(20px,6.4vw,30px);font-weight:900;color:#fff;line-height:1.05}.at-big.hp .at-big-v{color:#ff9aa6}.at-big.rg .at-big-v{color:#9df5c1}.at-big-l{font-size:var(--fs-caption);letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;margin-top:3px}.at-sub{font-size:var(--fs-caption);color:var(--text-dim);text-align:center}.at-sub b{color:#cbb6ff}.at-groups{display:flex;flex-direction:column;gap:10px}.at-group{border:1px solid var(--panel-border);border-radius:12px;padding:8px 10px;background:#ffffff08}.at-gt{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#9fe0ff;margin-bottom:4px}.at-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid rgba(255,255,255,.05);font-size:var(--fs-body)}.at-lbl{color:#d6dcf2;display:flex;flex-direction:column}.at-hint{font-size:var(--fs-caption);color:var(--text-dim)}.at-val{color:#fff;font-weight:800;white-space:nowrap}.at-foot{font-size:var(--fs-caption);color:var(--text-dim);text-align:center;padding:4px 0 2px}.tbtn.pause{display:none!important}.inv-types-label{font-size:10px;color:var(--text-dim);margin:0 0 2px}.inv-types{display:flex;gap:3px;margin-bottom:5px;flex-shrink:0}.inv-type{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border-radius:7px;border:1px solid var(--panel-border);background:#7c4dff1f;color:var(--text);cursor:pointer}.inv-type:active{background:#7c4dff52;border-color:var(--void)}.inv-type .it-ic{font-size:16px;line-height:1}.inv-type .it-lbl{font-size:9px;color:var(--text-dim);white-space:nowrap}.inv-detail{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:74vh}.inv-back{align-self:flex-start;padding:6px 12px}.d-head{display:flex;gap:12px;align-items:center}.d-ic{width:60px;height:60px;border-radius:12px;border:2px solid var(--panel-border);display:grid;place-items:center;font-size:34px;background:#ffffff0a;flex-shrink:0}.d-name{font-size:18px;font-weight:800}.d-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.d-main{font-size:16px;display:flex;align-items:baseline;gap:8px}.d-main .d-main-lbl{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.d-main .cmp .old{color:var(--text-dim);text-decoration:line-through}.d-main .new,.d-main .cmp .new{font-weight:800}.d-main .new.up{color:#8fef9f}.d-main .new.down{color:#ff8a8d}.d-attrs{display:flex;flex-direction:column;gap:4px}.d-attrs .ln{display:flex;justify-content:space-between;font-size:13px;padding:5px 9px;background:#ffffff08;border-radius:6px}.d-attrs .ln b{color:#cbb6ff}.mastery{background:#7c4dff14;border:1px solid var(--panel-border);border-radius:8px;padding:9px 11px}.mastery .m-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.mastery .m-name{color:var(--text-dim)}.m-bar{height:8px;background:var(--xp-bg)}.m-bar>.fill{background:linear-gradient(90deg,#b06bff,#7c1fd6)}.m-next{font-size:11px;color:var(--text-dim);margin-top:6px}.d-slotnote{font-size:12px;font-weight:700;color:#ffcf6a;background:#ffb43c1a;border:1px solid rgba(255,180,60,.3);border-radius:8px;padding:7px 10px;margin:4px 0 2px;line-height:1.35}.d-actions{display:flex;gap:8px;flex-wrap:wrap}.d-actions .btn{flex:1;min-width:130px}.btn.dim{opacity:.5}.btn.conv{border-color:#ffd54a66;color:#ffd54a}.menu-bar{position:absolute;z-index:12;display:flex;flex-direction:column;gap:var(--hud-gap);top:calc(12px + var(--safe-top) + var(--minimap-size, 120px) + 24px);right:calc(14px + var(--safe-right));pointer-events:none}.mbtn{pointer-events:auto;width:max(44px,calc(var(--touch-size) * .82));height:max(44px,calc(var(--touch-size) * .82));border-radius:12px;border:2px solid rgba(124,77,255,.5);background:#0e1222b8;display:grid;place-items:center;font-size:calc(var(--fs-body) * 1.2);color:var(--text);cursor:pointer;position:relative}.mbtn.tree{color:#b6c4ff}.mb-train{pointer-events:auto;align-self:flex-end;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 11px var(--font);color:#ffd54a;background:#0e1222c7;border:1px solid rgba(255,176,32,.55);border-radius:10px;padding:5px 8px;cursor:pointer}.mb-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ff4d6d;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 8px #ff4d6d99}.void-panel{background:linear-gradient(160deg,#141a30,#0d1120 70%);border:1px solid rgba(120,160,255,.35);box-shadow:0 20px 60px #0009,inset 0 0 30px #5078ff0f}.char-panel{width:min(460px,94vw);text-align:left}.ch-head,.tr-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ch-head h2,.tr-head h2{margin:0;font-size:var(--fs-heading);letter-spacing:1px}.ch-x,.tr-x{padding:6px 12px}.ch-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ch-cp{display:flex;flex-direction:column}.ch-cp-val{font-size:clamp(26px,8vw,40px);font-weight:900;color:#7fdfff;text-shadow:0 0 16px rgba(76,195,255,.5);line-height:1}.ch-cp-lbl{font-size:var(--fs-caption);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.ch-sub{display:flex;flex-direction:column;gap:6px}.ch-chip{background:#7c4dff24;border:1px solid rgba(124,77,255,.35);border-radius:8px;padding:5px 10px;font-size:var(--fs-caption)}.ch-chip.void{border-color:#9d7bff99;color:#cbb6ff}.ch-chip b{color:#fff}.ch-hero{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--panel-border);border-radius:12px;padding:10px 12px;margin-bottom:12px}.ch-avatar{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 50% 40%,#7c4dff59,#0d112099);border:1px solid rgba(157,123,255,.5)}.ch-weapon{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.chw-ic{font-size:26px}.chw-name{font-weight:800;font-size:var(--fs-label)}.chw-sub{font-size:var(--fs-caption);color:var(--text-dim)}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;overflow-y:auto;max-height:46vh;padding:2px}.ch-card{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:10px;border:1px solid var(--panel-border);background:#ffffff0a;text-align:left;cursor:pointer}.ch-card.primary{background:#7c4dff1f;border-color:#9d7bff80}.cc-lbl{font-size:var(--fs-caption);color:var(--text-dim)}.cc-val{font-size:clamp(15px,4.6vw,20px);font-weight:800;color:#fff}.ch-progress{margin-top:12px;border-top:1px solid var(--panel-border);padding-top:10px}.chp-row{font-size:var(--fs-caption);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.chp-line{display:flex;justify-content:space-between;font-size:var(--fs-caption);padding:3px 0}.chp-line b{color:#cbb6ff}.ch-skills{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px;min-height:40px;padding:8px 12px;font-size:var(--fs-caption);border-color:#ffb02073}.ch-skills b{color:#ffd54a}.ch-mission{border:1px solid var(--panel-border);border-radius:10px;padding:7px 9px;margin-bottom:6px;background:#ffffff08}.cm-top{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-caption)}.cm-name{font-weight:800;color:#eaf1ff}.cm-rw{color:#ffd24a;font-weight:800;white-space:nowrap}.cm-bar{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden;margin:5px 0 3px}.cm-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c4dff,#2be0ff)}.cm-prog{font-size:10px;color:var(--text-dim);text-align:right}.ch-sheet,.tr-sheet{position:absolute;inset:0;z-index:25;display:grid;place-items:end center;background:#03040880;pointer-events:auto}.cs-inner,.trs-inner{width:min(460px,96vw);border-radius:16px 16px 0 0;padding:16px 16px calc(18px + var(--safe-bottom))}.cs-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.cs-name{font-size:var(--fs-label);font-weight:800}.cs-final{font-size:var(--fs-heading);font-weight:900;color:#7fdfff}.cs-line,.trs-desc+.trs-next{display:flex;justify-content:space-between;font-size:var(--fs-body);padding:6px 8px}.cs-line{background:#ffffff08;border-radius:6px;margin-bottom:4px}.cs-line b{color:#cbb6ff}.cs-close{width:100%;margin-top:8px}.tree-panel{width:min(560px,96vw);text-align:left}.tr-points{font-size:var(--fs-label)}.tr-points b{color:#b6c4ff}.tr-tabs{display:flex;gap:6px;margin-bottom:6px}.tr-tab{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:10px;border:1px solid var(--panel-border);background:#ffffff08;color:var(--text-dim);cursor:pointer;min-height:50px}.tr-tab.active{border-color:var(--branch-c);background:color-mix(in srgb,var(--branch-c) 18%,transparent);color:#fff}.tr-tab.ready:after{content:"";position:absolute;top:5px;right:6px;width:7px;height:7px;border-radius:50%;background:#8fef9f;box-shadow:0 0 8px #8fef9f;animation:nodepulse 1.6s ease-in-out infinite}.trt-ic{font-size:15px;line-height:1}.trt-n{font-size:var(--fs-caption);font-weight:800;letter-spacing:.4px}.trt-c{font-size:10px;opacity:.75}.tr-tree{position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:56vh;padding:8px 2px 4px}.tr-links{position:absolute;left:0;top:0;pointer-events:none;z-index:0}.trl{fill:none;stroke:#7882aa40;stroke-width:3;stroke-linecap:round}.trl.on{stroke:var(--branch-c, #7c4dff);opacity:.9;filter:drop-shadow(0 0 4px var(--branch-c, #7c4dff))}.tr-row{display:flex;justify-content:center;gap:6px;margin-bottom:20px;position:relative;z-index:1}.tr-node{width:min(82px,25vw);padding:7px 3px 5px;border-radius:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;border:2px solid var(--branch-c, #7c4dff);background:#0e1222e0;color:#fff}.trn-ic{font-size:19px;line-height:1.1}.trn-name{font-size:9px;line-height:1.15;text-align:center;color:#cfd8f5;min-height:2.3em}.trn-rank{font-size:10px;font-weight:800;color:#fff;opacity:.9}.tr-node.st-locked{opacity:.42;border-color:#3a4056;filter:grayscale(.6)}.tr-node.st-available{animation:nodepulse 1.8s ease-in-out infinite}.tr-node.st-unlocked{box-shadow:0 0 10px var(--branch-c);background:#281e46d9}.tr-node.st-max{box-shadow:0 0 16px var(--branch-c);background:#3c2d64e6}.tr-node.st-max .trn-ic{text-shadow:0 0 8px var(--branch-c)}.tr-node.sel{outline:2px solid #fff;outline-offset:1px}@keyframes nodepulse{0%,to{box-shadow:0 0 4px var(--branch-c)}50%{box-shadow:0 0 12px var(--branch-c)}}.tr-foot{margin-top:10px}.tr-reset{width:100%;border-color:#e5484d66;color:#ff8a8d}.trs-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.trs-ic{font-size:30px}.trs-name{font-weight:800;font-size:var(--fs-label)}.trs-rank{font-size:var(--fs-caption);color:var(--text-dim)}.trs-desc{font-size:var(--fs-body);margin-bottom:6px}.trs-next{font-size:var(--fs-caption);color:var(--text-dim);background:#ffffff08;border-radius:6px}.trs-next span{color:#8fef9f}.trs-actions{display:flex;gap:8px;margin-top:10px}.trs-actions .btn{flex:1}.tr-confirm-wrap{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#030408b8;pointer-events:auto}.tr-confirm{border-radius:14px;padding:20px;width:min(360px,88vw);text-align:center}.trc-text{font-size:var(--fs-body);margin-bottom:14px;color:#ffb3b5}.trc-btns{display:flex;gap:10px;justify-content:center}.audio-row{display:flex;align-items:center;gap:10px}.audio-row .a-lbl{font-size:12px;color:var(--text-dim);min-width:68px}.audio-row .a-slider{flex:1;accent-color:var(--void);cursor:pointer}.start-hint{position:absolute;bottom:84px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-dim);letter-spacing:1px;pointer-events:none;background:#03040880;padding:6px 14px;border-radius:20px;animation:fadehint 6s ease-out forwards}@keyframes fadehint{0%,60%{opacity:1}to{opacity:0}}.minimap-terr{position:absolute;top:calc(var(--minimap-size, 108px) + 2px);left:50%;transform:translate(-50%);font-size:10px;font-weight:800;letter-spacing:.4px;color:#cbd9ff;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.95);pointer-events:none;max-width:150px;overflow:hidden;text-overflow:ellipsis}.map-overlay{padding:0}.map-full{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b0e1a,#070910);padding:calc(var(--safe-top, 0px) + 8px) 8px calc(var(--safe-bottom, 0px) + 8px)}.map-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 6px}.map-title{margin:0;font-size:var(--fs-heading);letter-spacing:1px;color:#eaf1ff}.map-x{padding:8px 14px}.map-tabs{display:flex;gap:6px;margin-bottom:6px}.map-tab{flex:1;min-width:0;padding:6px 4px;border-radius:10px;cursor:pointer;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text-dim);display:flex;flex-direction:column;gap:1px;align-items:center}.map-tab.cur{border-color:#7fd6ffbf;background:#50a0ff29;color:#fff}.map-tab.locked{opacity:.45}.mt-n{font-size:var(--fs-caption);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mt-s{font-size:9px;opacity:.85}.map-wrap{position:relative;flex:1;min-height:0;border-radius:14px;overflow:hidden;border:1px solid rgba(124,77,255,.4)}.map-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.map-canvas:active{cursor:grabbing}.map-tools{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px}.map-tool{width:42px;height:42px;border-radius:12px;font-size:20px;line-height:1;cursor:pointer;border:1px solid rgba(124,77,255,.5);background:#0c0f1ed9;color:#dfe6ff}.map-info{min-height:40px;padding:8px 6px 0;text-align:center}.wm-info{min-height:34px;margin-bottom:10px;text-align:center}.wm-name{font-size:var(--fs-label);font-weight:800;color:#eaf1ff}.wm-here{color:#7fdfff;font-weight:700;font-size:var(--fs-caption)}.wm-meta{font-size:var(--fs-caption);color:var(--text-dim)}.wm-champ{color:#ff8aa8}.wm-hint{font-size:var(--fs-caption);color:var(--text-dim)}.world-panel,.mastery-panel,.surge-panel{width:min(480px,96vw);text-align:left}.world-panel h2,.mastery-panel h2,.surge-panel h2{text-align:center;letter-spacing:1px}.world-rows{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:62vh;padding:2px;margin-bottom:14px}.world-row{background:#ffffff08;border:1px solid var(--panel-border);border-radius:12px;padding:12px}.world-row.current{border-color:#7fd6ff99;box-shadow:inset 0 0 18px #50a0ff1a}.world-row.locked{opacity:.55}.wr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wr-name{font-size:var(--fs-label);font-weight:800;color:#eaf1ff}.wr-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.wr-meta span{font-size:var(--fs-caption);padding:3px 8px;border-radius:999px;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-dim)}.wr-tier{color:#b6c4ff!important}.wr-mastery{color:#9fe0ff!important}.wr-surge.on{color:#ffd24a!important;border-color:#ffd24a80!important}.wr-cta{display:flex;gap:8px}.wr-btn,.wr-surge-btn{flex:1}.mastery-track{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:60vh;padding:2px;margin-bottom:14px}.mastery-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.mastery-lv{font-size:clamp(24px,7vw,34px);font-weight:900;color:#9fe0ff;text-shadow:0 0 14px rgba(127,214,255,.5)}.mastery-xpbar{height:10px;border-radius:6px;background:#ffffff14;overflow:hidden;margin-bottom:12px}.mastery-xpfill{height:100%;background:linear-gradient(90deg,#4cc3ff,#9fe0ff);border-radius:6px}.mrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid var(--panel-border);background:#ffffff08}.mrow.earned{border-color:#7fd6ff80;background:#50a0ff14}.mrow.next{border-color:#ffd24a73}.mrow-lv{font-weight:800;color:#b6c4ff;min-width:34px}.mrow-rw{flex:1;font-size:var(--fs-caption);color:var(--text-dim)}.mrow.earned .mrow-rw{color:#eaf1ff}.mrow-tick{color:#7fdfff}.surge-tiers{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.surge-opt{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff08}.surge-opt.locked{opacity:.5}.surge-opt.active{border-color:#ffd24a99;box-shadow:inset 0 0 16px #ffb43c1f}.surge-info{flex:1}.surge-name{font-weight:800;color:#ffd88a}.surge-desc{font-size:var(--fs-caption);color:var(--text-dim)}.surge-obj{display:block;font-size:var(--fs-caption);color:#9fe0ff;margin-top:3px}.surge-go{min-width:96px}.surge-region,.mastery-region{text-align:center;font-weight:800;color:#9fe0ff;margin-bottom:12px}.surge-overlay{position:absolute;inset:0;pointer-events:none;z-index:12;box-shadow:inset 0 0 60px 8px #ffaa3c38,inset 0 0 4px 2px #ff782859;animation:surgePulse 2.4s ease-in-out infinite}@keyframes surgePulse{0%,to{opacity:.7}50%{opacity:1}}.surge-hud{position:absolute;top:calc(120px + var(--safe-top, 0px));left:50%;transform:translate(-50%);z-index:13;pointer-events:none;text-align:center;font-size:var(--fs-caption);color:#ffe0a8;letter-spacing:.5px;background:#2814068c;border:1px solid rgba(255,180,80,.4);border-radius:999px;padding:4px 14px;white-space:nowrap}.surge-hud b{color:#ffd24a}.s-backup-hint{font-size:var(--fs-caption);color:var(--text-dim);margin-bottom:6px;line-height:1.35}.s-backup-code{width:100%;resize:none;border-radius:8px;padding:6px 8px;margin-bottom:6px;border:1px solid var(--panel-border);background:#00000059;color:#cbd5f5;font-family:ui-monospace,monospace;font-size:10px;word-break:break-all}.ms-panel{width:min(460px,94vw);text-align:left}.ms-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ms-title{margin:0;font-size:var(--fs-heading);letter-spacing:1px}.ms-x{padding:6px 12px}.ms-sub{font-size:var(--fs-caption);color:var(--text-dim);margin-bottom:10px}.ms-list{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow-y:auto}.ms-card{border:1px solid var(--panel-border);border-radius:12px;padding:9px 11px;background:#ffffff08}.ms-card.ready{border-color:#8fef9fb3;background:#8fef9f1a}.ms-top{display:flex;align-items:center;gap:8px}.ms-ic{font-size:18px}.ms-name{font-weight:800;color:#eaf1ff;font-size:var(--fs-label);flex:1}.ms-count{font-weight:800;color:#9fe6ff;font-size:var(--fs-caption)}.ms-bar{height:7px;border-radius:4px;background:#ffffff17;overflow:hidden;margin:7px 0 5px}.ms-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c4dff,#2be0ff)}.ms-rw{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--fs-caption)}.mr-coin{color:#ffd24a;font-weight:800}.mr-xp{color:#7fdfff;font-weight:800}.mr-sh{color:#9d7bff;font-weight:800}.ms-done{color:var(--text-dim)}.ms-foot{margin:10px 0;font-size:var(--fs-caption);color:var(--text-dim);display:flex;justify-content:space-between;gap:8px}.ms-contract{color:#ffe08a;font-weight:700}.ms-back{width:100%}.mb-dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:#8fef9f;box-shadow:0 0 8px #8fef9f}.shop-count{font-size:10px;color:#ffd24a;margin-top:2px;font-weight:700}.mission-hud{position:absolute;top:calc(122px + var(--safe-top, 0px));left:calc(10px + var(--safe-left, 0px));z-index:13;pointer-events:none;text-align:left;max-width:66vw;font-size:var(--fs-caption);color:#dfe6ff;letter-spacing:.3px;white-space:nowrap;background:#0e12289e;border:1px solid rgba(124,77,255,.45);border-radius:999px;padding:4px 14px;box-shadow:0 4px 16px #00000073}.mission-hud b{color:#fff;font-weight:800}.mh-ic{margin-right:4px}.mh-prog{color:#9fe6ff;font-weight:800}.mh-rw{color:#ffd24a;font-weight:800;margin-left:4px}.mh-dir{display:inline-block;margin-left:8px;color:#8fef9f;font-weight:900}.mission-hud.ready{border-color:#ffd24ad9;background:#3a2a08d1;cursor:pointer;animation:mhpulse 1.1s ease-in-out infinite}.mission-hud.ready b{color:#ffe9a8}.mh-claim{margin-left:8px;color:#0e1228;background:#ffd24a;border-radius:999px;padding:1px 9px;font-weight:900;font-size:10px;letter-spacing:.4px}@keyframes mhpulse{0%,to{box-shadow:0 4px 16px #00000073}50%{box-shadow:0 4px 16px #00000073,0 0 14px #ffd24a8c}}.ms-card.daily{border-color:#6ec8ff99;background:linear-gradient(160deg,#102238e6,#0c1222db)}.ms-card.daily .ms-name{color:#bfe8ff}.ms-card.daily.ready{border-color:#ffd24ae6}.ms-card.daily.claimed{opacity:.62}.ms-daily-ok{margin-top:7px;text-align:center;font-size:11px;font-weight:800;color:#8fef9f}.ms-claim{margin-top:8px;width:100%;background:linear-gradient(180deg,#ffd24a,#e8a81c);color:#241a02;font-weight:900;letter-spacing:.4px;border:none}.mh-dist{color:#8fef9f;font-size:10px;margin-left:2px}.contract-hud{position:absolute;top:calc(150px + var(--safe-top, 0px));left:calc(10px + var(--safe-left, 0px));z-index:13;pointer-events:none;white-space:nowrap;font-size:10px;letter-spacing:.3px;color:#ffe08a;background:#3022089e;border:1px solid rgba(255,200,80,.45);border-radius:999px;padding:3px 12px}.contract-hud b{color:#ffd24a}.wlvl{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:22;pointer-events:none;display:flex;align-items:center;gap:12px;max-width:92vw;background:linear-gradient(135deg,#141a30f2,#0d1120eb);border:1px solid rgba(127,214,255,.5);border-radius:14px;padding:10px 16px;box-shadow:0 10px 40px #00000080,0 0 24px #50a0ff40}.wlvl.in{animation:wlvlIn 2.2s ease-out both}@keyframes wlvlIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}12%,80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.99)}}.wlvl-ic{font-size:32px;line-height:1}.wlvl-name{font-weight:800;color:#eaf1ff;font-size:var(--fs-label)}.wlvl-lv{font-size:var(--fs-caption);color:var(--text-dim);letter-spacing:1px}.wlvl-lv b,.wlvl-dmg b{color:#b6c4ff}.wlvl-lv b.up,.wlvl-dmg b.up{color:#7fdfff}.wlvl-dmg{font-size:var(--fs-caption);color:var(--text-dim)}.wlvl-detail{margin-top:10px;border-top:1px solid var(--panel-border);padding-top:8px}.wlvl-detail .m-row{display:flex;justify-content:space-between;font-size:var(--fs-caption)}.wlvl-detail .m-row b{color:#7fdfff}.wlvl-detail .m-next{font-size:var(--fs-caption);color:#9fe0ff;margin-top:4px}.hud-diamonds{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:13px;color:#7fdfff}.mailbox-panel{width:min(440px,94vw);text-align:left}.mail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mail-head .mail-title{margin:0;font-size:22px;letter-spacing:2px}.mail-res{display:flex;gap:14px;font-weight:800;font-size:14px}.mail-diamonds{color:#7fdfff}.mail-coins{color:#ffd76a}.mail-empty{text-align:center;padding:30px 0;color:var(--text-dim);font-size:14px}.mail-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:50vh;overflow-y:auto}.mail-item{display:flex;align-items:center;gap:12px;padding:11px 12px;background:linear-gradient(100deg,#7c4dff14,#7c4dff08);border:1px solid var(--panel-border);border-radius:12px}.mail-item.unread{border-left:3px solid #7fdfff;background:linear-gradient(100deg,#7fdfff1f,#7fdfff0a)}.mail-item.claimed{opacity:.65}.mail-icon{font-size:22px;flex:none}.mail-info{flex:1;min-width:0}.mail-name{font-weight:700;font-size:14px}.mail-body{font-size:12px;color:var(--text-dim);line-height:1.25;margin-top:2px}.mail-reward{font-size:12px;color:#ffd76a;margin-top:4px;font-weight:700}button.mail-claim{flex:none;white-space:nowrap;font-weight:800;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#7fdfff,#4aa6e0);color:#0a1428;border:none;box-shadow:0 2px 10px #7fdfff40}.mail-done{font-size:12px;color:var(--text-dim);font-weight:600}.mail-actions{display:flex;justify-content:center;margin-bottom:10px}button.mail-claim-all{font-weight:800;border-radius:12px;padding:10px 22px;background:linear-gradient(135deg,#ffd76a,#e0a830);color:#0a1428;border:none;box-shadow:0 2px 12px #ffd76a4d;font-size:14px}.mb-mail-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#7fdfff;border-radius:50%;box-shadow:0 0 6px #7fdfff99}.vip-panel{width:min(440px,94vw);text-align:left;max-height:88vh;overflow-y:auto}.vip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vip-head .vip-title{margin:0;font-size:22px;letter-spacing:2px;color:#ffd76a}.vip-res{display:flex;gap:14px;font-weight:800;font-size:14px}.vip-diamonds{color:#7fdfff}.vip-coins{color:#ffd76a}.vip-confirm{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#03040ab8}.vip-confirm-box{width:min(88vw,340px);background:#12152a;border:1px solid rgba(255,213,74,.55);border-radius:16px;padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px #0009}.vip-confirm-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffd54a;font-weight:800}.vip-confirm-text{font-size:16px;font-weight:800;color:#eaf1ff;line-height:1.4}.vip-confirm-note{font-size:11px;color:var(--text-dim)}.vip-confirm-btns{display:flex;gap:8px}.vip-confirm-btns .btn{flex:1}.vip-points{background:#ffd54a12;border:1px solid rgba(255,213,74,.3);border-radius:12px;padding:9px 12px;margin:8px 0;text-align:left}.vip-points-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:#ffd54a}.vip-points-bar{height:8px;border-radius:6px;background:#00000080;overflow:hidden;margin:6px 0}.vip-points-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd54a,#ff9a3b)}.vip-points-hint{font-size:11px;color:var(--text-dim);line-height:1.4}.vip-current{text-align:center;font-weight:800;font-size:16px;color:#ffd76a;padding:8px 0;margin-bottom:10px;background:linear-gradient(100deg,#ffd76a1f,#ffd76a0a);border-radius:10px;letter-spacing:1px}.vip-tier-nav{display:flex;align-items:center;gap:8px;margin-bottom:12px}.vip-arrow{background:none;border:1px solid var(--panel-border);color:#ffd76a;font-size:18px;padding:6px 10px;border-radius:8px;cursor:pointer}.vip-arrow:disabled{opacity:.3;cursor:default}.vip-tier-label{flex:1;text-align:center;background:linear-gradient(100deg,#ffd76a1a,#ffd76a08);border:1px solid var(--panel-border);border-radius:12px;padding:10px 8px}.vip-tier-icon{font-size:28px;display:block;margin-bottom:2px}.vip-tier-name{font-weight:800;font-size:16px;display:block}.vip-tier-sub{font-size:12px;color:var(--text-dim);display:block;margin-top:2px}.vip-perks{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.vip-perk-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0a;border-radius:10px;font-size:13px;font-weight:600}.vip-perk-tag{font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;flex:none}.vip-tag-new{background:#ffd76a;color:#0a1428}.vip-tag-up{background:#7fdfff;color:#0a1428}button.vip-upgrade{display:block;width:100%;font-weight:800;font-size:15px;padding:12px;border-radius:12px;border:none;cursor:pointer;margin-bottom:14px;background:linear-gradient(135deg,#ffd76a,#e0a830);color:#0a1428;box-shadow:0 3px 14px #ffd76a59}button.vip-upgrade.locked{background:#ffffff12;color:var(--text-dim);box-shadow:none}.vip-owned-badge{text-align:center;font-weight:800;font-size:14px;color:#7fdfff;padding:10px;margin-bottom:14px;letter-spacing:1px}.vip-locked-msg{text-align:center;font-size:13px;color:var(--text-dim);padding:10px;margin-bottom:14px}.vip-section-title{font-weight:800;font-size:14px;color:#ffd76a;text-align:center;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.vip-packs-hint{font-size:11px;color:var(--text-dim);text-align:center;margin-bottom:10px;padding:6px 10px;background:#ffd76a0f;border-radius:8px;line-height:1.35}.vip-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.vip-pack{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px 12px;border-radius:12px;border:1px solid rgba(127,223,255,.35);background:linear-gradient(135deg,#7fdfff2e,#7fdfff0d);cursor:pointer;gap:4px;color:inherit}.vip-pack:active{transform:scale(.96)}.vip-pack.tag-popular{border-color:#ffd76ab3;background:linear-gradient(135deg,#ffd76a29,#7fdfff0d)}.vip-pack.tag-best{border-color:#b478ffd9;background:linear-gradient(135deg,#b478ff38,#7fdfff0f);box-shadow:0 0 14px #b478ff59}.vip-pack-ribbon{position:absolute;top:0;left:0;right:0;text-align:center;font-size:9px;font-weight:900;letter-spacing:.6px;padding:2px 0;color:#12101a;background:linear-gradient(90deg,#ffd76a,#ffb347)}.vip-pack.tag-best .vip-pack-ribbon{background:linear-gradient(90deg,#c88bff,#7c4dff);color:#fff}.vip-pack-ribbon~.vip-pack-freebonus,.vip-pack-ribbon~.vip-pack-amt{margin-top:2px}.vip-pack-ribbon:first-child+.vip-pack-freebonus{margin-top:14px}.vip-pack-ribbon:first-child+.vip-pack-amt{margin-top:14px}.vip-pack-freebonus{font-size:11px;font-weight:900;color:#83e17f;background:#50c8642e;padding:1px 8px;border-radius:999px}.vip-pack-amt{font-weight:800;font-size:16px;color:#7fdfff}.vip-pack-bonus{font-size:10px;font-weight:800;color:#ffd76a;background:#ffd76a26;padding:1px 6px;border-radius:4px}.vip-pack-price{font-size:13px;font-weight:800;color:#83e17f;padding:4px 10px;margin-top:4px;border-radius:8px;background:linear-gradient(135deg,#50c8642e,#50c8640f)}.mbtn.vip{color:#ffd76a;text-shadow:0 0 8px rgba(255,215,106,.5)}.dshop-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.dshop-item{display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;border-radius:12px;border:1px solid var(--panel-border);background:linear-gradient(135deg,#b478ff24,#7c4dff0d);color:inherit;cursor:pointer;gap:4px;text-align:center}.dshop-item:active{transform:scale(.96)}.dshop-item.locked{opacity:.5;cursor:default}.dshop-icon{font-size:22px}.dshop-name{font-size:11px;font-weight:700;line-height:1.2;min-height:26px;display:flex;align-items:center}.dshop-cost{font-size:12px;font-weight:800;color:#7fdfff;padding:3px 8px;margin-top:2px;border-radius:6px;background:#7fdfff1f}.dshop-cost s{opacity:.5;margin-left:4px;font-weight:600}.vip-pass-card{padding:12px;border-radius:14px;margin-bottom:18px;border:1px solid rgba(255,215,106,.3);background:linear-gradient(135deg,#ffd76a29,#ffb43c0d)}.vip-pass-card.active{border-color:#83e17f;background:linear-gradient(135deg,#83e17f29,#50c8640d)}.vip-pass-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.vip-pass-icon{font-size:30px}.vip-pass-info{flex:1}.vip-pass-name{font-weight:800;font-size:15px;color:#ffd76a}.vip-pass-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.vip-pass-perks{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}button.vip-pass-buy{display:block;width:100%;font-weight:800;font-size:14px;padding:11px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#ffd76a,#e0a830);color:#0a1428;box-shadow:0 3px 12px #ffd76a59}button.vip-pass-buy.locked{background:#ffffff12;color:var(--text-dim);box-shadow:none}.attr-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.attr-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;border:1px solid var(--panel-border);background:linear-gradient(135deg,#ff78781a,#ff505008);color:inherit;cursor:pointer;gap:3px;text-align:center}.attr-item:active{transform:scale(.94)}.attr-item.locked{opacity:.5;cursor:default}.attr-icon{font-size:20px}.attr-name{font-size:10px;font-weight:700;line-height:1.1;min-height:22px;display:flex;align-items:center}.attr-amt{font-size:12px;font-weight:900;color:#83e17f}.attr-cost{font-size:11px;font-weight:800;color:#7fdfff;padding:2px 6px;margin-top:2px;border-radius:5px;background:#7fdfff1f}.mail-actions{display:flex;justify-content:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}button.mail-mark-all,button.mail-delete-read{font-weight:700;border-radius:10px;padding:8px 14px;font-size:12px;background:#ffffff14;color:var(--text-dim);border:1px solid var(--panel-border)}button.mail-delete-read{background:#ff646426;color:#ff9090;border-color:#ff64644d}.inv-card.locked-level{opacity:.55}.inv-card.locked-level .ic{filter:grayscale(.7) brightness(.8)}.inv-card .lock-badge{position:absolute;top:2px;left:2px;z-index:2;font-size:10px;font-weight:900;padding:2px 6px;border-radius:6px;background:#ff5050d9;color:#fff;letter-spacing:.2px;box-shadow:0 1px 3px #0006}.altar-actions{display:flex;gap:8px;margin-top:12px}.altar-actions .btn{flex:1}button.altar-tree{background:linear-gradient(135deg,#b478ff40,#7c4dff26);border:1px solid rgba(180,120,255,.4);color:#c4a8ff;font-weight:800}.mission-hud .mh-daily{display:block;margin-top:3px;font-size:11px;opacity:.9}#update-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:100000;display:flex;align-items:center;gap:9px;max-width:min(92vw,420px);padding:11px 16px;border-radius:14px;font-size:13px;font-weight:600;color:#eae6ff;text-align:left;background:linear-gradient(135deg,#1e1636f7,#120e20f7);border:1px solid rgba(180,120,255,.55);box-shadow:0 8px 30px #0000008c,0 0 22px #965aff47;backdrop-filter:blur(6px);animation:ut-rise .32s cubic-bezier(.2,.9,.3,1) both}#update-toast b{color:#c9a8ff;font-weight:800}#update-toast .ut-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#9b6bff;box-shadow:0 0 8px #9b6bff;animation:ut-pulse 1.4s ease-in-out infinite}#update-toast.ut-busy{opacity:.6;pointer-events:none}#update-toast.ut-busy .ut-dot{animation:ut-spin .7s linear infinite;box-shadow:none;border:2px solid rgba(255,255,255,.35);border-top-color:#c9a8ff;background:transparent}@keyframes ut-rise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes ut-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ut-spin{to{transform:rotate(360deg)}}.overlay>.panel{animation:panelIn .22s cubic-bezier(.2,.9,.3,1) both}@keyframes panelIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.menu-bar .mbtn{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.menu-bar .mbtn:active{transform:scale(.92);filter:brightness(1.25);box-shadow:0 0 14px #a08cff73}.tbtn:active{filter:brightness(1.2)}.hp .fill.low{animation:hpLow .9s ease-in-out infinite}@keyframes hpLow{0%,to{filter:brightness(1)}50%{filter:brightness(1.6) saturate(1.3)}}.inv-card{transition:transform .12s ease,box-shadow .16s ease}.inv-card:not(.locked-level){box-shadow:0 0 0 0 transparent,inset 0 0 12px color-mix(in srgb,var(--rc, #fff) 18%,transparent)}.inv-card.eq{box-shadow:0 0 14px color-mix(in srgb,var(--rc, #fff) 45%,transparent),inset 0 0 12px color-mix(in srgb,var(--rc, #fff) 22%,transparent)}.inv-card .ic{transition:transform .15s ease}.inv-card:active .ic{transform:scale(1.08) rotate(-4deg)}.bar.boss{position:relative;overflow:hidden}.bar.boss:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:bossShine 2.6s linear infinite;pointer-events:none}@keyframes bossShine{to{left:120%}}.mission-hud.ready{animation:mhpulse 1.4s ease-in-out infinite}