:root{--ui-panel: rgba(16, 32, 38, .92);--ui-panel-2: rgba(10, 22, 28, .95);--ui-gold: #d9b14a;--ui-gold-light: #f6e3a1;--ui-gold-dark: #8a6a28;--ui-emerald: #2e8b57;--ui-emerald-dark: #1b5e46;--ui-cyan: #7ff0e8;--ui-text: #f3ead2;--ui-text-dim: #b8c9c2;--ui-title-font: "Cinzel", Georgia, "Times New Roman", serif;--ui-body-font: "Noto Sans", "Segoe UI", system-ui, sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b1618;color:var(--ui-text);font-family:var(--ui-body-font);user-select:none}#game{position:fixed;inset:0}#game canvas{display:block}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}.fx-panel{position:relative;background:radial-gradient(120% 140% at 30% 0%,rgba(46,139,87,.18),transparent 60%),linear-gradient(180deg,var(--ui-panel),var(--ui-panel-2));border:2px solid var(--ui-gold);box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #f6e3a140,inset 0 0 24px #7ff0e814,0 8px 24px #00000073;border-radius:6px}.fx-panel:before,.fx-panel:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--ui-gold-light);pointer-events:none}.fx-panel:before{top:-5px;left:-5px;border-right:none;border-bottom:none;border-radius:6px 0 0}.fx-panel:after{bottom:-5px;right:-5px;border-left:none;border-top:none;border-radius:0 0 6px}.loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(80% 80% at 50% 40%,#173a35,#0b1618 70%);transition:opacity .6s ease}.loader-title{font-family:var(--ui-title-font);font-size:44px;letter-spacing:6px;color:var(--ui-gold-light);text-shadow:0 0 18px rgba(217,177,74,.45),0 2px 0 #3a2a0a}.loader-bar{width:420px;max-width:70vw;height:14px;padding:3px}.loader-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,#1b5e46,#2e8b57 40%,#7ff0e8);box-shadow:0 0 12px #7ff0e899;transition:width .2s ease}.loader-label{font-family:var(--ui-title-font);font-size:15px;color:var(--ui-text-dim);letter-spacing:2px}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(70% 70% at 50% 45%,#0a1e1e1a,#060e10bf);transition:opacity .8s ease}.title-kicker{font-family:var(--ui-title-font);color:var(--ui-cyan);letter-spacing:8px;font-size:15px;text-transform:uppercase;text-shadow:0 0 10px rgba(127,240,232,.6)}.title-logo{font-family:var(--ui-title-font);font-weight:700;font-size:clamp(56px,9vw,112px);letter-spacing:10px;margin:6px 0 2px;background:linear-gradient(180deg,#fff6d6,#f6e3a1 40%,#d9b14a,#8a6a28);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(40,24,4,.8)) drop-shadow(0 0 24px rgba(217,177,74,.35))}.title-sub{font-family:var(--ui-title-font);color:var(--ui-text);letter-spacing:4px;font-size:18px;margin-bottom:42px;text-shadow:0 2px 6px rgba(0,0,0,.8)}.fx-button{font-family:var(--ui-title-font);font-size:20px;letter-spacing:3px;color:var(--ui-gold-light);padding:14px 54px;cursor:pointer;background:linear-gradient(180deg,#23463f,#122a26);border:2px solid var(--ui-gold);border-radius:5px;box-shadow:inset 0 1px #f6e3a159,inset 0 -2px #0006,0 6px 18px #00000080;transition:transform .12s ease,box-shadow .2s ease,color .2s ease}.fx-button:hover{color:#fffbe8;box-shadow:inset 0 1px #f6e3a180,0 0 18px #7ff0e873,0 6px 18px #00000080;transform:translateY(-1px)}.fx-button:active{transform:translateY(1px)}.title-hint{margin-top:22px;font-size:13px;color:var(--ui-text-dim);letter-spacing:1px}.hud-location{position:absolute;top:16px;left:16px;padding:10px 22px 10px 18px;min-width:200px}.hud-location .city{font-family:var(--ui-title-font);font-size:20px;color:var(--ui-gold-light);letter-spacing:2px}.hud-location .zone{font-size:13px;color:var(--ui-cyan);margin-top:2px}.hud-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:7px 18px;font-size:13px;color:var(--ui-text-dim);white-space:nowrap}.hud-hint b{color:var(--ui-gold-light);font-weight:600}.hud-stats{position:absolute;top:16px;right:16px;padding:8px 14px;font-size:12px;font-family:ui-monospace,Consolas,monospace;color:var(--ui-text-dim);line-height:1.5}.zone-banner{position:absolute;top:16%;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .8s ease}.zone-banner.show{opacity:1}.zone-banner .name{font-family:var(--ui-title-font);font-size:40px;letter-spacing:6px;color:var(--ui-gold-light);text-shadow:0 0 16px rgba(217,177,74,.5),0 3px 0 rgba(30,18,2,.9)}.zone-banner .sub{font-family:var(--ui-title-font);font-size:15px;letter-spacing:4px;color:var(--ui-cyan);text-shadow:0 2px 4px rgba(0,0,0,.9)}.zone-banner .rule{width:340px;height:2px;margin:8px auto;background:linear-gradient(90deg,transparent,var(--ui-gold),transparent)}.toast{position:absolute;bottom:70px;left:50%;transform:translate(-50%) translateY(10px);padding:12px 26px;text-align:center;opacity:0;transition:opacity .4s ease,transform .4s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast .t-title{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:18px;letter-spacing:2px}.toast .t-body{font-size:13px;color:var(--ui-text-dim);margin-top:3px}.hud-party{position:absolute;top:92px;left:16px;padding:10px 14px;width:210px;font-size:12px}.hud-party .lv{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:14px;display:flex;justify-content:space-between;margin-bottom:6px}.hud-party .gold{color:#ffd86a}.mini-bar{position:relative;height:12px;border-radius:3px;background:#0000008c;border:1px solid rgba(217,177,74,.6);margin:4px 0;overflow:hidden}.mini-bar>div{height:100%;transition:width .3s ease}.mini-bar .hp{background:linear-gradient(180deg,#ff8a7a,#c8414b)}.mini-bar .mp{background:linear-gradient(180deg,#8fb4ff,#3a5fc8)}.mini-bar .xp{background:linear-gradient(180deg,#ffe7a0,#c99a2a)}.mini-bar span{position:absolute;inset:0;font-size:10px;line-height:12px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.battle-ui{position:absolute;inset:0;--dock-h: max(170px, 26vh)}.battle-ui button{pointer-events:auto}.b-top{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 12px;max-width:94vw}.b-round{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:14px;white-space:nowrap;padding-right:10px;border-right:1px solid rgba(217,177,74,.5)}.b-order-list{display:flex;gap:4px;overflow:hidden}.b-chip{font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap;border:1px solid transparent}.b-chip.ally{background:#2e8b5780;color:#dfffe8}.b-chip.enemy{background:#c8414b73;color:#ffe4dc}.b-chip.current{border-color:var(--ui-gold-light);box-shadow:0 0 10px #f6e3a199}.b-chip em{font-style:normal;color:#ffe27a}.b-banner{position:absolute;top:14%;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .25s ease}.b-banner.show{opacity:1}.b-banner-main{font-family:var(--ui-title-font);font-size:32px;letter-spacing:4px;color:var(--ui-gold-light);text-shadow:0 0 14px rgba(217,177,74,.6),0 3px 0 rgba(30,18,2,.9)}.b-banner-sub{font-size:14px;color:var(--ui-cyan);text-shadow:0 2px 4px #000}.b-dock{position:absolute;left:0;right:0;bottom:0;height:var(--dock-h);display:grid;grid-template-columns:44% 56%;gap:6px;padding:6px;box-sizing:border-box;background:linear-gradient(180deg,#0a060400,#0a0604bf 25%)}.b-dock .fx-panel{min-height:0;box-sizing:border-box}.b-logbox{display:flex;flex-direction:column;padding:8px 12px;background:linear-gradient(180deg,#0e161ef0,#060a10f5)}.b-log-title{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:13px;margin-bottom:4px}.b-log-lines{flex:1;overflow-y:auto;font-size:12px;line-height:1.45;pointer-events:auto;scrollbar-width:thin}.b-log-line.ally{color:#bff7cf}.b-log-line.enemy{color:#ffc8b8}.b-console{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:linear-gradient(180deg,#3c0e0af0,#1c0606f5);border-color:#c9962e}.b-row{display:flex;align-items:center;gap:10px;min-height:0}.b-row.player{flex:1.3}.b-row.pets{flex:1;border-top:1px solid rgba(217,177,74,.35);padding-top:6px}.b-portrait{width:56px;height:56px;flex:0 0 56px;border-radius:50%;border:2px solid var(--ui-gold);background:radial-gradient(circle at 35% 30%,#6a7ae0,#23285e 70%);box-shadow:0 0 10px #7ff0e859,inset 0 0 10px #0009;display:flex;align-items:center;justify-content:center;font-family:var(--ui-title-font);font-size:26px;color:var(--ui-gold-light)}.b-who{flex:1;min-width:0}.b-name{font-family:var(--ui-title-font);font-size:14px;color:var(--ui-gold-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-name em{font-style:normal;font-family:var(--ui-body-font);font-size:11px;color:var(--ui-text-dim)}.b-name.small{font-size:11px}.b-bars .b-bar{position:relative;height:14px;border-radius:7px;background:#0009;border:1px solid rgba(217,177,74,.55);overflow:hidden;margin-top:3px}.b-bars.small .b-bar{height:9px;margin-top:2px}.b-fill{height:100%;transition:width .4s ease}.b-fill.hp{background:linear-gradient(180deg,#ff9a7a,#c8312b)}.b-fill.mp{background:linear-gradient(180deg,#8fdcff,#2f6fc8)}.b-bar-label{position:absolute;inset:0;font-size:10px;line-height:14px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.b-bars.small .b-bar-label{display:none}.b-who.ko,.b-pet.ko{opacity:.4;filter:grayscale(1)}.b-who.active .b-name,.b-pet.active .b-name{color:#fff6c8;text-shadow:0 0 8px rgba(255,226,122,.8)}.b-cmds{display:flex;gap:4px;height:100%;max-height:64px}.b-cmd{position:relative;width:46px;font-family:var(--ui-title-font);font-size:12px;font-weight:700;color:#ffd86a;cursor:pointer;background:linear-gradient(180deg,#a8241c,#5a0e0a);border:1px solid #e0b84e;border-radius:4px;box-shadow:inset 0 1px #ffdca066,0 2px 4px #00000080;display:flex;align-items:center;justify-content:center;transition:filter .15s ease,transform .1s ease}.b-cmd:hover:not(:disabled){filter:brightness(1.3)}.b-cmd:active:not(:disabled){transform:translateY(1px)}.b-cmd.selected{filter:brightness(1.4);box-shadow:0 0 10px #ffd86acc}.b-cmd:disabled{filter:grayscale(.7) brightness(.6);cursor:default}.b-cmd .key{position:absolute;top:1px;right:3px;font-family:var(--ui-body-font);font-size:9px;font-weight:400;color:#ffe6b499}.b-auto{font-family:var(--ui-title-font);font-size:11px;font-weight:700;color:#ffd86a;writing-mode:vertical-rl;padding:6px 3px;border:1px solid #e0b84e;border-radius:4px;background:linear-gradient(180deg,#a8241c,#5a0e0a)}.b-pet-list{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}.b-status{font-size:12px;color:var(--ui-text-dim);min-height:16px}.b-popup{position:absolute;right:6px;bottom:calc(var(--dock-h) + 4px);width:min(460px,56vw);padding:10px 12px;display:none}.b-popup.show{display:block}.b-popup-title{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:15px;margin-bottom:8px}.b-popup-body{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.b-opt{position:relative;font-family:var(--ui-title-font);font-size:13px;color:var(--ui-gold-light);padding:8px 6px;cursor:pointer;background:linear-gradient(180deg,#23463f,#122a26);border:1px solid var(--ui-gold);border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:1px}.b-opt:hover:not(:disabled){box-shadow:0 0 12px #7ff0e873;color:#fffbe8}.b-opt:disabled{opacity:.4;cursor:not-allowed}.b-opt.back{background:linear-gradient(180deg,#3a2a2a,#241414)}.b-opt .hint{font-family:var(--ui-body-font);font-size:11px;color:#8fb4ff}.b-opt .key{position:absolute;top:2px;right:5px;font-family:var(--ui-body-font);font-size:9px;color:#f6e3a18c}.b-hint{grid-column:span 2;font-size:13px;color:var(--ui-text-dim);align-self:center}.b-result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040a0c8c;pointer-events:auto;animation:fadeIn .4s ease}.b-result{min-width:340px;padding:22px 30px;text-align:center}.b-result .r-title{font-family:var(--ui-title-font);font-size:38px;letter-spacing:4px;color:var(--ui-gold-light);text-shadow:0 0 16px rgba(217,177,74,.5)}.b-result.defeat .r-title{color:#ff9a8a}.b-result .r-subtitle{color:var(--ui-text-dim);font-size:13px;margin-bottom:14px}.r-line{display:flex;justify-content:space-between;padding:5px 2px;border-bottom:1px solid rgba(217,177,74,.2)}.r-line b{color:#8af0a0}.r-line b.gold{color:#ffd86a}.r-sub{margin-top:12px;text-align:left;font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:14px}.b-opt.has-icon{flex-direction:row;justify-content:flex-start;gap:6px;text-align:left}.b-opt-icon{flex:none}.r-loot{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.r-item{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border:1px solid rgba(217,177,74,.5);border-radius:4px;background:#0000004d}.r-item i{width:12px;height:12px;border-radius:3px;display:inline-block}.r-none{text-align:left;font-size:12px;color:var(--ui-text-dim);margin:6px 0}.r-level{margin-top:8px;color:#ffe27a;font-family:var(--ui-title-font);text-shadow:0 0 10px rgba(255,226,122,.6)}.b-result .fx-button{margin-top:18px;padding:10px 40px;font-size:17px}.b-portrait.pet{background:radial-gradient(circle at 35% 30%,#e0a04a,#6a3a14 70%)}.b-pet{position:relative;padding:2px 4px;border-radius:4px;border:1px solid transparent}.b-pet.commanding{border-color:#ffe27a;background:#ffe27a24;box-shadow:0 0 10px #ffe27a73}.b-pet.is-player .b-name{color:#fff3c4}.b-chosen{font-size:10px;color:#9ff7b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:12px}.b-cmd.back{background:linear-gradient(180deg,#4a3a2a,#241a10)}.b-auto{cursor:pointer;pointer-events:auto;border:1px solid var(--ui-gold);border-radius:4px;background:linear-gradient(180deg,#5a1a1a,#2a0c0c)}.b-auto:hover{color:#fff6c8;box-shadow:0 0 10px #ffd86a80}.b-auto.on{color:#10241f;background:linear-gradient(180deg,#b8ffd0,#6fd68a);border-color:#9ff7b8;box-shadow:0 0 12px #9ff7b8cc;animation:b-auto-pulse 1.4s ease-in-out infinite}@keyframes b-auto-pulse{50%{box-shadow:0 0 4px #9ff7b866}}.sk-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040a0c8c;pointer-events:auto}.sk-panel{width:min(1100px,94vw);height:min(720px,90vh);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.sk-title{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:22px;letter-spacing:2px}.sk-title em{font-style:normal;font-size:15px;color:var(--ui-text-dim)}.sk-close{position:absolute;top:10px;right:14px;background:none;border:1px solid var(--ui-gold-dark);color:var(--ui-gold-light);border-radius:4px;width:30px;height:30px;cursor:pointer}.sk-main{flex:1;min-height:0;display:grid;grid-template-columns:210px 1fr;gap:14px}.sk-members{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sk-member{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;padding:8px;cursor:pointer;text-align:left;color:var(--ui-text);background:linear-gradient(180deg,#1c3a34,#10241f);border:1px solid var(--ui-gold-dark);border-radius:4px;font-family:var(--ui-body-font);font-size:13px}.sk-member.on{border-color:var(--ui-gold-light);box-shadow:0 0 10px #7ff0e859}.sk-member em,.sk-who em,.sk-name em,.sk-points em{font-style:normal;color:var(--ui-text-dim);font-size:.85em}.sk-sp{font-size:11px;color:var(--ui-text-dim)}.sk-sp.has{color:#ffe27a;font-weight:700}.sk-body{display:flex;flex-direction:column;gap:10px;min-height:0}.sk-head{display:grid;grid-template-columns:1fr auto;gap:2px 12px}.sk-who{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:17px}.sk-theme{grid-column:1;font-size:12px;color:var(--ui-text-dim)}.sk-points{grid-row:1 / span 2;grid-column:2;align-self:center;font-size:14px}.sk-points b{color:#ffe27a;font-size:18px}.sk-cards{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;align-content:start;padding-right:4px}.sk-card{display:flex;flex-direction:column;gap:5px;padding:10px;background:#061012b3;border:1px solid rgba(217,177,74,.45);border-radius:5px;font-size:12px}.sk-card.tier-advanced{border-color:#8fb4ff99}.sk-card.tier-ultimate{border-color:#ff8a3abf}.sk-card-head{display:flex;align-items:center;gap:6px}.sk-icon{font-size:18px}.sk-name{flex:1;font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:15px}.sk-lv{font-weight:700;color:var(--ui-cyan)}.sk-pips{display:flex;gap:3px}.sk-pips i{flex:1;height:5px;border-radius:2px;background:#ffffff1f}.sk-pips i.evo{background:#ffb45a2e}.sk-pips i.on{background:var(--ui-cyan)}.sk-pips i.on.evo{background:#ffb45a}.sk-meta{color:var(--ui-text-dim);text-transform:capitalize}.sk-power{color:#ffe27a}.sk-desc{color:var(--ui-text);line-height:1.35}.sk-branch-on{color:#ffb45a}.sk-next,.sk-max{color:var(--ui-text-dim);font-style:italic}.sk-up,.sk-branch{cursor:pointer;color:var(--ui-gold-light);background:linear-gradient(180deg,#23463f,#122a26);border:1px solid var(--ui-gold);border-radius:4px;padding:6px 8px;font-family:var(--ui-body-font);font-size:12px}.sk-up em{font-style:normal;color:#ffe27a}.sk-up:disabled,.sk-branch:disabled{opacity:.4;cursor:not-allowed}.sk-up:hover:not(:disabled),.sk-branch:hover:not(:disabled){box-shadow:0 0 10px #7ff0e873}.sk-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sk-branch{display:flex;flex-direction:column;gap:3px;text-align:left}.sk-branch span{color:var(--ui-text)}.sk-branch em{color:#ffb45a;font-size:11px}@media(max-width:700px){.sk-main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sk-members{flex-direction:row;overflow-x:auto}.sk-branches{grid-template-columns:1fr}}.at-body{overflow:hidden}.at-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:14px}.at-box{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#0a16148c;border:1px solid var(--ui-gold-dark);border-radius:4px;min-height:0;overflow-y:auto}.at-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:12px 16px}.at-box-title{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:14px;letter-spacing:1px;border-bottom:1px solid rgba(217,177,74,.3);padding-bottom:3px;margin-bottom:2px}.at-box-title em,.at-name em,.at-pname em{font-style:normal;font-size:.8em;color:var(--ui-text-dim)}.at-point{display:grid;grid-template-columns:1fr 34px 40px 40px;grid-template-rows:auto auto;align-items:center;gap:2px 6px;padding:6px 0;border-bottom:1px dashed rgba(184,201,194,.15)}.at-pname{color:var(--ui-text);font-size:14px}.at-pval{text-align:right;color:#ffe27a;font-size:15px}.at-gives{grid-column:1 / -1;font-size:11px;color:var(--ui-text-dim)}.at-add,.at-reset{cursor:pointer;color:var(--ui-text);background:linear-gradient(180deg,#2e6a52,#1b4436);border:1px solid var(--ui-gold-dark);border-radius:3px;padding:3px 0;font-family:var(--ui-body-font);font-size:12px}.at-reset{margin-top:8px;padding:6px}.at-add:disabled,.at-reset:disabled{opacity:.4;cursor:default}.at-group{display:flex;flex-direction:column;gap:2px}.at-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--ui-text);padding:1px 0}.at-row.dim{opacity:.45}.at-val{font-variant-numeric:tabular-nums;color:var(--ui-gold-light);white-space:nowrap}.at-val em{font-style:normal;font-size:.85em}.at-val em.up{color:#8af0a0}.at-val em.down{color:#ff8a7a}@media(max-width:760px){.at-grid{grid-template-columns:1fr;overflow-y:auto}}.eq-panel{width:min(1240px,96vw);height:min(760px,92vh)}.eq-main{grid-template-columns:236px 1fr}.eq-body{overflow:hidden}.eq-grid{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr;gap:12px}.eq-left{display:flex;flex-direction:column;gap:10px;min-height:0}.eq-box{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#0a16148c;border:1px solid var(--ui-gold-dark);border-radius:4px;min-height:0;overflow-y:auto}.eq-empty{color:var(--ui-text-dim);font-size:12px;padding:4px 8px}.eq-member{grid-template-columns:40px 1fr;gap:8px}.eq-mtext{display:flex;flex-direction:column;gap:4px;min-width:0}.eq-strip{display:flex;gap:2px}.eq-strip .gtile{border-width:1px;border-radius:3px}.eq-doll{flex-direction:row;justify-content:space-between;align-items:center;flex:none;overflow:visible;background:radial-gradient(ellipse at center,rgba(127,240,232,.12),transparent 65%),#0a16148c}.eq-dcol{display:flex;flex-direction:column;gap:8px}.eq-dcenter{display:flex;flex-direction:column;align-items:center;gap:6px}.eq-dscore{font-size:11px;color:var(--ui-text-dim)}.eq-dslot{display:flex;flex-direction:column;align-items:center;gap:1px}.eq-dlabel{font-size:10px;color:var(--ui-text-dim)}.eq-detail{flex:1}.eq-compare-title{font-size:11px;color:var(--ui-text-dim);margin:4px 0 2px}.eq-worn{display:inline-flex;align-items:center;gap:4px}.eq-filters{display:flex;flex-wrap:wrap;gap:4px}.eq-filter{display:inline-flex;align-items:center;gap:3px;background:none;border:1px solid rgba(217,177,74,.35);border-radius:3px;color:var(--ui-gold-light);font-family:var(--ui-body-font);font-size:12px;padding:1px 6px;cursor:pointer}.eq-filter.on{border-color:var(--ui-gold-light);background:#d9b14a26}.eq-tiles{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.eq-btn{background:linear-gradient(180deg,#24463f,#142c27);border:1px solid var(--ui-gold-dark);border-radius:3px;color:var(--ui-text);font-family:var(--ui-body-font);font-size:11px;padding:3px 7px;cursor:pointer}.eq-btn:hover:not(:disabled){border-color:var(--ui-gold-light)}.eq-btn:disabled{opacity:.45;cursor:default}.ico{display:block;pointer-events:none;image-rendering:auto}.gtile{--q: #6a7a76;position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--q);border-radius:6px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--q) 28%,#10201c),#0a1513 75%);box-shadow:inset 0 0 8px #0009;cursor:default;font-family:var(--ui-body-font)}button.gtile{cursor:pointer}button.gtile:hover{filter:brightness(1.2)}.gtile.on{outline:2px solid #fff4c8;outline-offset:1px;box-shadow:0 0 12px var(--q)}.gtile.empty{border-style:dashed;border-color:#b8c9c24d;background:#00000040}.gtile.item{--q: #8a7a5a}.gtile.dim .ico{opacity:.45;filter:grayscale(.7)}.gtile.q-epic,.gtile.q-legendary,.gtile.q-mythic{box-shadow:inset 0 0 8px #0009,0 0 6px color-mix(in srgb,var(--q) 60%,transparent)}.gt-enh,.gt-count{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.gt-badge{position:absolute;left:-5px;top:-5px}.gt-delta{position:absolute;right:2px;top:0;font-size:11px;text-shadow:0 0 2px #000}.gt-delta.up{color:#7ff0a0}.gt-delta.down{color:#ff8a7a}.pf{--pf-color: #7ff0e8;position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;border:2px solid var(--pf-color);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--pf-color) 35%,#1a2a28),#0a1513 80%);box-shadow:0 0 6px #0009}.pf img{width:100%;height:100%;object-fit:cover}.gt-badge .pf{border-width:1.5px}.gear-card{display:flex;flex-direction:column;gap:3px;padding:7px 9px;background:#00000052;border:1px solid;border-left-width:3px;border-radius:4px;font-family:var(--ui-body-font);font-size:12px;color:var(--ui-text);text-align:left}.gc-head{display:flex;gap:8px;align-items:center}.gc-head-text{display:flex;flex-direction:column;gap:1px;min-width:0}.gc-title{font-weight:700;font-size:13px}.gc-meta,.gc-note{color:var(--ui-text-dim);font-size:11px}.gc-note{color:#ffd27a}.gc-lines{display:flex;flex-direction:column;gap:1px;margin-top:2px}.gc-main{color:#f2ecd8}.gc-affix{color:#9fd8ff}.gc-affix.rare{color:#ff9ad0;font-weight:700}.gc-tier{display:inline-block;min-width:20px;font-size:10px;text-align:center;border-radius:2px;background:#ffffff1a;color:#cfd8d4}.gc-tier.t4{background:#b26cff59}.gc-tier.t5{background:#ffa53a73;color:#fff}.gc-special{color:#ffc861}.gc-special.mythic{color:#ff7a8e;font-weight:700}.gc-foot{display:flex;gap:8px;font-size:11px;margin-top:2px}.gc-score{color:var(--ui-text-dim)}.gc-fit.hi{color:#7ff0a0}.gc-fit.mid{color:#ffd27a}.gc-fit.lo{color:#ff8a7a}.gc-delta.up{color:#7ff0a0}.gc-delta.down{color:#ff8a7a}.gc-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.r-gear{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px}.r-drop{display:flex;flex-direction:column;align-items:center;gap:3px;max-width:90px;font-size:11px;text-align:center;line-height:1.2}.r-drop .gtile.q-epic,.r-drop .gtile.q-legendary,.r-drop .gtile.q-mythic{animation:gt-glow 1.4s ease-in-out infinite alternate}@keyframes gt-glow{0%{box-shadow:0 0 4px var(--q)}to{box-shadow:0 0 16px var(--q)}}.it-panel{width:min(960px,94vw)}.it-body{flex:1;min-height:0;display:flex}.it-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(280px,360px);gap:14px}.it-list{display:flex;flex-direction:column;gap:10px}.it-grid{display:flex;flex-wrap:wrap;gap:8px}.it-cell{display:flex;flex-direction:column;align-items:center;gap:2px;width:66px}.it-cell-name{font-size:11px;color:var(--ui-text);text-align:center;line-height:1.15}.it-head{display:flex;gap:10px;align-items:center}.it-big{width:76px;height:76px}.it-own{font-family:var(--ui-body-font);font-size:12px;color:var(--ui-text-dim)}.it-mbody{display:flex;flex-direction:column;min-width:0}.it-mname em{font-style:normal;color:var(--ui-text-dim);font-size:.9em}.it-item{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:6px 8px;text-align:left;color:var(--ui-text);background:linear-gradient(180deg,#1c3a34,#10241f);border:1px solid var(--ui-gold-dark);border-radius:4px;font-family:var(--ui-body-font);font-size:13px;cursor:pointer}.it-item.on{border-color:var(--ui-gold-light);box-shadow:0 0 10px #7ff0e859}.it-icon{width:14px;height:14px;border-radius:4px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff59}.it-name em,.it-title em{font-style:normal;font-size:.8em;color:var(--ui-text-dim)}.it-count{color:var(--ui-gold-light)}.it-detail{gap:8px}.it-title{font-family:var(--ui-title-font);color:var(--ui-gold-light);font-size:18px}.it-desc{font-size:13px;color:var(--ui-text)}.it-note{font-size:12px;color:#ffd27a}.it-use{align-self:flex-start;font-size:12px;padding:5px 10px}.it-member{display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:8px;row-gap:3px;padding:6px 8px;text-align:left;color:var(--ui-text);background:#0000004d;border:1px solid rgba(217,177,74,.4);border-radius:4px;font-family:var(--ui-body-font);font-size:12px;cursor:pointer}.it-member:hover:not(:disabled){border-color:var(--ui-gold-light)}.it-member:disabled{cursor:default;opacity:.75}.it-bar{height:12px}.it-msg{font-size:12px;color:#8af0a0}.nav-mini{position:absolute;top:16px;right:16px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.nav-title{font-family:var(--ui-title-font);font-size:14px;letter-spacing:2px;color:var(--ui-gold-light)}.nav-ring{position:relative;width:184px;height:184px;border-radius:50%;border:2px solid var(--ui-gold);box-shadow:0 0 0 3px #0a1614e6,0 0 0 4px var(--ui-gold-dark),inset 0 0 18px #000c;overflow:hidden;cursor:pointer}.nav-canvas{display:block;width:184px;height:184px}.nav-n{position:absolute;top:2px;left:50%;transform:translate(-50%);font-family:var(--ui-title-font);font-size:11px;color:var(--ui-gold-light);text-shadow:0 1px 2px #000,0 0 4px #000}.nav-foot{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.nav-coords{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--ui-cyan)}.nav-btn{background:linear-gradient(180deg,#24463f,#142c27);border:1px solid var(--ui-gold-dark);border-radius:3px;color:var(--ui-text);font-size:11px;padding:2px 7px;cursor:pointer}.nav-btn b{color:var(--ui-gold-light)}.nav-btn:hover{border-color:var(--ui-gold-light)}.hud-stats{top:262px}.wm-panel{width:min(1240px,96vw);height:min(800px,92vh)}.wm-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 260px;gap:14px}.wm-left{min-height:0;display:flex;flex-direction:column;gap:8px}.wm-view{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#081210;border:1px solid var(--ui-gold-dark);border-radius:4px;overflow:hidden}.wm-layer{position:relative;max-width:100%;max-height:100%;aspect-ratio:auto;cursor:crosshair;line-height:0}.wm-canvas{display:block;max-width:100%;max-height:calc(min(800px,92vh) - 140px)}.wm-zone{position:absolute;transform:translate(-50%,-50%);font-family:var(--ui-title-font);font-size:13px;line-height:1.2;letter-spacing:1px;white-space:nowrap;color:#f6e3a1d9;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:none}.wm-pin{position:absolute;transform:translate(-7px,-7px);display:flex;align-items:center;gap:4px;padding:0;background:none;border:none;cursor:pointer;line-height:1.2;font-family:var(--ui-body-font);font-size:12px;color:var(--ui-text);text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap}.wm-pin i,.wm-row i,.wm-key i{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid #0a3a34;background:#9ff3e6;display:inline-block}.wm-pin.shop i,.wm-row.shop i,.wm-key.shop i{background:#ffd24a;border-color:#5a3a00}.wm-pin.exit i,.wm-row.exit i,.wm-key.exit i{border-radius:1px;transform:rotate(45deg);background:#7fb8ff;border-color:#0a2050}.wm-pin:hover span{color:var(--ui-gold-light)}.wm-pin.shop span{color:#ffe9a8}.wm-you{position:absolute;width:0;height:0;pointer-events:none}.wm-you i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;background:#fff;clip-path:polygon(100% 50%,0 0,22% 50%,0 100%);filter:drop-shadow(0 0 3px #000)}.wm-you:after{content:"";position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:wm-pulse 1.6s ease-out infinite}@keyframes wm-pulse{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.wm-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ui-text-dim)}.wm-key{display:flex;align-items:center;gap:5px}.wm-key.you i{border-radius:0;border:none;background:#fff;clip-path:polygon(100% 50%,0 0,22% 50%,0 100%)}.wm-hover{margin-left:auto;font-family:ui-monospace,Consolas,monospace;color:var(--ui-cyan);min-width:70px;text-align:right}.wm-tip{color:var(--ui-text-dim);font-style:italic}.wm-side{overflow-y:auto}.wm-list{display:flex;flex-direction:column;gap:5px}.wm-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:6px 8px;text-align:left;color:var(--ui-text);background:linear-gradient(180deg,#1c3a34,#10241f);border:1px solid var(--ui-gold-dark);border-radius:4px;font-family:var(--ui-body-font);font-size:13px;cursor:pointer}.wm-row:hover{border-color:var(--ui-gold-light);box-shadow:0 0 10px #7ff0e84d}.wm-row-name em{display:block;font-style:normal;font-size:11px;color:var(--ui-text-dim)}.wm-go{font-size:11px;color:var(--ui-cyan)}.shop-panel{width:min(1000px,94vw)}.shop-head{display:flex;align-items:center;gap:16px}.shop-greet{flex:1;font-style:italic;font-size:13px;color:var(--ui-text-dim)}.shop-tabs{display:flex;gap:6px}.shop-tab{background:linear-gradient(180deg,#1c3a34,#10241f);border:1px solid var(--ui-gold-dark);border-radius:4px;color:var(--ui-text-dim);font-family:var(--ui-title-font);font-size:14px;padding:5px 16px;cursor:pointer}.shop-tab.on{color:var(--ui-gold-light);border-color:var(--ui-gold-light);box-shadow:0 0 10px #7ff0e84d}.shop-gold{font-family:var(--ui-title-font);color:var(--ui-text-dim)}.shop-gold .gold{color:#ffd86a}.shop-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.shop-tools{display:flex;align-items:center;gap:8px}.shop-note{flex:1;font-size:12px;color:var(--ui-text-dim)}.shop-list{flex:1;gap:4px}.shop-row{display:grid;grid-template-columns:40px 1fr 80px 60px 170px;align-items:center;gap:10px;padding:6px 8px;background:linear-gradient(180deg,#1c3a34b3,#10241fb3);border:1px solid rgba(138,106,40,.6);border-radius:4px;font-size:13px}.shop-name em{font-style:normal;font-size:.8em;color:var(--ui-text-dim)}.shop-desc{font-size:11px;color:var(--ui-text-dim);margin-top:1px}.shop-owned{font-size:12px;color:var(--ui-text-dim);text-align:right}.shop-price{color:#ffd86a;text-align:right}.shop-actions{display:flex;gap:4px;justify-content:flex-end}.shop-actions .eq-btn{min-width:42px}.shop-cards{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:8px}.shop-msg{min-height:18px}.heal-panel{position:relative;width:min(520px,92vw);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.heal-body{display:flex;flex-direction:column;gap:10px}.heal-line{font-style:italic;font-size:13px;color:var(--ui-text-dim)}.heal-party{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#0a16148c;border:1px solid var(--ui-gold-dark);border-radius:4px}.heal-row{display:grid;grid-template-columns:110px 1fr 1fr;align-items:center;gap:8px;font-size:12px}.heal-row .mini-bar{margin:0}.heal-foot{display:flex;align-items:center;gap:8px}.heal-foot .shop-gold{flex:1}.heal-btn{font-size:13px;padding:5px 12px}.set-button{position:absolute;left:16px;bottom:16px;z-index:50;width:40px;height:40px;padding:0;font-size:20px;line-height:1;color:var(--ui-gold-light);cursor:pointer;pointer-events:auto;transition:transform .2s ease}.set-button:hover{transform:rotate(45deg)}.set-overlay{z-index:60}.set-panel{position:relative;width:min(460px,92vw);height:auto;gap:14px}.set-row{display:grid;grid-template-columns:96px 34px 1fr 46px;align-items:center;gap:10px;padding:10px 12px;background:var(--ui-panel-2);border:1px solid rgba(138,106,40,.5);border-radius:6px}.set-label{display:flex;flex-direction:column;font-size:15px;color:var(--ui-text)}.set-label small{font-size:11px;color:var(--ui-text-dim)}.set-mute{width:34px;height:30px;padding:0;font-size:16px;background:none;border:1px solid var(--ui-gold-dark);border-radius:4px;cursor:pointer}.set-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--ui-gold-light)}.set-slider{--fill: 50%;width:100%;height:6px;margin:0;appearance:none;-webkit-appearance:none;border-radius:3px;background:linear-gradient(90deg,var(--ui-gold) var(--fill),rgba(255,255,255,.12) var(--fill));cursor:pointer}.set-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ui-gold-light);border:2px solid var(--ui-gold-dark)}.set-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ui-gold-light);border:2px solid var(--ui-gold-dark)}.set-note{font-size:12px;color:var(--ui-text-dim);text-align:center}#ui-root:has(.b-dock) .set-button{bottom:calc(max(170px,26vh) + 10px)}