.item-slot{position:relative;border-radius:14px;background:radial-gradient(circle at 50% 36%,#1b2233,#0c1018 80%);border:1.5px solid rgba(233,190,98,.35);box-shadow:inset 0 0 14px #e9be621a,0 6px 16px #00000073;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.item-slot img{width:78%;height:78%;object-fit:contain;box-shadow:0 2px 3px #00000080;pointer-events:none}.item-slot[data-tier=common]{border-color:#5d6b7a;box-shadow:inset 0 0 12px #788ca01f,0 6px 16px #00000073}.item-slot[data-tier=rare]{border-color:#4fa3ff;box-shadow:inset 0 0 14px #4fa3ff2e,0 6px 16px #00000073}.item-slot[data-tier=precious]{border-color:#b47cff;box-shadow:inset 0 0 14px #b47cff2e,0 6px 16px #00000073}.item-slot[data-tier=extreme]{border-color:#e9be62;box-shadow:inset 0 0 16px #e9be6238,0 6px 16px #00000073}.item-slot[data-tier=immortal]{border-color:#5fe0d8;box-shadow:inset 0 0 16px #5fe0d838,0 6px 16px #00000073}.item-slot[data-tier=tool]{border-color:#caa15a;box-shadow:inset 0 0 12px #caa15a29,0 6px 16px #00000073}.item-slot[data-tier=celestial]{border-color:#ffe7a0;box-shadow:inset 0 0 18px #ffe7a047,0 0 14px #ffe7a059,0 6px 16px #00000073}.item-slot[data-tier=attack]{border-color:#ff6b5e;box-shadow:inset 0 0 16px #ff6b5e38,0 6px 16px #00000073}.item-slot[data-tier=heal]{border-color:#5fe09a;box-shadow:inset 0 0 16px #5fe09a38,0 6px 16px #00000073}:root{--ink: #0e1116;--ink-2: #151a22;--ink-3: #1c232e;--ink-4: #262f3d;--paper: #e8e2d0;--paper-dim: #b5ad9a;--muted: #8b8371;--gold: #c9a227;--gold-bright: #e0bd5c;--gold-line: rgba(201, 162, 39, .22);--gold-soft: rgba(201, 162, 39, .1);--cinnabar: #c2453a;--cinnabar-soft: rgba(194, 69, 58, .12);--jade: #6f9a8f;--danger: #d05a4e;--success: #7fb59b;--font-title: "STKaiti", "KaiTi", "SimSun", serif;--font-body: "Microsoft YaHei", "PingFang SC", sans-serif;--r-panel: 10px;--r-btn: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1000px 500px at 80% -10%,rgba(201,162,39,.06),transparent 60%),radial-gradient(800px 400px at 0% 110%,rgba(111,154,143,.05),transparent 55%),var(--ink);color:var(--paper);font-family:var(--font-body);min-height:100vh}.app{max-width:1040px;margin:0 auto;padding:0 20px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 10px;flex-wrap:nowrap;flex-shrink:0}.plaque{position:relative;padding:8px 34px 7px;background:linear-gradient(180deg,#14181f,#0a0d12);border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);border-radius:2px}.plaque h1{font-family:var(--font-title);font-size:20px;letter-spacing:8px;color:var(--gold-bright);margin:0}.plaque .ver{font-size:10px;color:var(--muted);letter-spacing:2px;display:block;margin-top:1px}.plaque .seal{position:absolute;right:-30px;top:50%;transform:translateY(-50%);background:var(--cinnabar);color:#f5ead8;font-family:var(--font-title);font-size:12px;padding:5px 6px;border-radius:4px;line-height:1.2}.tabs{display:flex;gap:6px}.tab{position:relative;background:var(--ink-2);color:var(--paper-dim);border:1px solid var(--gold-line);border-bottom:none;border-radius:8px 8px 0 0;padding:9px 20px 8px;cursor:pointer;font-size:13.5px;transition:all .15s;font-family:var(--font-body)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink-2)}.tab:hover{color:var(--paper)}.tab.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#16130a;font-weight:700;border-color:transparent}.tab.active:after{background:transparent}.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:6px 12px}.topbar-realm{display:flex;align-items:center;gap:6px;padding-right:12px;margin-right:4px;border-right:1px solid var(--gold-line)}.topbar-realm-name{font-family:var(--font-title);font-size:16px;color:var(--gold-bright)}.topbar-layer{font-size:12px;color:var(--paper-dim)}.topbar-injured{font-size:11px;color:#f5ead8;background:var(--cinnabar);border-radius:8px;padding:1px 8px}.topbar-buff{font-size:11px;color:#f5ead8;border-radius:8px;padding:1px 8px;animation:breathe 2.4s ease-in-out infinite}.topbar-buff.food{background:#a05c2a}.topbar-buff.wine{background:#5a4a8a}.topbar-res-group{display:flex;gap:14px;align-items:center;border-left:1px solid var(--gold-line);padding:0 4px 0 14px;margin-left:4px}.topbar-item{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:56px}.topbar-key{font-size:10px;color:var(--muted)}.topbar-item b{font-size:13px;color:var(--paper);font-weight:400}.topbar-icons{display:flex;gap:6px;align-items:center;padding-left:10px;margin-left:4px;border-left:1px solid var(--gold-line)}.icon-btn{position:relative;min-width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;color:var(--paper);font-size:16px;cursor:pointer;transition:all .15s}.icon-btn:hover{border-color:var(--gold);background:var(--ink-2)}.icon-btn.active{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,162,39,.15),var(--ink-2));color:var(--gold-bright)}.buff-badge{position:absolute;top:-5px;right:-5px;background:var(--cinnabar);color:#f5ead8;font-size:10px;font-weight:700;line-height:1;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 2px 6px #0006}.app-body{display:flex;gap:14px;align-items:stretch;margin-top:12px;flex:1;min-height:0}.sidenav{width:128px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:7px 10px;cursor:pointer;color:var(--paper-dim);text-align:left;transition:all .15s;font-family:var(--font-body);flex-shrink:0}.nav-item:hover{border-color:var(--gold);color:var(--paper)}.nav-item.active{background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-color:transparent;color:#16130a}.nav-mark{width:24px;height:24px;flex-shrink:0;border-radius:5px;background:var(--ink-3);border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:13px;color:var(--gold-bright)}.nav-item.active .nav-mark{background:#16130a26;border-color:transparent;color:#16130a}.nav-text{display:flex;flex-direction:column;line-height:1.2}.nav-name{font-size:13px;font-weight:700}.nav-hint{font-size:9.5px;opacity:.75}.main-area{flex:1;min-width:0;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:12px;padding:14px 16px;animation:fadein .25s ease;min-height:0;overflow-y:auto}.page-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.page-main{display:flex;flex-direction:column;gap:14px}.sec-title{font-family:var(--font-title);font-size:15px;color:var(--gold-bright);margin:12px 0 8px;padding-left:10px;border-left:3px solid var(--gold)}.logbar{margin-top:14px;display:flex;gap:12px;align-items:flex-start;background:var(--ink-2);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);border-radius:2px;padding:8px 16px;min-height:34px}.logbar-title{font-family:var(--font-title);font-size:13px;color:var(--gold-bright);flex-shrink:0;padding-top:2px}.logbar-lines{display:flex;flex-direction:column;gap:1px;overflow:hidden;flex:1}.logbar-line{font-size:12px;color:var(--paper-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logbar-line:first-child{color:var(--gold-bright)}.panel{margin-top:16px;animation:fadein .25s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}@media (max-width: 920px){.page-grid{grid-template-columns:1fr}}.scroll-panel{background:var(--ink-2);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:16px 20px;position:relative}.scroll-panel:before,.scroll-panel:after{content:"";position:absolute;top:-2px;width:18px;height:2px;background:var(--gold)}.scroll-panel:before{left:0}.scroll-panel:after{right:0}.realm-badge{display:flex;align-items:center;gap:10px;margin-bottom:10px}.realm-bar{width:5px;height:30px;border-radius:3px}.realm-name{font-family:var(--font-title);font-size:24px;color:var(--gold-bright);letter-spacing:2px}.layer{font-size:14px;color:var(--paper-dim)}.realm-qi{margin-left:auto;font-size:13px;color:var(--muted)}.realm-qi b{color:var(--gold-bright);font-size:15px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px;font-size:12.5px;color:var(--paper-dim)}.stat-grid span{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(201,162,39,.14);padding:3px 0}.stat-grid b{color:var(--paper);font-weight:400}.debuff{margin-top:8px;padding:6px 10px;border-radius:6px;background:var(--cinnabar-soft);border:1px solid rgba(194,69,58,.35);color:#e8a09a;font-size:12.5px}.meditate-btn{width:100%;padding:38px 20px;border-radius:var(--r-panel);background:radial-gradient(circle at 50% 32%,#1d2531,#12161e 70%);border:2px solid var(--gold);cursor:pointer;color:var(--gold-bright);display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .08s,box-shadow .2s;box-shadow:0 0 0 6px #c9a22712,0 0 22px #c9a22729}.meditate-btn:hover{box-shadow:0 0 0 8px #c9a2271f,0 0 34px #c9a2274d}.meditate-btn:active{transform:scale(.97)}.taiji{width:128px;height:128px;border-radius:50%;background:linear-gradient(90deg,#0d1016 50%,#e8e2d0 50%);position:relative;border:1px solid rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--gold-bright);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 4px #c9a2271a,0 0 16px #c9a22729}50%{box-shadow:0 0 0 8px #c9a22729,0 0 30px #c9a22757}}.meditate-main{font-family:var(--font-title);font-size:20px;letter-spacing:6px}.meditate-sub{font-size:12px;color:var(--muted);letter-spacing:2px}.actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.btn{padding:10px 22px;border-radius:var(--r-btn);border:1px solid var(--gold-line);background:var(--ink-3);color:var(--paper);cursor:pointer;font-size:14px;font-family:var(--font-body);display:inline-flex;flex-direction:column;align-items:center;gap:3px;transition:all .15s}.btn:hover:not(:disabled){background:var(--ink-4);border-color:var(--gold)}.btn:disabled{opacity:.4;cursor:not-allowed}.gold-btn{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#16130a;font-weight:700;border:none}.gold-btn:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.breakthrough-btn{background:linear-gradient(180deg,#d05a4e,var(--cinnabar));color:#f5ead8;border:none;font-weight:700}.breakthrough-btn:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(180deg,#d05a4e,var(--cinnabar))}.btn .rate{font-size:11.5px;font-weight:400;opacity:.88}.plain-btn{font-size:12.5px;color:var(--muted);border-color:transparent;background:transparent}.mini{padding:5px 12px;font-size:12.5px}.mini.active{background:var(--gold);color:#16130a;border-color:transparent}.material-check{margin-top:12px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:12px 16px;font-size:13px;display:flex;flex-direction:column;gap:5px}.material-check .ttl{font-family:var(--font-title);color:var(--gold-bright);font-size:14px;margin-bottom:2px}.mat-line.ok{color:var(--success)}.mat-line.miss{color:var(--danger)}.mat-total{font-weight:700;margin-top:3px;padding-top:6px;border-top:1px dashed var(--gold-line)}.mat-total.ok{color:var(--success)}.mat-total.miss{color:var(--gold-bright)}.potion-prefs-panel{margin-top:12px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:12px 16px;font-size:13px;display:flex;flex-direction:column;gap:8px}.potion-prefs-panel .ttl{font-family:var(--font-title);color:var(--gold-bright);font-size:14px}.potion-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-main);user-select:none}.potion-toggle input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;cursor:pointer}.potion-slider-row{display:flex;align-items:center;gap:10px}.potion-slider-row input[type=range]{flex:1;accent-color:var(--gold);cursor:pointer}.potion-slider-row b{min-width:42px;text-align:right}.potion-slider-row.dim{opacity:.55}.potion-slider-row.dim input[type=range]{cursor:default}.log-box{margin-top:14px;background:var(--ink-2);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);border-radius:2px;padding:12px 18px;height:200px;overflow-y:auto;font-size:12.5px;line-height:1.9}.log-line{color:var(--paper-dim);border-bottom:1px dashed rgba(201,162,39,.12)}.log-line:first-child{color:var(--gold-bright)}.prod-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:10px 16px;font-size:12.5px;color:var(--paper-dim)}.gold{color:var(--gold-bright)}.prod-section h3{font-family:var(--font-title);font-size:15px;color:var(--gold-bright);margin-bottom:8px;padding-left:10px;border-left:3px solid var(--gold)}.gather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.gather-card{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:10px 12px;cursor:pointer;text-align:left;color:var(--paper);display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s;font-family:var(--font-body)}.gather-card:hover{border-color:var(--gold);background:var(--ink-3)}.gname{font-size:13.5px}.gathering-active,.crafting-active{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--gold-soft),transparent);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:12px 16px;font-size:13.5px}.craft-progress{flex:1;height:10px;background:#0d1016;border-radius:6px;overflow:hidden}.craft-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));background-size:200% 100%;animation:goldflow 2s linear infinite;transition:width .25s linear}@keyframes goldflow{0%{background-position:0 0}to{background-position:200% 0}}.craft-list{display:flex;flex-direction:column;gap:6px}.craft-row{display:grid;grid-template-columns:170px 1fr auto;gap:10px;align-items:center;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:8px 12px}@media (max-width: 760px){.craft-row{grid-template-columns:1fr;gap:6px}}.craft-name{font-size:13px}.craft-mats{display:flex;gap:5px;flex-wrap:wrap}.mat-chip{font-size:11px;padding:1px 8px;border-radius:10px;border:1px solid var(--gold-line);color:var(--paper-dim)}.mat-chip.ok{color:var(--success);border-color:#7fb59b66}.mat-chip.miss{color:var(--danger);border-color:#d05a4e66}.craft-meta{font-size:11.5px;color:var(--muted);grid-column:2}@media (max-width: 760px){.craft-meta{grid-column:1}}.craft-row .btn{grid-column:3;grid-row:1 / span 2}@media (max-width: 760px){.craft-row .btn{grid-column:1;grid-row:auto}}.craft-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:8px 12px;margin:12px 0}.craft-search{flex:1;min-width:160px;background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line);border-radius:8px;padding:6px 10px;font-size:12.5px;font-family:var(--font-body)}.craft-search::placeholder{color:var(--muted)}.craft-search:focus{outline:none;border-color:var(--gold)}.craft-select{background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line);border-radius:8px;padding:6px 8px;font-size:12.5px;font-family:var(--font-body)}.craft-select:focus{outline:none;border-color:var(--gold)}.craft-fav-toggle{min-width:64px}.craft-fav-toggle.active{background:var(--gold);color:#16130a;border-color:transparent}.craft-stats{margin-left:auto;font-size:12px;white-space:nowrap}.craft-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}.craft-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:10px 8px 8px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.craft-card:hover{border-color:var(--gold);background:var(--ink-3);transform:translateY(-1px)}.craft-card.craftable{border-color:#7fb59b8c;background:#7fb59b0f}.craft-card.missing{opacity:.72}.craft-card.locked{opacity:.5}.craft-card.fav{border-color:var(--gold)}.craft-card-fav{position:absolute;top:4px;right:5px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--muted);line-height:1;padding:2px}.craft-card-fav.on,.craft-card-fav:hover{color:var(--gold-bright)}.craft-card-name{font-size:12.5px;color:var(--paper);line-height:1.25;min-height:30px;display:flex;align-items:center}.craft-card-sub{font-size:10.5px;color:var(--muted)}.craft-card-tag{margin-top:2px;font-size:10.5px;padding:1px 8px;border-radius:10px;border:1px solid var(--gold-line)}.craft-card-tag.ok{color:var(--success);border-color:#7fb59b80}.craft-card-tag.miss{color:var(--danger);border-color:#d05a4e80}.craft-card-tag.locked{color:var(--muted)}.craft-detail-modal{background:var(--ink-4);border:1px solid var(--gold);border-radius:12px;padding:18px 20px;max-width:460px;width:92%;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 40px #00000073}.cd-head{display:flex;align-items:center;gap:12px}.cd-head-text{min-width:0}.cd-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-title);font-size:16px;color:var(--gold-bright)}.cd-fav{position:static;font-size:11.5px}.cd-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.cd-desc{font-size:12.5px;color:var(--paper-dim);line-height:1.6}.cd-mats-title{font-size:12px;color:var(--muted);border-top:1px dashed var(--gold-line);padding-top:10px}.cd-mats{display:flex;flex-direction:column;gap:6px}.cd-mat{display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:8px;padding:6px 10px}.cd-mat.ok{border-color:#7fb59b66}.cd-mat.miss{border-color:#d05a4e66}.cd-mat-name{flex:1;font-size:12.5px;color:var(--paper)}.ok-text{color:var(--success);font-size:12.5px}.miss-text{color:var(--danger);font-size:12.5px}.cd-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px dashed var(--gold-line);padding-top:10px}.cd-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:2px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px}.cat-block{margin-bottom:14px}.cat-title{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);padding-left:10px;border-left:3px solid var(--gold);margin-bottom:8px}.inv-cell{display:flex;justify-content:space-between;align-items:center;gap:6px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:8px;font-size:12px;position:relative;padding:7px 10px 7px 18px;z-index:1}.inv-dot{position:absolute;left:8px;width:6px;height:6px;border-radius:50%}.inv-dot.herb{background:var(--jade)}.inv-dot.ore{background:var(--gold)}.inv-dot.wood{background:#4e7a5a}.inv-dot.dan{background:var(--cinnabar)}.inv-dot.qi{background:var(--gold-bright)}.inv-count{font-weight:700}.empty-tip{color:var(--muted);font-size:12.5px;padding:10px 4px}.battle-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.battle-toolbar select{background:var(--ink-2);color:var(--paper);border:1px solid var(--gold-line);padding:8px 12px;border-radius:var(--r-btn);font-size:13px;flex:1;min-width:220px;font-family:var(--font-body)}.speed-group{display:flex;gap:5px}.teams{display:grid;grid-template-columns:190px 1fr 190px;gap:14px;align-items:center}@media (max-width: 760px){.teams{grid-template-columns:1fr}}.team{display:flex;flex-direction:column;gap:8px}.team.enemy{direction:rtl}.team.enemy .fighter{direction:ltr;text-align:right}.team.enemy .hpfill{float:right}.fighter{position:relative;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:10px 12px}.fighter .fname{font-size:13px;font-family:var(--font-title);margin-bottom:6px}.fighter .fname .frm{font-size:10px;color:var(--muted);margin-left:6px;font-family:var(--font-body)}.fighter.dead{opacity:.38}.fighter.dead .fname:after{content:" 灭";color:var(--cinnabar);font-family:var(--font-title)}.hpbar{height:8px;background:#0d1016;border-radius:4px;overflow:hidden}.hpfill{height:100%;background:linear-gradient(90deg,var(--jade),var(--gold-bright));transition:width .2s}.hpnum{font-size:10.5px;color:var(--muted);margin-top:3px}.distance-zone{text-align:center}.battle-scroll{position:relative;background:var(--ink-2);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);border-radius:2px;padding:10px 14px;margin:6px 0}.distance-track{position:relative;height:12px;background:#0d1016;border-radius:6px;overflow:hidden}.distance-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));opacity:.75;transition:width .2s}.enemy-flag{position:absolute;right:8px;top:-3px;font-size:10px;color:var(--danger);font-family:var(--font-title)}.friend-flag{position:absolute;left:8px;top:-3px;font-size:10px;color:var(--jade);font-family:var(--font-title)}.distance-label{font-size:14px;color:var(--paper-dim);margin-top:4px}.close-tag{color:var(--cinnabar);font-weight:700}.field-axis{position:relative;height:60px;margin:2px 0}.field-track{position:absolute;left:4%;right:4%;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,var(--jade),var(--paper-dim) 50%,var(--danger));opacity:.5;border-radius:2px}.field-mid{position:absolute;left:50%;top:26%;bottom:26%;width:1px;background:var(--gold);opacity:.35}.field-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.field-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:11px;box-shadow:0 0 6px #00000080;transition:left .45s ease}.field-dot.dot-a{background:#6f9a8f47;border:1.5px solid var(--jade);color:var(--jade)}.field-dot.dot-b{background:#c2453a47;border:1.5px solid var(--danger);color:#e8a09a}.field-dot.dead{opacity:.32}.field-dot-figure{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10%}.fd-head{width:44%;height:34%;border-radius:50%;background:currentColor;opacity:.95;box-shadow:inset 0 -2px 3px #00000059}.fd-body{width:62%;height:42%;margin-top:5%;border-radius:42% 42% 32% 32%/52% 52% 34% 34%;background:currentColor;opacity:.72;box-shadow:inset 0 -2px 3px #0000004d}.field-dot.dead .field-dot-figure{filter:grayscale(1);opacity:.5}.fd-job{position:absolute;top:-3px;right:-3px;z-index:3;width:10px;height:10px;border-radius:50%;background:var(--ink-2);border:1.6px solid currentColor;display:flex;align-items:center;justify-content:center}.fd-job.melee{color:#ff9a3c}.fd-job.melee:before{content:"";width:1.6px;height:7px;background:currentColor;border-radius:1px;transform:rotate(45deg)}.fd-job.ranged{color:#5cb8ff}.fd-job.ranged:before{content:"";width:4px;height:4px;border-radius:50%;border:1.6px solid currentColor}.fd-job.ranged:after{content:"";position:absolute;width:1.6px;height:1.6px;border-radius:50%;background:currentColor}.fd-job.healer{color:#4dff88}.fd-job.healer:before{content:"";width:6.5px;height:1.6px;background:currentColor;border-radius:1px}.fd-job.healer:after{content:"";position:absolute;width:1.6px;height:6.5px;background:currentColor;border-radius:1px}.field-overhead{position:absolute;inset:0;pointer-events:none;z-index:4}.oh-item{position:absolute;transform:translate(-50%);white-space:nowrap;font-weight:700;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 8px rgba(0,0,0,.45);animation:ohFloat 1.3s ease-out forwards}.oh-dmg{color:#ff5c4d;font-size:17px}.oh-heal{color:#4dff88;font-size:15px}.oh-potion{color:#ffd76a;font-size:13px}.oh-death{color:#9aa3b8;font-size:12px}.oh-cast{display:inline-flex;animation-duration:1s}.oh-skill-ico{display:inline-flex;width:20px;height:20px;border-radius:4px;border:1.6px solid #ffd76a;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ffd76a;background:#c9a22740;box-shadow:0 0 10px #ffd76a66;animation:fxCastIn .45s ease-out}@keyframes ohFloat{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.85)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}to{opacity:0;transform:translate(-50%) translateY(-26px) scale(1)}}.field-ruler{position:relative;height:22px;margin:4px 0 2px;background:#0d1016;border:1px solid rgba(255,255,255,.08);border-radius:3px}.fr-tick{position:absolute;bottom:0;transform:translate(-50%);height:100%;display:flex;flex-direction:column;align-items:center}.fr-line{width:1px;height:55%;background:#fff6}.fr-label{font-size:9px;line-height:1;margin-top:1px;color:var(--muted);white-space:nowrap}.fr-unit{position:absolute;right:4px;top:1px;font-size:9px;color:var(--muted);opacity:.8}.fr-flag{position:absolute;bottom:100%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--jade);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));animation:frFlagPulse 1.4s ease-in-out infinite}.fr-flag:after{content:"";position:absolute;left:-.8px;top:6.5px;width:1.6px;height:5px;background:currentColor}.fr-flag.flag-a{color:var(--jade);border-bottom-color:var(--jade)}.fr-flag.flag-b{color:var(--danger);border-bottom-color:var(--danger)}@keyframes frFlagPulse{0%,to{opacity:.65}50%{opacity:1}}.job-tag{font-size:10px;padding:0 5px;border-radius:8px;margin-left:5px;font-family:var(--font-body);vertical-align:1px;border:1px solid}.job-tag.job-melee{color:#ff9a3c;border-color:#ff9a3c80}.job-tag.job-ranged{color:#5cb8ff;border-color:#5cb8ff80}.job-tag.job-healer{color:#4dff88;border-color:#4dff8880}.field-dot-hp{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:84%;height:4px;background:#0d1016;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.field-dot-hp-fill{display:block;height:100%;border-radius:1px;background:linear-gradient(90deg,var(--jade),#7dffb0);transition:width .2s}.field-dot-hp-fill.mid{background:linear-gradient(90deg,#b98a2f,#e0b64c)}.field-dot-hp-fill.low{background:linear-gradient(90deg,#a33,var(--cinnabar))}.field-dot-hp-fill.dead{background:#4a4f58}.battle-scroll.axis-approaching .field-track{animation:trackPulse 1.2s ease-in-out infinite}.battle-scroll.axis-close .field-track{background:linear-gradient(90deg,var(--cinnabar),var(--gold-bright) 50%,var(--cinnabar));opacity:.85}@keyframes trackPulse{0%,to{opacity:.4}50%{opacity:.9}}.approach-tag{color:var(--jade);font-size:11px}.fx-line{fill:none;stroke-width:2;stroke-linecap:round;animation:fxLine .45s ease-out forwards}.fx-line-dmg{stroke:#ff5c4d}.fx-line-heal{stroke:#4dff88}.fx-line-cast{stroke:#ffd76a}@keyframes fxLine{0%{opacity:.95;stroke-width:3}to{opacity:0;stroke-width:1}}.pos-tag{font-size:10px;padding:0 6px;border-radius:8px;border:1px solid var(--gold-line);margin-left:6px;font-family:var(--font-body);vertical-align:1px}.pos-tag.front{color:var(--gold-bright);border-color:var(--gold)}.pos-tag.mid{color:var(--paper-dim)}.pos-tag.back{color:var(--muted)}.fight-row{display:flex;gap:10px;font-size:10.5px;color:var(--muted);margin-top:4px}.result-banner{margin-top:14px;padding:14px;text-align:center;border-radius:var(--r-panel);background:linear-gradient(90deg,var(--gold-soft),rgba(201,162,39,.18));border:1px solid var(--gold);font-family:var(--font-title);font-size:18px;color:var(--gold-bright)}.muted{color:var(--muted);font-weight:400;font-size:12px}.loop-hp{display:inline-block;font-size:10.5px;color:#e0b64c;background:#e0b64c1f;border:1px solid rgba(224,182,76,.35);border-radius:8px;padding:0 6px;margin-left:6px;vertical-align:1px}.loop-hp.mid{color:#e08a5c;background:#e08a5c1f;border-color:#e08a5c59}.loop-hp.low{color:#ff7a6b;background:#ff7a6b24;border-color:#ff7a6b73;animation:loopHpBlink 1.2s ease-in-out infinite}@keyframes loopHpBlink{0%,to{opacity:1}50%{opacity:.55}}.loop-stopped-banner{display:flex;align-items:center;gap:8px;background:#c2453a24;border:1px solid rgba(194,69,58,.5);border-radius:var(--r-panel);padding:10px 14px;margin:6px 0 12px;color:#e8b0a8;font-size:13px;line-height:1.6}.work-card.auto.stopped{border-color:#c2453a73;background:#c2453a14}.work-card.auto.stopped .wc-title{color:#e8b0a8}.battle-log{height:240px}.battle-scroll.field-mode{padding:0;border:2px solid var(--gold);border-radius:10px;background:transparent;overflow:hidden;margin:6px 0}.battle-stage{position:relative;height:300px;overflow:hidden;background:#0a0e14}.bs-bg{position:absolute;inset:0;pointer-events:none}.bs-sky{position:absolute;inset:0;background:linear-gradient(180deg,#0a1020,#131c30 40%,#1c2436 68%,#252c3a)}.bs-moon{position:absolute;right:8%;top:12%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#f4e8c8,#d9c28a 70%);box-shadow:0 0 26px #e0bd5c73,0 0 60px #e0bd5c2e;opacity:.85}.bs-cloud{position:absolute;border-radius:50%;background:linear-gradient(180deg,#b4c3dc29,#b4c3dc0d);filter:blur(14px)}.bs-c1{left:-4%;top:16%;width:220px;height:34px}.bs-c2{left:38%;top:8%;width:180px;height:26px}.bs-c3{right:-3%;top:30%;width:240px;height:30px}.bs-mountains{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%}.bs-mtn-far{fill:#3c4e6e80}.bs-mtn-near{fill:#222c42b8}.bs-ground{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,#1e263000,#141a24 45%,#0d1118)}.bs-mist{position:absolute;left:-10%;right:-10%;bottom:18%;height:34px;background:linear-gradient(90deg,transparent,rgba(148,170,200,.1) 30%,rgba(148,170,200,.14) 50%,rgba(148,170,200,.1) 70%,transparent);filter:blur(10px)}.bs-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.bs-bg-img.loaded{opacity:1}.bs-units{position:absolute;inset:0}.bs-unit{position:absolute;display:flex;flex-direction:column;align-items:center;transform-origin:50% 100%;transition:left .45s ease,bottom .45s ease;will-change:left,bottom,transform;font-family:var(--font-title)}.bs-realm{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);padding:0 5px;border-radius:7px;background:#0a0d128c;white-space:nowrap;margin-bottom:1px}.bs-name{font-size:13px;font-weight:700;color:var(--paper);line-height:1.3;background:#0a0d1299;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:0 7px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9);position:relative;z-index:2}.bs-dead-tag{color:#ff7a6b;font-size:10px;margin-left:4px}.bs-fig{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,opacity .35s ease}.bs-img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55));transition:filter .35s ease}.bs-fallback{position:relative;width:52%;height:78%;display:flex;flex-direction:column;align-items:center;padding-top:6%;color:var(--jade)}.bs-unit.dot-b .bs-fallback{color:var(--danger)}.bs-fallback .fd-head{width:46%;height:30%;border-radius:50%;background:currentColor;opacity:.95;box-shadow:inset 0 -2px 3px #00000059}.bs-fallback .fd-body{width:64%;height:42%;margin-top:6%;border-radius:42% 42% 32% 32%/52% 52% 34% 34%;background:currentColor;opacity:.72}.bs-shadow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:74%;height:12px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 72%);pointer-events:none}.bs-bars{display:flex;flex-direction:column;gap:2px;width:92px;margin-top:1px;position:relative;z-index:2}.bs-bar{height:5px;background:#0d1016;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bs-bar i{display:block;height:100%;border-radius:2px;transition:width .2s ease}.bs-hp i{background:linear-gradient(90deg,#b8403a,#e06a58)}.bs-hp i.mid{background:linear-gradient(90deg,#b98a2f,#e0b64c)}.bs-hp i.low{background:linear-gradient(90deg,#7c2a26,#b8403a)}.bs-mp i{background:linear-gradient(90deg,#3a63a8,#7f9fd4)}.bs-speed{font-size:9.5px;color:var(--muted);line-height:1.2;margin-top:2px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);position:relative;z-index:2}.bs-oh{position:absolute;left:50%;transform:translate(-50%);z-index:5;pointer-events:none}.bs-unit.dead{opacity:.55}.bs-unit.dead .bs-fig{transform:rotate(-72deg) translateY(10px) scale(.92)}.bs-unit.dead .bs-img{filter:grayscale(1) brightness(.65)}.bs-footer{position:absolute;left:0;right:0;bottom:0;height:30px;z-index:40;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));font-size:12.5px;color:var(--paper-dim);pointer-events:none}.bs-dist{text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:auto}.bs-ruler{position:absolute;left:0;right:0;bottom:0;height:10px;opacity:.8;z-index:41;pointer-events:none}.bs-ruler .fr-tick{height:100%}.bs-ruler .fr-line{height:100%;background:#ffffff6b}.bs-fx-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.battle-scroll.axis-approaching .bs-mist{animation:bsMistDrift 4s ease-in-out infinite alternate}.battle-scroll.axis-approaching .bs-moon{animation:bsMoonPulse 2.4s ease-in-out infinite}.battle-scroll.axis-close .bs-sky{background:linear-gradient(180deg,#170d16,#1e1224 40%,#251728 68%,#2c1d2a)}@keyframes bsMistDrift{0%{transform:translate(-16px)}to{transform:translate(16px)}}@keyframes bsMoonPulse{0%,to{opacity:.8}50%{opacity:1}}.kind-damage{color:#e0b8b2}.kind-heal{color:var(--success)}.kind-death{color:var(--danger);font-weight:700}.kind-end{color:var(--gold-bright);font-weight:700}.tribulation-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:overlay-fade 2.5s ease forwards}.tribulation-overlay.success{background:radial-gradient(circle at 50% 45%,rgba(224,189,92,.55),rgba(201,162,39,.15) 45%,transparent 70%);animation:trib-success 2.5s ease forwards}.tribulation-overlay.fail{background:radial-gradient(circle at 50% 45%,rgba(194,69,58,.5),rgba(194,69,58,.12) 45%,transparent 70%);animation:trib-fail 2.5s ease forwards}@keyframes trib-success{0%{opacity:0}8%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes trib-fail{0%{opacity:0}8%{opacity:1}70%{opacity:1}to{opacity:0}}.trib-word{font-family:var(--font-title);font-size:56px;letter-spacing:20px;text-shadow:0 0 30px currentColor}.tribulation-overlay.success .trib-word{color:var(--gold-bright)}.tribulation-overlay.fail .trib-word{color:#e8a09a}.bt-thunder-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1e284680,#06080edb 60%,#04060af0);pointer-events:auto;overflow:hidden;user-select:none}.bt-thunder-overlay .bt-thunder-amb{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 30%,rgba(120,150,220,.16),transparent 60%);animation:bt-amb-breathe 4.5s ease-in-out infinite}@keyframes bt-amb-breathe{0%,to{opacity:.35}50%{opacity:.7}}.bt-thunder-overlay .bt-thunder-bolt{position:absolute;width:2.5px;z-index:1;transform-origin:top center;animation:bt-bolt-drift var(--dur, .6s) linear forwards}@keyframes bt-bolt-drift{0%{transform:rotate(var(--ang, 0deg)) translate(0)}to{transform:rotate(var(--ang, 0deg)) translate(var(--drift, 0px))}}.bt-thunder-overlay .bt-thunder-bolt-line{display:block;width:100%;height:100%;background:linear-gradient(180deg,transparent,#a9c6ff 28%,#d6e6ff 55%,#a9c6ff 82%,transparent);filter:drop-shadow(0 0 7px #9fc0ff);opacity:0;animation:bt-bolt-strike var(--dur, .6s) ease-out forwards}@keyframes bt-bolt-strike{0%{opacity:0;transform:scaleY(.25)}16%{opacity:.8;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.bt-thunder-overlay .bt-thunder-bolt.targeted{width:3.5px}.bt-thunder-overlay .bt-thunder-bolt.targeted .bt-thunder-bolt-line{background:linear-gradient(180deg,transparent,#cfe0ff,#ffffff 55%,#cfe0ff,transparent);filter:drop-shadow(0 0 12px #bcd4ff)}.bt-thunder-overlay .bt-thunder-stage{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:16px}.bt-thunder-overlay .bt-thunder-avatar-wrap{position:relative;width:230px;height:230px}.bt-thunder-overlay .bt-char{width:100%;height:100%;animation:bt-char-hit .55s ease-out}@keyframes bt-char-hit{0%{transform:translate(0)}18%{transform:translate(-7px,4px)}38%{transform:translate(6px,-3px)}58%{transform:translate(-4px,2px)}78%{transform:translate(2px,-1px)}to{transform:translate(0)}}.bt-thunder-overlay .bt-thunder-avatar{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(150,190,255,.55));animation:bt-avatar-pulse 2.4s ease-in-out infinite}@keyframes bt-avatar-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 24px rgba(150,190,255,.45))}50%{transform:scale(1.05);filter:drop-shadow(0 0 46px rgba(190,220,255,.85))}}.bt-thunder-overlay .bt-hit-ring{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px solid rgba(200,225,255,.9);box-shadow:0 0 30px #bedcffcc;pointer-events:none;animation:bt-hit-ring .6s ease-out forwards}@keyframes bt-hit-ring{0%{transform:scale(.3);opacity:.9}to{transform:scale(2.4);opacity:0}}.bt-thunder-overlay .bt-hit-flash{position:absolute;left:50%;top:50%;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#d2e6ff80,#d2e6ff00 70%);animation:bt-hit-flash .55s ease-out forwards}@keyframes bt-hit-flash{0%{opacity:0}22%{opacity:.85}to{opacity:0}}.bt-thunder-overlay .bt-thunder-word{font-family:var(--font-title);font-size:48px;letter-spacing:16px;color:#d6e4ff;text-shadow:0 0 40px rgba(150,190,255,.9),0 0 12px #fff}.bt-thunder-overlay .bt-thunder-sub{font-size:15px;color:#9fb4d8;letter-spacing:4px}.bt-thunder-overlay .bt-thunder-desc{margin-top:4px;font-size:14px;color:#7f93b8;letter-spacing:3px;min-height:20px}.bt-celebrate-mask{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#080a0e8c;animation:fadein .2s ease}.bt-celebrate{position:relative;width:min(400px,92vw);background:linear-gradient(180deg,#1b2130,#12151d);border:2px solid var(--gold);border-radius:16px;padding:26px 26px 20px;text-align:center;box-shadow:0 20px 60px #000000b3,0 0 40px #c9a22740;overflow:hidden;animation:btc-pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes btc-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.bt-celebrate-sun{font-size:44px;animation:btc-sun 1.6s ease-in-out infinite;display:inline-block}@keyframes btc-sun{0%,to{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.25) rotate(8deg)}}.bt-celebrate-title{font-family:var(--font-title);font-size:24px;letter-spacing:8px;color:var(--gold-bright);margin-top:6px;text-shadow:0 0 20px rgba(224,189,92,.6);animation:btc-title 2s ease-in-out infinite}@keyframes btc-title{0%,to{text-shadow:0 0 12px rgba(224,189,92,.4)}50%{text-shadow:0 0 26px rgba(224,189,92,.95)}}.bt-celebrate-realm{font-family:var(--font-title);font-size:16px;letter-spacing:4px;color:#f5ead8;margin:8px 0 16px}.bt-celebrate-stats{display:flex;flex-direction:column;gap:5px;background:#00000038;border:1px solid var(--gold-line);border-radius:10px;padding:12px 14px}.bt-stat-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.bt-stat-label{width:40px;color:var(--paper-dim);text-align:left}.bt-stat-before{color:var(--muted);width:60px;text-align:right;text-decoration:line-through;text-decoration-color:#c2453a80}.bt-stat-arrow{color:var(--gold)}.bt-stat-after{color:var(--paper);font-weight:700;width:60px;text-align:left}.bt-stat-diff{color:var(--jade);font-weight:700;font-variant-numeric:tabular-nums}.bt-stat-diff.down{color:var(--cinnabar)}.bt-celebrate-close{margin-top:14px;padding:8px 28px;font-size:13.5px}.bt-particle{position:absolute;top:-8px;width:6px;height:14px;border-radius:3px;opacity:0;animation:btc-particle 2.2s ease-out infinite}@keyframes btc-particle{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(340px) rotate(360deg);opacity:0}}@media (max-width: 760px){.app-body{flex-direction:column;align-items:stretch}.sidenav{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:4px}.nav-item{flex:1;min-width:88px;flex-direction:column;gap:2px;text-align:center;padding:6px 4px}.nav-hint{display:none}.topbar{justify-content:center}}.app-footer{margin-top:34px;text-align:center;color:#5c5648;font-size:12px;letter-spacing:1px}.icon-cell{position:relative;flex-shrink:0;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:default}.icon-cell .icon-img{width:76%;height:76%;object-fit:contain;box-shadow:0 2px 3px #00000080;pointer-events:none}.icon-cell[data-tier=common]{border-color:#5d6b7a}.icon-cell[data-tier=rare]{border-color:#4fa3ff;box-shadow:inset 0 0 8px #4fa3ff2e}.icon-cell[data-tier=precious]{border-color:#b47cff;box-shadow:inset 0 0 8px #b47cff2e}.icon-cell[data-tier=extreme]{border-color:#e9be62;box-shadow:inset 0 0 8px #e9be6238}.icon-cell[data-tier=immortal]{border-color:#5fe0d8;box-shadow:inset 0 0 8px #5fe0d838}.icon-cell[data-tier=tool]{border-color:#caa15a;box-shadow:inset 0 0 8px #caa15a29}.icon-cell[data-tier=celestial]{border-color:#ffe7a0;box-shadow:inset 0 0 10px #ffe7a047}.icon-cell[data-tier=attack]{border-color:#ff6b5e;box-shadow:inset 0 0 8px #ff6b5e38}.icon-cell[data-tier=heal]{border-color:#5fe09a;box-shadow:inset 0 0 8px #5fe09a38}.icon-glyph{width:70%;height:70%;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:15px;color:#16130a}.g-herb{background:var(--jade)}.g-ore{background:#b08d3e}.g-wood{background:#4e7a5a}.g-dan{background:var(--cinnabar);color:#f5ead8}.g-qi{background:var(--gold-bright)}.g-tool{background:#8a7a5c;color:#f5ead8}.icon-count{position:absolute;left:3px;bottom:3px;background:#000000bf;color:var(--gold-bright);font-size:11px;font-weight:700;border-radius:6px;padding:0 6px;line-height:1.4;min-width:18px;text-align:center;border:1px solid var(--gold-line);text-shadow:0 0 4px var(--gold)}.tooltip{width:190px;background:var(--ink-4);border:1px solid var(--gold);border-radius:8px;padding:10px 12px;text-align:left;box-shadow:0 8px 24px #00000080;pointer-events:none;z-index:99999}.tooltip:not([style*="position: fixed"]){position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);z-index:9999}.tooltip:not([style*="position: fixed"]).below{bottom:auto;top:calc(100% + 8px)}.tooltip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--gold)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--gold)}.tt-name{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);margin-bottom:2px}.tt-type{font-size:11px;color:var(--muted);margin-bottom:4px}.tt-desc{font-size:11.5px;color:var(--paper-dim);line-height:1.5;max-height:240px;overflow-y:auto}.offline-banner{margin-top:10px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--gold-soft),rgba(201,162,39,.2));border:1px solid var(--gold);border-radius:10px;padding:7px 16px;font-size:13px;animation:fadein .3s ease;flex-shrink:0}.ob-seal{font-family:var(--font-title);font-size:13px;color:#f5ead8;background:var(--cinnabar);border-radius:5px;padding:3px 8px;flex-shrink:0}.ob-text{flex:1}.party-pause-banner{margin-top:10px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--cinnabar-soft),rgba(194,69,58,.12));border:1px solid var(--cinnabar);border-radius:10px;padding:7px 16px;font-size:13px;animation:fadein .3s ease;flex-shrink:0}.workbar{margin-top:10px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:12px;padding:8px 14px;min-height:34px;flex-shrink:0;max-height:96px;overflow-y:auto}.workbar.idle{opacity:.88}.workbar-badge{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-family:var(--font-title);font-size:13.5px;color:var(--gold-bright);padding:5px 12px 5px 0;border-right:1px solid var(--gold-line)}.workbar-badge .work-dot.active{background:var(--gold-bright);box-shadow:0 0 8px var(--gold-bright)}.workbar-badge .work-dot.idle{background:var(--muted);animation:none}.work-cards{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.work-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--paper);padding:6px 12px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:999px}.work-pill.queue{border-color:#c9a22780}.work-pill.battle{border-color:#c2453a80}.work-card{display:flex;align-items:center;gap:10px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:8px 12px;min-width:230px;flex:1 1 240px;max-width:360px}.work-card.gather{border-color:#7fb59b73;background:linear-gradient(135deg,rgba(127,181,155,.08),var(--ink-3))}.work-card.craft{border-color:#c2453a73;background:linear-gradient(135deg,rgba(194,69,58,.08),var(--ink-3))}.wc-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.wc-title{font-size:12.5px;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-sub{font-size:11px;color:var(--muted)}.wc-progress{width:100%;height:6px;background:#0d1016;border-radius:3px;overflow:hidden}.wc-fill{display:block;height:100%;border-radius:3px;transition:width .25s linear}.work-card.gather .wc-fill{background:linear-gradient(90deg,#4e8a72,var(--jade))}.work-card.craft .wc-fill{background:linear-gradient(90deg,#a8443a,var(--cinnabar))}.work-card.meditate{border-color:#70a6ff73;background:linear-gradient(135deg,rgba(112,166,255,.08),var(--ink-3))}.work-card.meditate .wc-fill{background:linear-gradient(90deg,#3f6fb5,#7fa8e8)}.work-card.meditate .wc-title{color:#bcd4f5}.wc-queued-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--paper-dim);background:#0000002e;border:1px solid var(--gold-line);border-radius:6px;padding:2px 6px 2px 10px}.wc-queued-item .btn{padding:1px 8px;font-size:10.5px}.work-card.queue{border-color:#c9a22773;background:linear-gradient(135deg,rgba(201,162,39,.07),var(--ink-3));max-width:320px}.workbar-idle-tip{font-size:12px;color:var(--muted);border-left:1px solid var(--gold-line);padding:6px 2px 6px 12px}.work-dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:breathe 2.4s ease-in-out infinite}.work-dot.gather{background:var(--jade)}.work-dot.craft{background:var(--cinnabar)}.work-dot.queue{background:var(--gold-bright)}.work-dot.battle{background:var(--cinnabar)}.work-dot.auto{background:var(--gold-bright);box-shadow:0 0 8px var(--gold-bright)}.work-pill.auto{border-color:#c9a227a6}.q-move{display:inline-flex;gap:4px;margin-left:auto}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.region-card.locked{opacity:.55}.region-card.locked .gather-head{cursor:not-allowed!important}.lock-badge{font-size:11px;color:#e8a09a;background:var(--cinnabar-soft);border:1px solid rgba(194,69,58,.35);border-radius:10px;padding:1px 8px}.expand-arrow{color:var(--gold-bright);font-size:12px}.location-card{gap:6px}.location-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.tier{font-size:10.5px;border-radius:8px;padding:1px 7px;border:1px solid var(--gold-line);flex-shrink:0}.tier-normal{color:var(--muted)}.tier-elite{color:var(--gold-bright);border-color:var(--gold)}.tier-boss{color:#f5ead8;background:var(--cinnabar);border-color:transparent}.monster-row,.drop-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.drop-row .mat-chip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px}.exped-stage{background:var(--ink-3);border:1px solid var(--gold);border-radius:12px;padding:14px;margin-bottom:16px}.stage-title{font-family:var(--font-title);font-size:16px;color:var(--gold-bright)}.result-banner.fail{border-color:var(--cinnabar);background:var(--cinnabar-soft);color:#e8a09a}.codex-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.codex-tabs{display:flex;gap:6px;flex-wrap:wrap}.codex-tabs .tab{border-radius:8px;border-bottom:1px solid var(--gold-line);padding:7px 16px}.codex-tabs .tab:after{display:none}.codex-search{flex:1;min-width:160px;background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line);border-radius:8px;padding:7px 12px;font-size:13px;font-family:var(--font-body)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.codex-cell{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto auto;column-gap:10px;row-gap:2px;align-items:center;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px 12px;font-size:12.5px}.codex-cell .icon-cell{grid-row:1 / span 3}.codex-name{font-size:13.5px;color:var(--paper)}.codex-recipe .icon-cell{grid-row:1 / span 4}.codex-recipe{grid-template-rows:auto auto auto auto}.reinc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:14px}.reinc-stat{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.reinc-stat span{font-size:11px}.reinc-stat b{font-size:18px;color:var(--paper);font-family:var(--font-title)}.reinc-panel{background:var(--ink-3);border:1px solid var(--gold);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.reinc-elig{font-size:13px}.ok-text{color:var(--success)}.miss-text{color:var(--danger)}.reinc-preview{font-size:13.5px}.reinc-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.upgrade-cell{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.upgrade-cell.maxed{border-color:var(--success)}.up-name{font-family:var(--font-title);font-size:14px;color:var(--gold-bright)}.up-bar{display:flex;gap:4px}.up-dot{width:14px;height:6px;border-radius:3px;background:var(--ink-4)}.up-dot.filled{background:var(--gold-bright)}.reinc-bonus-note{font-size:12px;margin-top:12px}.gate-badge{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:0 6px;white-space:nowrap}.gather-card.gated,.craft-row.gated{opacity:.55}.exped-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.exped-tabs .tab{border-radius:8px;border-bottom:1px solid var(--gold-line);padding:7px 16px}.exped-tabs .tab:after{display:none}.milestone-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;margin-top:6px}.breakthrough-panel{margin-top:12px;background:var(--ink-3);border:1px solid var(--gold);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.bt-preview{font-size:13.5px}.bt-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.bt-slot{background:var(--ink-2);border:1px dashed var(--gold-line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;text-align:left;font-family:var(--font-body);color:var(--paper);cursor:pointer}.bt-slot.on{border-style:solid;border-color:var(--gold);background:var(--gold-soft)}.bt-slot.empty{opacity:.5;cursor:not-allowed}.bt-slot b{font-size:13px}.bt-opts{display:flex;gap:6px;flex-wrap:wrap}.bt-actions{display:flex;gap:10px;align-items:center}.bounty-list{display:flex;flex-direction:column;gap:6px}.bounty-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:8px;padding:8px 12px;font-size:13px}@media (max-width: 760px){.bounty-row{grid-template-columns:1fr}}.bounty-row.lack{opacity:.6}.bounty-need{color:var(--paper)}.ob-market{display:flex;gap:10px;font-size:11px;margin-top:2px;flex-wrap:wrap}.ob-side{color:var(--muted)}.ob-side b{font-size:11.5px}.btn.link-btn{background:transparent;border:none;color:var(--muted);font-size:10.5px;padding:1px 0;text-decoration:underline;cursor:pointer}.btn.link-btn:hover{color:var(--gold-bright)}.ob-book{margin-top:6px;padding:6px 8px;border:1px dashed var(--gold-line);border-radius:8px;background:#0000002e;max-height:180px;overflow-y:auto}.ob-title{font-size:10px;color:var(--muted);margin:4px 0 2px}.ob-row{display:flex;align-items:center;gap:8px;font-size:11px;padding:1px 0}.ob-row .ob-qty{color:var(--paper);min-width:44px}.ob-row .ob-qty.part{color:var(--gold)}.bounty-sell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bounty-sell select,.bounty-sell input{background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line);border-radius:6px;padding:5px 8px;font-size:12.5px;font-family:var(--font-body)}.bounty-sell input{width:70px}.gather-section{background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:12px 14px;margin-bottom:12px}.gather-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.sec-title-inline{font-family:var(--font-title);font-size:16px;color:var(--gold-bright);padding-left:8px;border-left:3px solid var(--gold)}.tool-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;margin-bottom:10px}.gather-card{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--paper);display:flex;flex-direction:column;gap:4px;transition:all .15s;font-family:var(--font-body)}.gather-card:hover:not(:disabled){border-color:var(--gold);background:var(--ink-4)}.gather-card.active{border-color:var(--gold);background:var(--gold-soft)}.gather-card:disabled{opacity:.45;cursor:not-allowed}.gather-card-top{display:flex;align-items:center;gap:8px}.gname{font-size:13px}.inv-cell{display:flex;align-items:center;gap:8px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:8px;font-size:12px;position:relative;z-index:1}.inv-cell:hover{z-index:100}.inv-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-icons{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0}.mat-icon-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--paper-dim);padding:6px;border-radius:8px;border:1px solid var(--gold-line);background:var(--ink-3)}.mat-icon-item.ok{border-color:#7fb59b80;color:var(--success)}.mat-icon-item.miss{border-color:#d05a4e80;color:var(--danger)}.plus{color:var(--success);font-size:11px}.auto-cast-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (max-width: 760px){.auto-cast-slots{grid-template-columns:repeat(3,1fr)}}.auto-slot{min-height:96px;display:flex;align-items:center;justify-content:center;background:var(--ink-3);border:1px dashed var(--gold-line);border-radius:10px;cursor:pointer}.auto-slot:hover{border-color:var(--gold)}.auto-slot.filled{border-style:solid;border-color:var(--gold);background:var(--gold-soft)}.slot-empty{font-size:24px;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.skill-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:8px 6px;text-align:center}.skill-cell.clickable{cursor:pointer;transition:all .15s}.skill-cell.clickable:hover{border-color:var(--gold);background:var(--ink-3)}.skill-cell.in-slot{border-color:var(--gold);background:var(--gold-soft)}.skill-ico{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:15px;color:#16130a;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));background:var(--ink-3);padding:3px}.skill-name{font-size:12px;color:var(--paper)}.skill-sub{font-size:10.5px;color:var(--muted)}.sk-cls{display:inline-block;margin-left:4px;font-size:9px;font-weight:700;color:var(--gold-bright);background:#e9be6224;border:1px solid rgba(233,190,98,.4);border-radius:4px;padding:0 3px;vertical-align:1px}.sk-chips{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:130px}.sk-chip{font-size:9px;line-height:1.5;border-radius:4px;padding:0 4px;color:var(--paper);background:var(--ink-3);border:1px solid var(--gold-line)}.sk-chip.sk-dmg{color:#ff9c8f;border-color:#ff6b5e80}.sk-chip.sk-heal{color:#8fe0b4;border-color:#5fe09a80}.sk-chip.sk-buf{color:#ffd98a;border-color:#e9be6280}.sk-chip.sk-deb{color:#c9a4ff;border-color:#b47cff80}.sk-lv{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;color:var(--gold-bright);background:#e9be621f;border:1px solid rgba(233,190,98,.35);border-radius:4px;padding:1px 5px}.sk-lv.max{color:#ffe7a0;border-color:#ffe7a080}.sk-expbar{width:46px;height:5px;border-radius:3px;overflow:hidden;background:#00000073;border:1px solid rgba(233,190,98,.3)}.sk-expfill{display:block;height:100%;background:linear-gradient(90deg,#e9be62,#ffe7a0)}.sk-book-tier{font-size:9.5px;font-weight:700;border-radius:4px;padding:0 5px;line-height:1.6;color:var(--paper);background:var(--ink-3);border:1px solid #5d6b7a}.sk-book-tier.tier-rare{border-color:#4fa3ff;color:#7cb8ff}.sk-book-tier.tier-precious{border-color:#b47cff;color:#c9a4ff}.sk-book-tier.tier-extreme{border-color:#e9be62;color:#ffd98a}.sk-book-tier.tier-immortal{border-color:#5fe0d8;color:#8fe0d8}.target-row{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.equip-cell{display:flex;align-items:center;gap:8px;background:var(--ink-2);border:1px dashed var(--gold-line);border-radius:10px;padding:8px 10px;font-size:12px}.equip-cell.filled{border-style:solid;border-color:var(--gold)}.eq-subs{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.eq-sub{font-size:9px;line-height:1.5;border-radius:4px;padding:0 4px;color:#a8e8a0;background:#5fe09a14;border:1px solid rgba(95,224,154,.35)}.eq-pool{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.eq-pool-tag{font-size:9.5px;font-weight:700;line-height:1.5;border-radius:4px;padding:0 5px;background:var(--ink-3);border:1px solid var(--gold-line)}.resist-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:11px}.resist-row span{color:var(--muted)}.resist-row span.has{color:var(--gold-bright);font-weight:700}.equip-slot{font-family:var(--font-title);font-size:12px;color:var(--muted);writing-mode:vertical-lr;letter-spacing:2px;padding:2px 0}.equip-name{flex:1}.queue-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px 12px}.queue-add select,.queue-add input{background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line);border-radius:6px;padding:5px 8px;font-size:12.5px;font-family:var(--font-body)}.queue-add input{width:80px}.queue-list{display:flex;flex-direction:column;gap:6px}.queue-item{display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:8px;padding:8px 12px;font-size:13px}.queue-item.running{border-color:var(--gold);background:var(--gold-soft)}.q-badge{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--ink-3);border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold-bright)}.queue-item.running .q-badge{background:var(--gold);color:#16130a;border-color:transparent}.exped-stage,.teams{position:relative}.battle-fx{position:absolute;bottom:96px;pointer-events:none;z-index:6;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;max-width:40%}.battle-fx.fx-left{left:8%}.battle-fx.fx-right{right:8%}.fx-item{font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.4);animation:fxFloat .95s ease-out forwards;white-space:nowrap;line-height:1.3}.fx-dmg{color:#ff5c4d;font-size:18px}.fx-heal{color:#4dff88;font-size:15px}.fx-cast{color:#ffd76a;font-size:13px;display:inline-flex;align-items:center;gap:5px}.fx-skill-ico{display:inline-flex;width:24px;height:24px;border-radius:50%;border:1px solid #ffd76a;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#ffd76a;background:#c9a22738;animation:fxCastIn .5s ease-out;box-shadow:0 0 10px #ffd76a59}@keyframes fxFloat{0%{opacity:0;transform:translateY(8px) scale(.85)}15%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-40px) scale(1)}}@keyframes fxCastIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.global-chat-bar{border-top:2px solid var(--gold);background:var(--ink-2);padding:0 20px;display:flex;flex-direction:column;flex-shrink:0}.global-chat-list{display:flex;flex-direction:column;gap:1px;height:129px;overflow-y:auto;font-size:12px;padding:5px 0}.global-chat-msg{display:block;white-space:normal;word-break:break-word;line-height:1.45;padding:1px 0}.gchat-name{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:700;line-height:1.45;text-decoration:none}.gchat-name:hover{text-decoration:underline;text-underline-offset:2px;filter:brightness(1.25)}.gchat-text{color:var(--paper-dim)}.gchat-menu{position:fixed;z-index:1500;display:flex;flex-direction:column;gap:2px;background:var(--ink-3);border:1px solid var(--gold);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0009;min-width:130px;animation:toastIn .15s ease}.gchat-menu button{background:none;border:none;color:var(--paper);font-size:12.5px;text-align:left;padding:6px 10px;border-radius:5px;cursor:pointer;font-family:var(--font-body)}.gchat-menu button:hover:not(:disabled){background:var(--gold-soft);color:var(--gold-bright)}.gchat-menu button:disabled{color:var(--muted);cursor:default}.pf-card{width:380px;max-width:94vw;padding:0 0 18px!important;background:#0a0d12;border:1px solid var(--gold-line);border-top:3px solid var(--gold);border-radius:14px}.pf-banner{position:relative;display:flex;align-items:center;gap:14px;padding:22px 20px 18px;border-bottom:1px solid var(--gold-line)}.pf-avatar{position:relative;width:92px;height:92px;border-radius:14px;overflow:hidden;background:var(--ink-3);border:2px solid var(--gold);flex-shrink:0}.pf-avatar img{width:100%;height:100%;object-fit:cover}.pf-online{position:absolute;right:4px;bottom:4px;width:14px;height:14px;border-radius:50%;background:#4ade80;border:2px solid #0c1018;box-shadow:0 0 8px #4ade80cc}.pf-banner-info{flex:1;min-width:0}.pf-realm{font-family:var(--font-title);font-size:16px;font-weight:600;letter-spacing:2px}.pf-layer{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:2px}.pf-name{font-family:var(--font-title);font-size:24px;color:var(--paper);letter-spacing:3px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-meta{margin-top:5px;font-size:11.5px}.pf-status{color:#4ade80}.pf-add{flex-shrink:0}.pf-sect{display:flex;align-items:center;gap:10px;margin:16px 20px 9px;font-family:var(--font-title);font-size:13px;color:var(--gold-bright);letter-spacing:3px}.pf-sect:before,.pf-sect:after{content:"";flex:1;height:1px;background:var(--gold-line)}.pf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 20px}.pf-stat{display:flex;align-items:center;gap:9px;min-width:0;background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid var(--gold-line);border-radius:9px;padding:8px 12px}.pf-stat i{width:3.5px;height:26px;border-radius:2px;flex-shrink:0}.pf-stat span{font-size:11.5px;color:var(--muted);flex:1}.pf-stat b{font-size:16px;font-family:var(--font-title);font-weight:500;color:var(--paper);font-variant-numeric:tabular-nums}.pf-skills{display:flex;flex-wrap:wrap;gap:14px;padding:0 20px}.pf-skill{display:flex;flex-direction:column;align-items:center;gap:5px;width:62px}.pf-skill-name{font-size:10.5px;color:var(--paper-dim);max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.pf-slot{position:relative;display:inline-flex}.pf-slot-tip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);min-width:150px;max-width:230px;z-index:1300;background:#0a0d13f7;border:1px solid var(--gold);border-radius:8px;padding:8px 10px;box-shadow:0 8px 24px #000000b3;pointer-events:none}.pf-slot-tip-name{font-family:var(--font-title);font-size:13px;color:var(--gold-bright);letter-spacing:1px;margin-bottom:3px}.pf-slot-tip-line{font-size:11.5px;color:var(--paper-dim);line-height:1.55}.pf-equips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 20px}.pf-equip{display:flex;align-items:center;gap:9px;min-width:0;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--gold-line);border-radius:9px;padding:7px 9px}.pf-equip-body{min-width:0;display:flex;flex-direction:column;gap:2px}.pf-equip-slot{font-size:10px;color:var(--muted)}.pf-equip-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-potions{display:flex;flex-wrap:wrap;gap:9px;padding:0 20px}.pf-empty{padding:2px 20px;font-size:12px}.global-chat-toolbar{display:flex;gap:6px;align-items:center;padding:3px 0 5px}.global-chat-input{flex:1;background:var(--ink-3);border:1px solid var(--ink-4);border-radius:6px;color:var(--paper);padding:4px 8px;font-size:12px;outline:none;min-width:0}.redeem-card{width:320px}.redeem-input{background:var(--ink-3);border:1px solid var(--gold);border-radius:8px;color:var(--paper);text-align:center;font-size:16px;letter-spacing:2px;padding:10px 12px;outline:none;width:100%;font-family:var(--font-title)}.redeem-input::placeholder{color:var(--muted);font-size:13px;letter-spacing:1px}.redeem-submit{margin-top:2px;padding:9px 12px;font-size:14px}.redeem-result{font-size:12.5px;text-align:center;padding:8px 10px;border-radius:8px;line-height:1.6}.redeem-result.ok{color:var(--success);background:#7fb59b1a;border:1px solid rgba(127,181,155,.3)}.redeem-result.err{color:#ff9c8f;background:#c2453a1a;border:1px solid rgba(194,69,58,.35)}.toast{position:fixed;top:14px;right:14px;z-index:120;display:flex;gap:10px;align-items:center;background:var(--ink-3);border:1px solid var(--gold);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--paper);box-shadow:0 8px 24px #00000080;max-width:340px;animation:toastIn .3s ease}.toast-seal{font-family:var(--font-title);font-size:12px;color:#f5ead8;background:var(--cinnabar);border-radius:5px;padding:3px 8px;flex-shrink:0}.toast-battle{border-color:var(--gold)}.toast-settle{border-color:var(--jade)}.toast-settle .toast-seal{background:var(--jade)}.toast-friend{border-color:var(--gold)}.toast-friend .toast-seal{background:var(--gold)}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.party-panel{display:flex;flex-direction:column;gap:14px;animation:fadein .25s ease}.party-card,.party-empty,.party-online{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:14px 16px}.party-state{font-size:12px;color:var(--jade);margin-left:8px}.party-state.battling{color:var(--cinnabar)}.party-id-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:4px 0 10px}.party-id{font-family:var(--font-title);font-size:18px;letter-spacing:3px;color:var(--gold-bright)}.party-join{display:flex;gap:8px;align-items:center}.party-input{background:var(--ink);border:1px solid var(--gold-line);border-radius:8px;color:var(--paper);padding:8px 12px;font-size:13px;font-family:var(--font-body);width:180px;outline:none}.party-input:focus{border-color:var(--gold)}.party-select{width:240px}.party-floor{width:120px}.party-err{color:var(--cinnabar);font-size:12.5px;margin-top:8px}.party-members{display:flex;flex-direction:column;gap:6px}.party-member{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:7px 10px}.party-member.me{border-color:var(--gold)}.online-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.online-dot.on{background:var(--jade);box-shadow:0 0 6px #6f9a8fcc}.online-dot.off{background:var(--muted)}.party-mname{font-weight:600}.leader-tag{font-size:10.5px;color:#16130a;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:4px;padding:1px 5px;margin-left:4px;font-weight:700}.party-olon{margin-left:auto;font-size:12px}.party-olon.on{color:var(--success)}.party-olon.off{color:var(--muted)}.kick-btn,.invite-btn{padding:3px 9px;font-size:11.5px}.kick-btn{color:var(--cinnabar);border-color:#c2453a59}.party-leader-ops{margin-top:12px;background:var(--ink-3);border:1px dashed var(--gold-line);border-radius:8px;padding:10px 12px}.party-start-title{font-family:var(--font-title);font-size:13.5px;color:var(--gold-bright);margin-bottom:8px;letter-spacing:1px}.party-online-row{display:flex;align-items:center;gap:8px;font-size:13px}.party-online-name{font-weight:600}.party-invite-bar{position:fixed;bottom:64px;right:14px;z-index:130;display:flex;gap:10px;align-items:center;background:var(--ink-3);border:1px solid var(--gold);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--paper);box-shadow:0 8px 24px #00000080;max-width:420px;animation:toastIn .3s ease}.party-invite-text{line-height:1.5}.party-replay-mask{position:fixed;inset:0;z-index:200;background:#080a0ed1;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadein .2s ease}.party-replay{width:min(860px,96vw);background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:14px 16px;box-shadow:0 16px 48px #0009;position:relative}.equip-bonus-panel{background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.equip-row{display:flex;align-items:center;gap:8px;font-size:12.5px;flex-wrap:wrap}.equip-bonus-text{color:var(--paper-dim)}.dungeon-view-mask{position:fixed;inset:0;z-index:200;background:#080a0ed9;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadein .2s ease}.dungeon-view{width:min(880px,96vw);max-height:92vh;overflow-y:auto;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:14px 16px;box-shadow:0 16px 48px #0009;position:relative}.dungeon-header{margin-bottom:10px}.dungeon-wave-banner{font-family:var(--font-title);font-size:14px;letter-spacing:2px;color:var(--paper);background:var(--ink-4);border:1px solid var(--gold-line);border-radius:6px;padding:2px 12px}.dungeon-wave-banner.boss{color:var(--gold-bright);border-color:var(--cinnabar);background:linear-gradient(90deg,var(--cinnabar-soft),var(--ink-4));box-shadow:0 0 12px #c2453a40}.dungeon-battlefield{margin-bottom:10px;position:relative}.dungeon-events{margin-top:0}.dg-self{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:8px 10px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px}.dg-self-label{font-family:var(--font-title);font-size:12.5px;color:var(--gold-bright);letter-spacing:2px}.dg-skills,.dg-potions{display:flex;gap:6px}.dg-slot{position:relative;width:34px;height:34px;border-radius:8px;background:var(--ink-4);border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--paper);overflow:hidden;flex-shrink:0}.dg-slot.empty{border-style:dashed;color:var(--muted);opacity:.55;background:transparent}.dg-slot.cooling{opacity:.62}.dg-slot-ico{font-family:var(--font-title)}.dg-skill{overflow:visible}.dg-skill .icon-cell{border:none;background:transparent;width:100%;height:100%}.dg-skill .icon-cell .icon-img{width:88%;height:88%}.dg-cd{position:absolute;left:0;bottom:0;right:0;height:3px;background:#ffffff14}.dg-cd i{display:block;height:100%;background:linear-gradient(90deg,var(--jade),#9fe0c8)}.dg-cd-num{position:absolute;top:-4px;right:-4px;font-size:9px;color:#ffd76a;background:#000000b3;border:1px solid var(--gold-line);border-radius:6px;padding:0 3px;line-height:1.4}.dg-potion-ico{width:100%;height:100%;object-fit:cover}.dg-potion-count{position:absolute;right:-4px;bottom:-4px;font-size:9.5px;font-weight:700;color:#0b0e14;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:7px;padding:0 4px;line-height:1.5;min-width:14px;text-align:center}.dungeon-mini-bar{position:fixed;right:14px;bottom:18px;z-index:190;display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,var(--ink-3),var(--ink-2));border:1px solid var(--gold);border-radius:12px;padding:10px 14px;cursor:pointer;color:var(--paper);box-shadow:0 8px 24px #0000008c;animation:toastIn .3s ease}.dungeon-mini-bar:hover{border-color:var(--gold-bright);box-shadow:0 8px 28px #c9a22740}.dm-icon{font-size:18px;line-height:1;animation:dmPulse 1.6s ease-in-out infinite}.dm-body{display:flex;flex-direction:column;gap:2px}.dm-name{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);letter-spacing:1px}.dm-wave{font-size:11.5px;color:var(--muted)}.dm-expand{font-size:12px;color:var(--gold);border-left:1px solid var(--gold-line);padding-left:10px;white-space:nowrap}@keyframes dmPulse{0%,to{opacity:1}50%{opacity:.45}}.fx-potion{color:#ffd76a;font-size:14px}.fx-death{color:#9aa3b8;font-size:13px}.dungeon-result{width:min(520px,94vw);background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:18px 20px;box-shadow:0 16px 48px #0009;text-align:center}.dungeon-result-title{font-family:var(--font-title);font-size:22px;letter-spacing:4px;margin-bottom:6px}.dungeon-result-title.victory{color:var(--gold-bright)}.dungeon-result-title.fail{color:#e8a09a}.dungeon-result-title.aborted{color:var(--paper-dim)}.dungeon-result-meta{font-size:13px;color:var(--paper-dim);margin-bottom:12px}.dungeon-drops,.dungeon-potions{text-align:left;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:8px 12px;margin-bottom:10px}.dungeon-drop-row{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-bottom:1px dashed rgba(201,162,39,.12)}.dungeon-drop-row:last-child{border-bottom:none}.dungeon-drop-user{color:var(--paper);font-family:var(--font-title);font-size:13px}.dungeon-drop-items{display:flex;flex-wrap:wrap;gap:6px}.dungeon-drop-chip{display:inline-flex;align-items:center;gap:5px;background:var(--ink-4);border:1px solid var(--gold-line);border-radius:7px;padding:3px 8px;font-size:12px}.dungeon-drop-ico{width:20px;height:20px;object-fit:contain}.dungeon-drop-ico.glyph{display:inline-flex;align-items:center;justify-content:center;background:var(--ink-3);color:var(--gold);font-family:var(--font-title);font-size:12px;border-radius:4px}.dungeon-drop-name{color:var(--paper)}.dungeon-drop-count{color:var(--gold-bright);font-weight:600;font-size:11.5px}.dungeon-drop-empty{padding:4px 0}.dungeon-potions .muted{font-size:12.5px}.dungeon-list{display:flex;flex-direction:column;gap:8px}.dungeon-item{background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:8px 12px}.dungeon-item.locked,.dungeon-item.exhausted{opacity:.55}.dungeon-item-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.dungeon-name{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);letter-spacing:1px}.dungeon-desc{font-size:12px;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center}.bt-modal{background:var(--ink-4);border:1px solid var(--gold);border-radius:12px;padding:18px 20px;max-width:560px;width:92%;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 40px #00000073}.bt-modal .bt-slots{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bt-modal .bt-actions{justify-content:flex-end}.dungeon-err-modal{background:var(--ink-4);border:1px solid var(--danger, #d88b7a);border-radius:10px;padding:16px 18px;max-width:360px;width:90%}.dungeon-err-text{font-size:13px;color:var(--paper-dim);line-height:1.6;margin-top:8px}.potion-slots{display:flex;gap:8px;margin-top:6px}.potion-slot{background:var(--ink-3);color:var(--fg);border:1px solid var(--gold-line);border-radius:6px;padding:4px 8px;font-size:12.5px;flex:1;min-width:0}.potion-slot option{background:var(--ink-4);color:var(--fg)}.left-friends{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:12px;padding:12px;max-height:calc(100vh - 300px);overflow-y:auto}.lf-item{display:flex;flex-direction:column;gap:1px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:6px 9px;transition:border-color .15s,background .15s}.lf-item:hover{border-color:var(--gold);background:var(--ink-4)}.lf-name{font-size:12.5px;font-weight:600;word-break:break-all}.lf-meta{font-size:11px;color:var(--muted)}.lf-dur{font-size:10.5px;color:var(--muted);align-self:flex-end}.char-panel{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:var(--r-panel);padding:12px 14px}.char-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.char-resource{background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}.char-resource span{font-size:11px;color:var(--muted)}.char-resource b{font-size:17px;font-family:var(--font-title);color:var(--paper)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.slot-grid-equip{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}@media (min-width: 1200px){.slot-grid-equip{grid-template-columns:repeat(6,1fr)}}@media (max-width: 760px){.slot-grid-equip{grid-template-columns:repeat(2,1fr)}}.potion-slot-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 760px){.potion-slot-grid{grid-template-columns:1fr}}.slot-cell{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--ink-3);border:1px dashed var(--gold-line);border-radius:10px;padding:10px 8px;cursor:pointer;transition:all .15s;font-family:var(--font-body);color:var(--paper);text-align:center}.slot-cell:hover{border-color:var(--gold);background:var(--ink-4);transform:translateY(-1px)}.slot-cell.filled{border-style:solid;border-color:var(--gold)}.slot-name{font-size:10.5px;color:var(--muted);letter-spacing:2px}.slot-item-name{font-size:12px;line-height:1.3;word-break:break-all}.slot-item-sub{font-size:10.5px;color:var(--muted)}.slot-empty-glyph{width:40px;height:40px;border-radius:8px;border:1px dashed var(--gold-line);color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:14px}.slot-pop{width:min(560px,94vw);max-height:78vh;overflow-y:auto;background:linear-gradient(180deg,var(--ink-3),#141921 60%,var(--ink-3));border:1px solid var(--gold);border-radius:12px;padding:16px 18px;box-shadow:0 20px 56px #000000b3,0 0 0 1px #c9a22714 inset;animation:fadein .18s ease;position:relative}.slot-pop:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.7;border-radius:2px}.slot-pop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;margin-top:8px}.slot-pop-row{display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(160deg,var(--ink-2),#12161d 70%);border:1px solid var(--gold-line);border-top:3px solid var(--gold-line);border-left:3px solid var(--gold-line);border-radius:10px;padding:12px 8px 10px;cursor:pointer;color:var(--paper);font-family:var(--font-body);font-size:12px;text-align:center;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;position:relative}.slot-pop-row:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(160deg,var(--ink-4),#1a2130 70%);transform:translateY(-2px);box-shadow:0 6px 18px #00000080,0 0 14px #c9a2272e}.slot-pop-row:disabled{opacity:.45;cursor:not-allowed}.slot-pop-row.unequip{border-top-color:var(--cinnabar);border-left-color:var(--cinnabar)}.slot-pop-row.empty-slot{border-top-color:var(--muted);border-left-color:var(--muted)}.slot-pop-row .icon-cell{flex-shrink:0;border-radius:10px}.slot-pop-equipped{position:absolute;right:6px;top:6px;font-size:10px;font-weight:700;color:#16130a;background:linear-gradient(180deg,#f0d77a,var(--gold-bright));border-radius:4px;padding:1px 6px;z-index:1;box-shadow:0 0 8px #e0bd5c66}.slot-pop-name{font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:1px;line-height:1.3;max-width:100%;word-break:break-all;color:var(--paper)}.slot-pop-ico{width:36px;height:36px;border-radius:8px;background:var(--ink-4);border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;font-size:15px}.slot-pop-sub{font-size:11px;color:var(--muted);flex:1;line-height:1.4;text-align:center;min-width:0}.slot-pop-quality{font-weight:700;font-size:10.5px;padding:1px 7px;border:1px solid currentColor;border-radius:4px;letter-spacing:2px;background:#00000038;text-shadow:0 0 7px currentColor;box-shadow:0 0 6px currentColor inset;flex-shrink:0;line-height:1.5}.slot-pop-count{font-size:11.5px;color:var(--gold-bright);flex-shrink:0}.slot-pop::-webkit-scrollbar{width:8px}.slot-pop::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:4px}.slot-pop::-webkit-scrollbar-thumb:hover{background:var(--gold)}.ann-wrap{position:relative;margin-left:6px}.ann-btn.active{background:var(--gold);color:#16130a;border-color:transparent}.ann-panel{position:fixed;top:64px;right:max(14px,calc((100vw - 1040px)/2 + 8px));z-index:1290;width:min(360px,84vw);max-height:calc(100vh - 84px);overflow-y:auto;background:var(--ink-3);border:1px solid var(--gold);border-radius:10px;padding:12px 14px;box-shadow:0 12px 32px #0000008c;display:flex;flex-direction:column;gap:8px;animation:fadein .18s ease}.ann-title{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);letter-spacing:2px}.ann-text{font-size:12.5px;color:var(--paper-dim);line-height:1.7}.buff-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;margin-bottom:12px;flex-wrap:wrap}.buff-bar-label{font-family:var(--font-title);font-size:11px;letter-spacing:2px;color:var(--gold-bright);padding-right:8px;border-right:1px solid var(--gold-line)}.buff-bar-items{display:flex;gap:8px;flex-wrap:wrap;flex:1}.buff-chip{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 5px;border-radius:8px;min-width:42px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--paper-dim);cursor:help;transition:all .15s;position:relative}.buff-chip:hover{border-color:var(--gold);background:#c9a22714;color:var(--paper);transform:translateY(-1px)}.buff-chip.active{border-color:#c9a22773;background:linear-gradient(135deg,#c9a2271f,#ffffff08);color:var(--paper)}.buff-chip.idle{opacity:.65}.buff-chip-ico{display:inline-flex;align-items:center;justify-content:center;color:var(--gold-bright);flex-shrink:0}.buff-chip-ico svg{display:block;width:20px;height:20px}.buff-chip-time{font-size:9.5px;padding:0 3px;line-height:1;border-radius:3px;font-weight:700;letter-spacing:.2px;font-variant-numeric:tabular-nums}.buff-chip-time.active{color:var(--gold-bright);background:#c9a22724}.buff-chip-time.idle{color:var(--muted);background:#ffffff0a}.buff-tip{position:fixed;z-index:9999;min-width:220px;max-width:280px;background:var(--ink-3);border:1px solid var(--gold);border-radius:10px;padding:11px 12px;box-shadow:0 12px 30px #000000a6;display:flex;flex-direction:column;gap:7px;text-align:left;animation:fadein .15s ease;pointer-events:none}.buff-tip:before{content:"";position:absolute;top:-6px;left:18px;width:10px;height:10px;background:var(--ink-3);border-top:1px solid var(--gold);border-left:1px solid var(--gold);transform:rotate(45deg)}.buff-tip-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--gold-line)}.buff-tip-ico{color:var(--gold-bright);display:inline-flex}.buff-tip-name{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);letter-spacing:1px;flex:1}.buff-tip-state{font-size:10.5px;padding:1px 7px;border-radius:4px;font-weight:400}.buff-tip-state.active{color:#f5ead8;background:var(--cinnabar)}.buff-tip-state.idle{color:var(--muted);background:#ffffff0f}.buff-tip-desc{font-size:12px;color:var(--paper-dim);line-height:1.5}.buff-tip-effect{font-size:12px;color:var(--paper);line-height:1.6;background:#c9a2270f;border-left:2px solid var(--gold);padding:6px 8px;border-radius:4px}.buff-tip-effect b{color:var(--gold-bright);margin-right:4px}.buff-tip-remain{font-size:12px;color:var(--paper-dim);display:flex;gap:6px;align-items:baseline}.buff-tip-remain b{color:var(--gold-bright);font-size:13px;font-variant-numeric:tabular-nums}.buff-tip-remain .muted{color:var(--muted);font-size:11px}.personal-buffs{margin-top:14px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:10px 14px}.personal-buffs-title{font-family:var(--font-title);font-size:12px;letter-spacing:2px;color:var(--gold-bright);margin-bottom:8px}.personal-buffs-list{display:flex;gap:8px;flex-wrap:wrap}.personal-buffs-empty{font-size:11.5px;color:var(--muted);padding:2px 0}.personal-buff-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 5px;border-radius:8px;min-width:42px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--paper-dim);cursor:help;transition:all .15s}.personal-buff-chip.active{border-color:#c9a22773;background:linear-gradient(135deg,#c9a2271a,#ffffff08);color:var(--paper)}.personal-buff-chip.debuff{border-color:#c2453a73;background:linear-gradient(135deg,#c2453a1a,#ffffff08);color:var(--paper)}.personal-buff-chip:hover{transform:translateY(-1px)}.personal-buff-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.personal-buff-ico svg{display:block;width:20px;height:20px}.personal-buff-chip.active .personal-buff-ico{color:var(--gold-bright)}.personal-buff-chip.debuff .personal-buff-ico{color:#ff9c8f}.personal-buff-time{font-size:9.5px;padding:0 3px;line-height:1;border-radius:3px;font-weight:700;font-variant-numeric:tabular-nums}.personal-buff-chip.active .personal-buff-time{color:var(--gold-bright);background:#c9a22724}.personal-buff-chip.debuff .personal-buff-time{color:#ff9c8f;background:#c2453a24}.personal-buff-tip{position:fixed;z-index:9999;min-width:210px;max-width:270px;background:var(--ink-3);border:1px solid var(--gold);border-radius:10px;padding:11px 12px;box-shadow:0 12px 30px #000000a6;display:flex;flex-direction:column;gap:7px;text-align:left;animation:fadein .15s ease;pointer-events:none}.personal-buff-tip:before{content:"";position:absolute;top:-6px;left:18px;width:10px;height:10px;background:var(--ink-3);border-top:1px solid var(--gold);border-left:1px solid var(--gold);transform:rotate(45deg)}.personal-buff-tip-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--gold-line)}.personal-buff-tip-ico{display:inline-flex}.personal-buff-tip-chip.active .personal-buff-tip-ico{color:var(--gold-bright)}.personal-buff-tip-chip.debuff .personal-buff-tip-ico{color:#ff9c8f}.personal-buff-tip-name{font-family:var(--font-title);font-size:14px;color:var(--gold-bright);letter-spacing:1px;flex:1}.personal-buff-tip-state{font-size:10.5px;padding:1px 7px;border-radius:4px;font-weight:400}.personal-buff-tip-state.active,.personal-buff-tip-state.debuff{color:#f5ead8;background:var(--cinnabar)}.personal-buff-tip-desc{font-size:12px;color:var(--paper-dim);line-height:1.5}.personal-buff-tip-effect{font-size:12px;color:var(--paper);line-height:1.6;background:#c9a2270f;border-left:2px solid var(--gold);padding:6px 8px;border-radius:4px}.personal-buff-tip-effect b{color:var(--gold-bright);margin-right:4px}.personal-buff-tip-remain{font-size:12px;color:var(--paper-dim);display:flex;gap:6px;align-items:baseline}.personal-buff-tip-remain b{color:var(--gold-bright);font-size:13px;font-variant-numeric:tabular-nums}.personal-buff-tip-remain .muted{color:var(--muted);font-size:11px}@media (max-width: 1120px){.left-friends{display:none}}.char-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.char-col-left,.char-col-right{display:flex;flex-direction:column;gap:10px;min-width:0}@media (max-width: 980px){.char-cols{grid-template-columns:1fr}}.char-cols .stat-grid{grid-template-columns:repeat(3,1fr)}.char-cols .stat-grid span{font-size:12px;padding:2px 0}.char-cols .char-resources{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.char-cols .char-resource{padding:6px 8px}.topbar-res-row{display:flex;gap:18px;align-items:center;padding:4px 14px;font-size:12px;color:var(--fg-dim);border-top:1px solid var(--line-soft);background:#ffffff05}.topbar-res-row b{font-size:12.5px}.char-layer{margin-bottom:12px}.char-layer-1{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:start}.char-portrait{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:12px}.portrait-body{position:relative;width:84px;height:96px}.portrait-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8d3b0,#b98a5a);border:2px solid var(--gold-line)}.portrait-torso{position:absolute;top:50px;left:50%;transform:translate(-50%);width:56px;height:44px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#2f4d6e,#1d2f45);border:1px solid var(--gold-line)}.portrait-name{font-size:14px;font-weight:600;color:var(--paper)}.portrait-realm{font-size:11.5px;color:var(--muted)}.portrait-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.monster-ico{width:34px;height:34px;object-fit:contain;flex-shrink:0;background:#00000047;border-radius:8px;padding:2px;border:1px solid var(--gold-line);opacity:.92}.manor-banner{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--gold-line);margin-bottom:12px;height:84px}.manor-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.manor-banner-text{position:relative;padding:14px 18px;background:linear-gradient(90deg,#0f121cbf,#0f121c26)}.manor-banner-title{font-family:var(--font-title);font-size:19px;color:var(--gold-bright);text-shadow:0 1px 4px rgba(0,0,0,.7)}.manor-banner-sub{font-size:11.5px;color:var(--paper);text-shadow:0 1px 3px rgba(0,0,0,.75);margin-top:3px}.portrait-actions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.portrait-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 10px;font-size:12.5px;line-height:1.35}.portrait-btn-hint{font-size:10.5px;font-weight:400;opacity:.82}.char-stats{display:flex;flex-direction:column;gap:8px;min-width:0}.char-layer-5{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media (max-width: 860px){.char-layer-1,.char-layer-3,.char-layer-5{grid-template-columns:1fr}.char-portrait{flex-direction:row;justify-content:center;flex-wrap:wrap}.portrait-actions{flex-direction:row;justify-content:center}.portrait-btn{width:auto;min-width:150px}}.party-with-friends{display:grid;grid-template-columns:1fr 260px;gap:14px;align-items:start}.party-with-friends .party-main-col{order:1}.party-with-friends .party-friends-col{order:2}.friend-add-row{display:flex;gap:6px;align-items:center}.friend-add-row .party-input{flex:1;min-width:0}.lf-friends{display:flex;flex-direction:column;gap:8px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:12px;padding:12px;max-height:calc(100vh - 320px);overflow-y:auto}.lf-title{font-family:var(--font-title);font-size:13.5px;color:var(--gold-bright);padding-left:8px;border-left:3px solid var(--gold);flex-shrink:0}.lf-list{display:flex;flex-direction:column;gap:6px}.lf-item{display:flex;flex-direction:column;gap:1px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:6px 9px}.lf-name{font-size:12.5px;font-weight:600}.lf-sub{font-size:11px;color:var(--muted)}.lf-friend{gap:6px;padding:7px 9px}.lf-friend-top{display:flex;align-items:center;gap:6px;min-width:0}.lf-friend-top .lf-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-realm{font-size:11px;font-weight:600;flex-shrink:0;letter-spacing:.3px}.lf-friend-ops{display:flex;gap:6px;align-items:center}.lf-friend-ops .btn{padding:2px 9px;font-size:11px}@media (max-width: 860px){.party-with-friends{grid-template-columns:1fr}}.party-main-col{min-width:0}.m-goods-view{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px}.m-goods-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.m-goods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding:8px 0}.m-goods-cell{display:flex;align-items:center;justify-content:center;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:6px;cursor:pointer;transition:transform .12s ease,border-color .12s ease;position:relative;z-index:1}.m-goods-cell:hover{border-color:var(--gold);transform:translateY(-1px);z-index:100}.m-detail-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.m-detail-col{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px;min-height:320px}.m-detail-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--gold-line)}.m-detail-rows{display:flex;flex-direction:column;gap:2px;max-height:520px;overflow-y:auto}.m-detail-th{display:grid;grid-template-columns:64px 1fr 120px;gap:12px;padding:4px 10px;font-size:11px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--gold-line);margin-bottom:4px;position:sticky;top:0;background:var(--ink-2);z-index:1}.m-detail-th>span{text-align:center}.m-detail-row{display:grid;grid-template-columns:64px 1fr 120px;gap:12px;align-items:center;padding:6px 10px;border-radius:4px;font-size:12px;background:var(--ink-3)}.m-detail-row:hover{background:var(--ink-2)}.m-qty{color:var(--paper);font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.m-price{color:var(--muted);font-size:11.5px;text-align:center;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap}.m-price b{font-size:13px}.m-price-unit{font-size:11.5px}.m-detail-item-icon{display:inline-flex;vertical-align:middle;margin-left:10px}.m-detail-item-icon .icon-cell{border-radius:8px}.m-detail-row>.m-mine-btn,.m-detail-row>.m-buy-btn,.m-detail-row>.m-sell-btn{width:100%}.m-buy-btn,.m-sell-btn,.m-mine-btn{min-width:92px;padding:4px 10px;font-weight:700;font-size:12px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:filter .12s ease}.m-buy-btn{background:#1f6f4a;color:#d6f5e3;border-color:#2e9c6a}.m-buy-btn:hover:not(:disabled){background:#26875a;filter:brightness(1.1)}.m-buy-btn:disabled{opacity:.35;cursor:not-allowed}.m-sell-btn{background:#6b3a1a;color:#ffe1c2;border-color:#a9572c}.m-sell-btn:hover:not(:disabled){background:#83471f;filter:brightness(1.1)}.m-sell-btn:disabled{opacity:.35;cursor:not-allowed}.m-mine-btn{background:var(--ink-1);color:var(--muted);border-color:var(--gold-line);cursor:default}.m-arrow{font-size:13px;font-weight:700;line-height:1}.m-form-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.m-form-card{position:relative;width:380px;max-width:92vw;background:var(--ink-1);border:1px solid var(--gold);border-radius:12px;box-shadow:0 10px 36px #000000b3;padding:22px 24px;color:var(--paper);display:flex;flex-direction:column;gap:12px}.m-form-title{font-size:16px;font-weight:700;text-align:center;color:var(--gold)}.m-form-close{position:absolute;top:8px;right:10px;background:transparent;border:0;color:var(--muted);font-size:22px;cursor:pointer;line-height:1;z-index:20}.m-form-close:hover{color:var(--paper)}.m-form-item{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 4px}.m-form-name{font-size:15px;color:var(--paper)}.m-form-line{font-size:12.5px;color:var(--muted);text-align:center}.m-form-price-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;margin:4px 0 2px}.m-form-price-input{background:var(--ink-3);border:1px solid var(--gold);border-radius:6px;color:var(--gold);text-align:center;font-weight:700;font-size:15px;padding:6px 8px;width:100%}.m-form-count-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;margin:4px 0 2px}.m-form-count-row.gather-count{display:flex;gap:6px}.m-form-count-row.gather-count .btn{flex:1;padding:7px 4px;font-size:13px}.m-form-count-row.gather-count .btn.gold-btn{flex:0 0 auto;padding:7px 16px}.m-form-count-input{background:var(--ink-3);border:1px solid var(--gold-line);border-radius:6px;color:var(--paper);text-align:center;font-size:13px;padding:6px 8px;width:100%}.m-form-warn{color:#ff9c8f;font-size:12px;text-align:center}.m-form-submit{margin-top:8px;padding:8px 12px;font-size:13px}.m-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:var(--gold);color:#1a1208;border-radius:9px;font-size:11px;font-weight:700;line-height:1}.m-mine-view{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:10px;padding:10px}.m-mine-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.m-mine-rows{display:flex;flex-direction:column;gap:6px;max-height:640px;overflow-y:auto}.m-mine-th{display:grid;grid-template-columns:70px 60px 1fr 100px 180px;gap:12px;align-items:center;padding:6px 12px;font-size:11px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--gold-line);position:sticky;top:0;background:var(--ink-2);z-index:1}.m-mine-row{display:grid;grid-template-columns:70px 60px 1fr 100px 180px;gap:12px;align-items:center;padding:8px 12px;background:var(--ink-3);border-radius:6px;font-size:12px}.m-mine-row:hover{background:var(--ink-2)}.m-mine-status{font-weight:700;text-align:center;padding:3px 6px;border-radius:4px;font-size:11px}.m-mine-status-active{color:#b8f5cf;background:#2e9c6a2e;border:1px solid #2e9c6a}.m-mine-status-done{color:var(--muted);background:var(--ink-1);border:1px solid var(--gold-line)}.m-mine-type{font-weight:700;text-align:center;padding:3px 6px;border-radius:4px;font-size:11px}.m-mine-type-bid{color:#d6f5e3;background:#1f6f4a;border:1px solid #2e9c6a}.m-mine-type-ask{color:#ffe1c2;background:#6b3a1a;border:1px solid #a9572c}.m-mine-progress{display:flex;align-items:center;gap:8px}.m-mine-qty{color:var(--paper);font-weight:700;font-variant-numeric:tabular-nums}.m-mine-fraction{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.m-mine-price{text-align:right;font-variant-numeric:tabular-nums}.m-mine-price b{font-size:14px}.m-mine-action{display:flex;gap:6px;justify-content:flex-end}.m-mine-collect{background:var(--ink-1);color:var(--muted);border:1px solid var(--gold-line);cursor:default;padding:4px 12px;font-size:12px;border-radius:6px}.m-mine-cancel{background:#6b3a1a;color:#ffe1c2;border:1px solid #a9572c;padding:4px 14px;font-weight:700;font-size:12px;border-radius:6px;cursor:pointer}.m-mine-cancel:hover{background:#83471f}.m-mine-chat-link{background:transparent;color:#c9a4ff;border:1px solid #8b6fd0;padding:4px 10px;font-size:11px;border-radius:6px;cursor:pointer}.m-mine-chat-link:hover{background:#8b6fd026}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.bag-cell{position:relative;display:flex;align-items:center;justify-content:center;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:6px;cursor:pointer;transition:transform .12s ease,border-color .12s ease;z-index:1;min-height:64px}.bag-cell:hover,.bag-cell.active{border-color:var(--gold);transform:translateY(-1px);z-index:100}.bag-cell.active{background:var(--ink-2)}.bag-badge{position:absolute;left:4px;top:4px;display:flex;align-items:center;font-size:10px;line-height:1.4;pointer-events:none}.bag-badge-equipped{color:#8fe0b4;background:#2e9c6a26;border:1px solid #2e9c6a;border-radius:4px;padding:0 4px;font-size:9.5px}.bag-menu-card{position:relative;width:360px;max-width:96vw;background:#000000e6;border:1px solid var(--gold);border-radius:12px;box-shadow:0 10px 36px #000000a6;padding:18px 20px 20px;color:var(--paper);display:flex;flex-direction:column;gap:10px}.bag-menu-head{display:flex;align-items:center;gap:14px;padding-right:18px}.bag-menu-name{font-size:15px;color:var(--paper);font-weight:700}.bag-menu-pool{display:block}.bag-menu-desc{font-size:12px;color:var(--muted);line-height:1.6}.bag-menu-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.bag-menu-actions .btn{padding:7px 10px;font-size:12.5px}.bag-pool-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:12px}.bag-pool-summary .muted{font-size:11px}.bag-pool-chip{font-size:11px;padding:1px 7px;border-radius:10px;border:1px solid;background:#ffffff0f}.bag-pool-list{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto;padding-right:4px}.bag-pool-list::-webkit-scrollbar{width:6px}.bag-pool-list::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:3px}.bag-pool-list::-webkit-scrollbar-thumb:hover{background:var(--gold)}.bag-pool-row{display:flex;align-items:center;gap:10px;background:linear-gradient(160deg,var(--ink-2),#12161d 70%);border:1px solid var(--gold-line);border-radius:10px;padding:8px 10px;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s,background .15s}.bag-pool-row:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 14px #00000080,0 0 12px #c9a22729}.bag-pool-row.selected{border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-bright),0 0 16px #e0bd5c59;background:linear-gradient(160deg,var(--ink-4),#1c2432 70%)}.bag-pool-row .icon-cell{flex-shrink:0}.bag-pool-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bag-pool-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bag-pool-quality{font-weight:700;font-size:13px}.bag-pool-badge{font-size:10px;padding:1px 5px;border-radius:8px;background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line)}.bag-pool-badge.refine{background:#3a2e1a;color:var(--gold-bright);border-color:var(--gold)}.bag-pool-badge.roll{background:#1a2e3a;color:#7ecbf2;border-color:#3a5a6a}.bag-pool-badge.equipped{background:#2a3a1a;color:#9de66e;border-color:#4a6a3a}.bag-pool-stats{font-size:11px;color:#9ca3af}.bag-pool-effects{display:flex;flex-wrap:wrap;gap:4px}.bag-pool-effect{font-size:10px;color:#7ecbf2;background:#7ecbf21f;border:1px solid rgba(126,203,242,.25);border-radius:6px;padding:1px 5px}.work-card.queued{display:flex;align-items:center;gap:8px;background:var(--ink-2);border:1px dashed var(--gold-line);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;transition:border-color .12s ease,background .12s ease}.work-card.queued:hover{border-color:var(--gold);background:var(--ink-3)}.work-card.queued .btn{pointer-events:auto}.eq-goods{padding:8px 4px}.eq-sale-badge{font-size:9px;color:#b8f5cf;background:#2e9c6a2e;border:1px solid #2e9c6a;border-radius:4px;padding:0 4px;line-height:1.6}.eq-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.eq-listing-cell{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:10px;padding:10px 8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.eq-listing-cell:hover{border-color:var(--gold);transform:translateY(-1px)}.eq-listing-cell.mine{border-style:dashed;opacity:.85}.eq-listing-top{position:relative}.eq-mine-tag{position:absolute;top:-4px;right:-10px;font-size:9px;color:var(--muted);background:var(--ink-1);border:1px solid var(--gold-line);border-radius:4px;padding:0 3px}.eq-price{font-size:13px;font-variant-numeric:tabular-nums}.eq-inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:56vh;overflow-y:auto;padding:2px}.eq-inst-grid::-webkit-scrollbar{width:8px}.eq-inst-grid::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:4px}.eq-inst-grid::-webkit-scrollbar-thumb:hover{background:var(--gold)}.eq-inst-wrap{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--ink-2),#12161d 70%);border:1px solid var(--gold-line);border-radius:10px;padding:6px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s}.eq-inst-wrap:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 14px #00000080,0 0 12px #c9a22729}.eq-inst-wrap.selected{border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-bright),0 0 16px #e0bd5c59;background:linear-gradient(160deg,var(--ink-4),#1c2432 70%)}.eq-inst-wrap.selected .icon-cell{outline:1px solid var(--gold-bright);outline-offset:-1px;border-radius:8px}.eq-qmark{position:absolute;left:3px;bottom:3px;width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.45);box-shadow:0 0 4px #00000080}.eq-inst-detail{margin-top:6px;padding:6px 8px;background:#222634;border:1px solid #3a4050;border-radius:6px;display:flex;flex-direction:column;gap:4px}.eq-inst-detail-stats{font-size:11px;color:#9ca3af}.eq-inst-detail-actions{display:flex;gap:6px;margin-top:2px}.inst-modal-card{max-width:330px}.inst-modal-body{padding:4px 0 0}.inst-modal-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}.inst-modal-actions .btn{width:100%}.exp-monster-tip-wrap{position:relative;display:inline-block;cursor:help}.exp-monster-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:264px;max-height:320px;overflow-y:auto;z-index:1200;background:#080a0ff7;border:1px solid var(--gold);border-radius:8px;padding:8px 10px;box-shadow:0 8px 24px #000000a6;display:flex;flex-direction:column;gap:6px;pointer-events:none}.exp-monster-tip-title{font-size:12.5px;color:var(--paper);font-weight:700}.exp-monster-tip-row{border-top:1px solid rgba(255,255,255,.08);padding-top:4px}.exp-monster-tip-row:first-of-type{border-top:none;padding-top:0}.exp-monster-tip-row-name{font-size:11.5px;color:#e2e8f0;margin-bottom:2px}.exp-monster-tip-stats{font-size:11px;color:#cbd5e1;line-height:1.75}.exp-monster-tip-stats b{color:#f8fafc}.exp-monster-tip-skills{font-size:10.5px;color:var(--muted);line-height:1.6}.exp-detail-card{width:430px;max-width:94vw;background:#000000e6}.exp-detail-desc{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:8px}.exp-detail-section{font-size:12.5px;color:var(--paper);font-weight:700;margin:8px 0 6px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px}.exp-detail-monster{display:flex;gap:12px;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px}.exp-detail-monster .monster-ico{width:60px;height:60px;object-fit:contain;flex-shrink:0}.exp-detail-monster-info{flex:1;min-width:0}.exp-detail-fight{width:100%;margin-top:12px}.portrait-body.portrait-switch{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.portrait-body.portrait-switch:hover{transform:scale(1.03);border-color:var(--gold)}.portrait-hint{position:absolute;left:50%;bottom:6px;transform:translate(-50%);font-size:10px;color:var(--paper);background:#0000008c;border-radius:4px;padding:1px 6px;opacity:0;transition:opacity .15s ease;pointer-events:none;white-space:nowrap}.portrait-body.portrait-switch:hover .portrait-hint{opacity:1}.avatar-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.avatar-pick-cell{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--ink-3);border:2px solid var(--gold-line);border-radius:10px;padding:10px 6px;cursor:pointer;transition:border-color .12s ease,background .12s ease;font-size:11px;color:var(--paper)}.avatar-pick-cell img{width:56px;height:56px;border-radius:8px}.avatar-pick-cell:hover{border-color:var(--gold);background:var(--ink-2)}.avatar-pick-cell.sel{border-color:var(--gold);background:#d9b23c1f;box-shadow:0 0 0 1px var(--gold)}.fighter{position:relative}.fighter-img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--gold-line);background:var(--ink-3);margin-bottom:4px;display:block}.field-dot-img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}.pc-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pc-head .party-id-row{margin:0}.pc-count{font-size:12.5px}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 6px}.member-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px 10px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.member-cell:hover{border-color:var(--gold);background:#c9a2270f;transform:translateY(-2px)}.member-cell.me{border-color:#c9a22780;background:#c9a22712}.member-cell.leader .mc-name-text{color:var(--gold-bright)}.member-cell.empty{cursor:default;border-style:dashed;opacity:.62}.member-cell.empty:hover{border-color:#ffffff2e;background:transparent;transform:none}.mc-kick{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:1px solid var(--cinnabar);background:var(--ink-3);color:var(--cinnabar);font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s;display:flex;align-items:center;justify-content:center}.member-cell:hover .mc-kick{opacity:1}.mc-kick:hover{background:var(--cinnabar);color:#f5ead8}.mc-realm{font-size:11px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.mc-figure{position:relative;width:72px;height:72px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--ink-3),var(--ink-2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-figure img{width:100%;height:100%;object-fit:cover}.mc-online{position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--ink-2)}.mc-online.on{background:#4ade80;box-shadow:0 0 6px #4ade80cc}.mc-online.off{background:#6b7280}.mc-leader-badge{position:absolute;left:0;top:0;font-size:10px;font-weight:700;color:#16130a;background:linear-gradient(180deg,var(--gold-bright),var(--gold));padding:2px 6px;border-bottom-right-radius:7px}.mc-add{font-size:26px;color:var(--muted)}.mc-name{display:flex;align-items:center;gap:4px;max-width:100%}.mc-name-text{font-size:12.5px;color:var(--paper);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-me-tag{font-size:10px;color:var(--gold-bright);border:1px solid var(--gold-line);border-radius:3px;padding:0 3px;flex-shrink:0}.member-detail-card{width:380px;max-width:94vw}@media (max-width: 640px){.member-grid{grid-template-columns:repeat(2,1fr)}}.mail-wrap{position:relative;display:inline-block}.mail-btn{position:relative;min-width:44px}.mail-btn.has-mail{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #c9a22747}.mail-badge{position:absolute;top:-7px;right:-7px;background:var(--cinnabar);color:#f5ead8;font-size:10px;font-weight:700;line-height:1;padding:3px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 2px 6px #0006}.mail-panel{position:fixed;right:max(14px,calc((100vw - 1040px)/2 + 8px));top:64px;width:580px;max-width:96vw;z-index:1300;max-height:calc(100vh - 84px);display:flex;flex-direction:column;background:linear-gradient(180deg,#141a24,#0b0e14);border:1px solid var(--gold-line);border-top:3px solid var(--gold);border-radius:12px;box-shadow:0 16px 48px #000000b8;overflow:hidden}.mail-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px 11px;border-bottom:1px solid var(--gold-line);background:linear-gradient(180deg,rgba(201,162,39,.1),transparent)}.mail-head-title{display:flex;align-items:center;gap:9px;font-family:var(--font-title);font-size:17px;color:var(--gold-bright);letter-spacing:4px}.mail-head-ico{font-size:19px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.mail-head-badge{font-size:11px;color:var(--muted);letter-spacing:2px}.mail-head-badge.has{color:var(--gold-bright)}.mail-head-badge.has:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cinnabar);margin-right:6px;box-shadow:0 0 6px #c2453acc}.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:8px}.auction-card{position:relative;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer}.auction-card:hover{border-color:var(--gold)}.auction-card .ac-top{display:flex;gap:8px;align-items:center;margin-bottom:6px}.auction-card .ac-name{font-size:12.5px;font-weight:700}.auction-card .ac-sub{font-size:10.5px;color:var(--muted);line-height:1.5}.auction-card .ac-price{color:var(--gold2);font-size:13px;font-weight:700;margin-top:2px}.auction-card .ac-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:4px}.auction-card .buyout-tag{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:10px;padding:1px 6px;border-radius:8px}.au-time-out{color:var(--red);font-weight:700}.au-lead{color:#4ade80;font-weight:700}.au-lag{color:#ef4444;font-weight:700}.md-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.mail-body{display:grid;grid-template-columns:256px 1fr;min-height:300px;max-height:none;flex:1;min-height:0}.mail-list-col{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;border-right:1px solid var(--gold-line);padding:12px 12px 10px}.mail-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.mail-empty{padding:30px 12px;text-align:center;color:var(--muted);font-size:12px}.mail-row{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;font-size:12px;transition:background .15s,border-color .15s}.mail-row:hover{background:#ffffff0d}.mail-row.active{border-color:var(--gold);background:#c9a2271a;box-shadow:inset 0 0 12px #c9a2271a}.mail-row.unread{color:var(--paper)}.mail-row.read{color:var(--muted)}.mail-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:transparent}.mail-dot.unread{background:var(--gold-bright);box-shadow:0 0 6px #e0bd5ccc}.mail-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mail-row-title{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row.unread .mail-row-title{font-weight:700}.mail-row-from{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.mail-att{font-size:9px;line-height:1;padding:2px 5px;border-radius:3px;background:var(--gold-soft);color:var(--gold-bright);border:1px solid var(--gold-line)}.mail-att.done{background:transparent;color:var(--success);border-color:#7fb59b4d}.mail-row-time{font-size:9.5px;color:var(--muted)}.mail-del{position:absolute;right:5px;top:5px;width:17px;height:17px;line-height:15px;padding:0;border-radius:50%;background:var(--cinnabar-soft);color:var(--cinnabar);border:1px solid rgba(194,69,58,.35);font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s}.mail-row:hover .mail-del{opacity:1}.mail-tools{flex-shrink:0;display:flex;gap:6px}.mail-tools .btn{flex:1;font-size:11px;padding:6px 4px}.mail-tool-del{border-color:#c2453a66;color:var(--cinnabar)}.mail-detail-col{display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px 18px 14px}.mail-empty-detail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:1px}.mail-empty-ico{font-size:32px;opacity:.45}.mail-letter{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px}.mail-letter-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding-right:2px}.mail-letter-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mail-item-title{font-family:var(--font-title);font-size:16px;color:var(--gold-bright);letter-spacing:1px;line-height:1.3}.mail-tag{font-size:10px;line-height:1;padding:3px 7px;border-radius:4px;flex-shrink:0}.mail-tag.pend{background:var(--gold-soft);color:var(--gold-bright);border:1px solid var(--gold-line)}.mail-tag.done{color:var(--muted);border:1px solid rgba(255,255,255,.12)}.mail-letter-meta{font-size:11px;color:var(--muted)}.mail-meta-sep{margin:0 7px;opacity:.5}.mail-item-body{font-size:12.5px;color:#cbd5e1;line-height:1.8;white-space:pre-wrap}.mail-attach-block{margin-top:3px}.mail-attach-label{font-size:11px;color:var(--muted);margin-bottom:7px;letter-spacing:2px}.mail-attach-list{display:flex;flex-wrap:wrap;gap:7px}.mail-attach-item{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09)}.mail-attach-name{font-size:11.5px;color:var(--paper);display:flex;align-items:baseline;gap:4px}.mail-claim{align-self:flex-start;margin-top:auto;flex-shrink:0}.mail-foot{display:flex;justify-content:flex-end;padding:0 18px 13px}@media (max-width: 640px){.mail-body{grid-template-columns:1fr}.mail-list-col{border-right:none;border-bottom:1px solid var(--gold-line)}.mail-detail-col{border-top:none}}.dungeon-result-card{width:420px;max-width:94vw}.dungeon-result-win{font-size:14px;font-weight:700;margin:4px 0 6px}.dungeon-result-win.win{color:#4ade80}.dungeon-result-win.lose{color:#ef4444}.dungeon-result-rewards{font-size:12.5px;display:flex;align-items:center;gap:8px}.dungeon-result-team{display:flex;flex-direction:column;gap:4px}.dungeon-result-member{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.jar-backdrop{position:fixed;inset:0;z-index:1400;background:#080a0ed1;display:flex;align-items:center;justify-content:center;animation:jarBackdropIn .3s ease}@keyframes jarBackdropIn{0%{opacity:0}to{opacity:1}}.jar-stage{position:relative;width:320px;max-width:92vw;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#c9a22724,#0e1116e6 70%);border:1px solid var(--gold-line);border-radius:16px;box-shadow:0 10px 40px #0009;padding:30px 24px}.jar-crack-hint{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:12.5px;letter-spacing:2px}.jar-pot{position:relative;width:128px;height:128px}.jar-pot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}.jar-shaking{animation:jarShake 1.6s ease-in-out}@keyframes jarShake{0%,to{transform:rotate(0) translate(0)}8%{transform:rotate(-5deg) translate(-2px)}16%{transform:rotate(5deg) translate(2px)}24%{transform:rotate(-6deg) translate(-3px)}32%{transform:rotate(6deg) translate(3px)}40%{transform:rotate(-8deg) translate(-4px)}48%{transform:rotate(8deg) translate(4px)}56%{transform:rotate(-10deg) translate(-5px,1px)}64%{transform:rotate(10deg) translate(5px,1px)}72%{transform:rotate(-12deg) translate(-6px)}80%{transform:rotate(12deg) translate(6px)}88%{transform:rotate(-14deg) translate(-7px)}96%{transform:rotate(14deg) translate(7px)}}.jar-rune{position:absolute;color:var(--gold-bright);font-size:14px;animation:jarRune 1.1s ease-in-out infinite;text-shadow:0 0 8px rgba(224,189,92,.8)}.jar-rune-1{top:2px;right:12px;animation-delay:0s}.jar-rune-2{bottom:10px;left:6px;animation-delay:.35s}.jar-rune-3{bottom:4px;right:22px;animation-delay:.7s;font-size:11px}@keyframes jarRune{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.jar-shockwave{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(224,189,92,.5);animation:jarWave 1.6s ease-out infinite}@keyframes jarWave{0%{transform:scale(.5);opacity:.7}to{transform:scale(1.9);opacity:0}}.jar-backdrop.revealed .jar-stage{border-color:#e0bd5c80}.jar-burst{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,199,94,.85) 0%,rgba(201,162,39,.35) 40%,transparent 70%);animation:jarBurst .9s ease-out forwards;pointer-events:none}@keyframes jarBurst{0%{transform:scale(.2);opacity:0}35%{opacity:1}to{transform:scale(2.4);opacity:0}}.jar-reveal-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;animation:jarItemPop .55s cubic-bezier(.2,1.4,.4,1) both}.jar-item-ico{width:96px;height:96px;border-radius:14px;object-fit:contain;background:var(--ink-3);padding:8px;box-shadow:0 0 0 2px var(--gold),0 0 26px #e0bd5c8c}.jar-item-name{font-family:var(--font-title);font-size:20px;color:var(--paper);letter-spacing:2px;margin-top:8px}.jar-item-quality{font-size:13px;color:var(--gold-bright);letter-spacing:3px}@keyframes jarItemPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.jar-confirm{margin-top:18px;min-width:140px}.bt-modal-v2{min-width:380px}.bt-info{display:flex;flex-direction:column;gap:4px;font-size:13px;padding:8px 0;border-bottom:1px solid var(--gold-line);margin-bottom:10px}.bt-slots-v2{gap:8px}.bt-slot-item{display:flex;flex-direction:column;gap:4px;min-height:64px;justify-content:center;align-items:center}.bt-slot-item.on{border-color:var(--gold);background:#d4a94e14}.bt-pick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:320px;overflow:auto;padding:4px}.bt-pick-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;cursor:pointer;text-align:center}.bt-pick-item:hover{border-color:var(--gold)}.bt-pick-item.active{border-color:var(--gold);background:#d4a94e26}.bt-pick-icon-wrap{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.bt-pick-icon-wrap .icon-cell{width:44px;height:44px}.bt-pick-name{font-size:12px;color:var(--paper)}.hl-page{display:flex;flex-direction:column;gap:14px}.hl-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(120% 160% at 0% 0%,#d4a94e2e,#d4a94e08 55%),linear-gradient(135deg,#14181fe6,#0e1116e6);border:1px solid var(--gold-line);border-radius:14px;padding:20px 24px;overflow:hidden}.hl-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(201,162,39,.04) 0 2px,transparent 2px 10px)}.hl-banner:after{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--gold-bright),var(--gold),transparent)}.hl-banner-left{position:relative;z-index:1}.hl-banner-title{font-family:var(--font-title);font-size:28px;color:var(--gold-bright);letter-spacing:8px;margin-bottom:6px;text-shadow:0 0 18px rgba(224,189,92,.35)}.hl-banner-sub{color:var(--muted);font-size:12.5px;letter-spacing:.5px}.hl-banner-seal{position:relative;z-index:1;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:26px;color:#f5ead8;background:linear-gradient(160deg,#d05a4e,var(--cinnabar));border-radius:8px;box-shadow:0 4px 14px #c2453a66;transform:rotate(3deg);letter-spacing:0}.hl-resources{display:flex;gap:12px;flex-wrap:wrap}.hl-res{flex:1;min-width:150px;background:var(--ink-2);border:1px solid var(--gold-line);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.hl-res:after{content:"";position:absolute;right:-18px;top:-18px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.1),transparent 70%);pointer-events:none}.hl-res-body{display:flex;flex-direction:column;gap:2px}.hl-res span{font-size:12px}.hl-res b{font-size:21px;font-family:var(--font-title);line-height:1.1}.hl-res-ico{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:20px;border:1px solid var(--gold-line);background:var(--ink-3)}.hl-res-ico.qi{color:#8fd6c5;border-color:#8fd6c559;background:#6f9a8f26}.hl-res-ico.toqi{color:var(--gold-bright);border-color:#e0bd5c73;background:#e0bd5c24}.hl-res-ico.tostone{color:#a8c8f0;border-color:#a8c8f066;background:#7896c824}.hl-res-ico.queue{color:var(--paper-dim)}.hl-panel{background:var(--ink-2);border:1px solid var(--gold-line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.hl-panel-head{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--gold-line);padding-bottom:10px}.hl-panel-title{font-family:var(--font-title);font-size:16px;color:var(--gold-bright);letter-spacing:3px}.hl-panel-hint{font-size:11.5px;color:var(--muted)}.hl-dirs{display:flex;gap:12px}.hl-dir{flex:1;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;transition:all .15s}.hl-dir:hover{border-color:#c9a22780}.hl-dir-mark{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:18px;color:var(--paper-dim);background:var(--ink-4);border:1px solid var(--gold-line);transition:all .15s}.hl-dir-mark.toqi{color:var(--gold-bright)}.hl-dir-mark.tostone{color:#a8c8f0}.hl-dir-body{display:flex;flex-direction:column;gap:3px}.hl-dir b{font-size:17px;color:var(--paper);font-family:var(--font-title);letter-spacing:2px}.hl-dir.on{border-color:var(--gold);background:linear-gradient(135deg,#d4a94e29,#d4a94e0d);box-shadow:0 0 16px #d4a94e38}.hl-dir.on b{color:var(--gold-bright)}.hl-dir.on .hl-dir-mark{border-color:var(--gold);background:#e0bd5c2e;box-shadow:0 0 10px #e0bd5c40}.hl-tiers{display:flex;gap:12px;flex-wrap:wrap}.hl-tier{flex:1;min-width:150px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;transition:all .15s;position:relative}.hl-tier:hover{border-color:#c9a22780}.hl-tier-head{display:flex;align-items:center;gap:8px;width:100%}.hl-tier-head b{font-size:16px;color:var(--paper);font-family:var(--font-title);letter-spacing:1px}.hl-tier-tag{font-size:10px;color:var(--gold-bright);border:1px solid rgba(224,189,92,.5);border-radius:20px;padding:1px 8px;background:#e0bd5c1f}.hl-tier span{font-size:12.5px;color:var(--paper)}.hl-tier b.cost{color:#e0a86b;font-weight:400}.hl-tier.on{border-color:var(--gold);background:linear-gradient(160deg,#d4a94e2e,#d4a94e0a);box-shadow:0 0 16px #d4a94e38}.hl-tier.on .hl-tier-head b{color:var(--gold-bright)}.hl-tier-wide{flex:1 1 100%}.hl-actions{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:4px;flex-wrap:wrap}.hl-start{font-size:16px;padding:12px 48px;letter-spacing:4px;font-family:var(--font-title)}.dg-page{display:flex;flex-direction:column;gap:14px}.dg-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(130% 180% at 0% 0%,#c9a22729,#c9a22708 55%),linear-gradient(135deg,#14181fe6,#0e1116e6);border:1px solid var(--gold-line);border-radius:14px;padding:20px 24px;overflow:hidden}.dg-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(201,162,39,.04) 0 2px,transparent 2px 10px)}.dg-banner:after{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--gold-bright),var(--gold),transparent)}.dg-banner-left{position:relative;z-index:1}.dg-banner-title{font-family:var(--font-title);font-size:26px;color:var(--gold-bright);letter-spacing:6px;margin-bottom:6px;text-shadow:0 0 18px rgba(224,189,92,.35)}.dg-banner-sub{color:var(--muted);font-size:12.5px}.dg-banner-seal{position:relative;z-index:1;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:26px;color:#f5ead8;background:linear-gradient(160deg,#d05a4e,var(--cinnabar));border-radius:8px;box-shadow:0 4px 14px #c2453a66;transform:rotate(3deg)}.dg-team-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;font-size:13px;border:1px solid var(--gold-line);background:var(--ink-2)}.dg-team-strip.in{border-color:#c9a22766;background:#c9a2270f}.dg-team-dot{width:8px;height:8px;border-radius:50%;background:#7fb59b;box-shadow:0 0 6px #7fb59b;flex-shrink:0}.dg-team-dot.off{background:var(--muted);box-shadow:none}.dg-team-state{color:var(--paper-dim)}.dg-team-state.battling{color:var(--cinnabar)}.dg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:14px}.dg-unit{display:flex;gap:14px;align-items:stretch;background:linear-gradient(160deg,#1c2430eb,#101620f0);border:1px solid var(--gold-line);border-radius:14px;padding:14px;position:relative;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;text-align:left;font:inherit;color:inherit}.dg-unit:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.dg-unit:hover:not(.locked):not(.exhausted){border-color:var(--gold);box-shadow:0 0 18px #d4a94e2e;transform:translateY(-2px)}.dg-unit.locked,.dg-unit.exhausted{opacity:.6;cursor:default}.dg-unit.locked:hover,.dg-unit.exhausted:hover{transform:none;box-shadow:none}.dg-unit-boss{flex-shrink:0;width:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 50% 38%,rgba(212,169,78,.14),transparent 72%);border:1px solid rgba(212,169,78,.25);border-radius:12px;padding:8px 4px}.dg-unit-boss-img{width:72px;height:72px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.dg-unit-boss-glyph{width:72px;height:72px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:34px;color:var(--gold-bright);background:var(--ink-3);border:1px solid var(--gold-line)}.dg-unit-boss-name{font-size:12px;color:var(--gold-bright);font-weight:600;letter-spacing:1px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-unit-body{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.dg-unit-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dg-name{font-family:var(--font-title);font-size:17px;color:var(--gold-bright);letter-spacing:2px}.dg-unit-desc{color:var(--paper-dim);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dg-unit-drops-row{display:flex;align-items:center;gap:8px}.dg-unit-drops-title{font-size:11px;color:var(--gold);letter-spacing:1px;white-space:nowrap}.dg-unit-drops-title:before{content:"◆ ";font-size:8px}.dg-unit-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:2px}.dg-unit-foot .muted{font-size:11px}.dg-detail-modal{width:min(600px,94vw);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#161e2cfb,#0d131dfb);border:1px solid var(--gold);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 40px #d4a94e29,0 16px 56px #0009}.dg-detail-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--gold-line)}.dg-detail-boss{flex-shrink:0;width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,rgba(212,169,78,.16),transparent 72%);border:1px solid rgba(212,169,78,.3);border-radius:14px}.dg-detail-boss-img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.dg-detail-boss-glyph{width:84px;height:84px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:40px;color:var(--gold-bright);background:var(--ink-3);border:1px solid var(--gold-line)}.dg-detail-title{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.dg-detail-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dg-detail-name{font-family:var(--font-title);font-size:22px;color:var(--paper);letter-spacing:3px}.dg-detail-boss-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dg-detail-boss-tag{font-size:10px;color:var(--cinnabar);border:1px solid rgba(194,69,58,.5);border-radius:4px;padding:0 5px;letter-spacing:1px}.dg-detail-boss-name{color:var(--gold-bright);font-size:14px}.dg-detail-section{display:flex;align-items:center;gap:8px}.dg-detail-section .dg-sec-title{font-size:13px}.dg-drops-detail{gap:7px}.dg-drop-qty{font-size:10px;color:var(--muted);background:var(--ink-4);border-radius:4px;padding:0 4px}.dg-detail-foot{display:flex;align-items:center;gap:12px;margin-top:6px;padding-top:12px;border-top:1px solid var(--gold-line)}.dg-detail-runs{display:flex;flex-direction:column;gap:2px;margin-right:auto}.dg-detail-close{margin-left:0}.dg-realm-tag{font-size:11px;color:var(--gold-bright);border:1px solid rgba(224,189,92,.45);border-radius:20px;padding:2px 10px;background:#e0bd5c1a;white-space:nowrap}.dg-realm-tag.locked{color:var(--muted);border-color:var(--gold-line);background:transparent}.dg-desc{color:var(--paper-dim);font-size:12.5px;line-height:1.6}.dg-section{display:flex;align-items:center;gap:8px;margin-top:2px}.dg-sec-title{font-size:12px;color:var(--gold);letter-spacing:2px}.dg-sec-title:before{content:"◆ ";font-size:9px}.dg-sec-count{font-size:11px;color:var(--muted)}.dg-waves{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto;padding-right:4px}.dg-waves::-webkit-scrollbar{width:6px}.dg-waves::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:3px}.dg-wave{display:flex;gap:8px;align-items:flex-start}.dg-wave-idx{flex-shrink:0;width:20px;height:20px;border-radius:6px;font-size:11px;display:flex;align-items:center;justify-content:center;color:var(--gold-bright);background:var(--ink-3);border:1px solid var(--gold-line);font-family:var(--font-title)}.dg-wave-monsters{display:flex;flex-wrap:wrap;gap:4px 10px}.dg-monster{font-size:12px;color:var(--paper-dim);display:inline-flex;align-items:baseline;gap:4px}.dg-monster.boss{color:var(--gold-bright);font-weight:700}.dg-monster.boss:after{content:"BOSS";font-size:9px;color:var(--cinnabar);border:1px solid rgba(194,69,58,.5);border-radius:4px;padding:0 4px;align-self:center}.dg-monster-lv{font-size:10px;color:var(--muted)}.dg-drops{display:flex;flex-wrap:wrap;gap:6px}.dg-drop{display:inline-flex;align-items:center;gap:5px;background:var(--ink-3);border:1px solid var(--gold-line);border-radius:8px;padding:4px 8px}.dg-drop-ico{width:22px;height:22px;object-fit:contain}.dg-drop-ico.glyph{display:inline-flex;align-items:center;justify-content:center;background:var(--ink-4);color:var(--gold);font-family:var(--font-title);font-size:13px}.dg-drop-name{font-size:12px;color:var(--paper)}.dg-drop-chance{font-size:11px;color:var(--muted)}.dg-drop-chance.sure{color:var(--gold-bright)}.dg-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:4px}.dg-foot .muted{font-size:11.5px}.dg-remain{font-size:12px;color:var(--gold-bright)}.dg-remain.exhausted{color:var(--cinnabar)}.dg-start{margin-left:auto}.bag-count-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-bottom:1px solid var(--gold-line);margin-bottom:6px}.bag-count-row .bag-count-input{width:52px;text-align:center;background:var(--ink-3);color:var(--paper);border:1px solid var(--gold-line);border-radius:4px;padding:2px 4px;font-size:13px}.bag-count-row .bag-count-input:focus{outline:none;border-color:var(--gold)}.bag-count-row .btn{padding:0 10px;min-width:28px}.bt-modal-v2{min-width:460px;max-width:560px;padding:22px 24px;gap:14px;background:linear-gradient(180deg,#141c28f5,#0e141ef5);border:1px solid var(--gold);box-shadow:0 0 32px #d4a94e2e,0 12px 48px #0000008c}.bt-head{text-align:center;padding:8px 0 12px;border-bottom:1px solid var(--gold-line);margin-bottom:4px;position:relative}.bt-head-eyebrow{font-size:11px;letter-spacing:6px;color:var(--gold-bright);opacity:.85;margin-bottom:6px}.bt-head-title{font-size:22px;color:var(--paper);font-weight:700}.bt-head-title b{font-size:26px;text-shadow:0 0 12px rgba(212,169,78,.45)}.bt-head-sub{font-size:12px;margin-top:4px;opacity:.8}.bt-card{background:#0000002e;border:1px solid var(--gold-line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.bt-card-label{font-size:11px;letter-spacing:1px;color:var(--gold-bright);opacity:.85}.bt-card-row{display:flex;align-items:center;gap:12px}.bt-card-num{font-size:24px;font-weight:700;letter-spacing:.5px;min-width:110px;text-align:right}.bt-card-bar{flex:1;height:8px;background:#0d1016;border-radius:4px;overflow:hidden;position:relative}.bt-card-bar-fill{height:100%;background:linear-gradient(90deg,#b88c2e,#f0d77a,#d4a94e);border-radius:4px;transition:width .35s ease;box-shadow:0 0 6px #d4a94e59}.bt-card-bar-fill.rate{background:linear-gradient(90deg,#b88c2e,var(--jade),#4e8a72)}.bt-card-sub{font-size:11px;min-width:110px}.bt-rate-num{font-size:28px;font-weight:700;letter-spacing:.5px;min-width:110px;text-align:right;text-shadow:0 0 10px currentColor}.bt-rate-num.high{color:#6eea9c}.bt-rate-num.mid{color:var(--gold-bright)}.bt-rate-num.low{color:#e89c6e}.bt-slots-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bt-slot-item{background:#0000002e;border:1px dashed var(--gold-line);border-radius:6px;padding:10px 6px;min-height:58px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bt-slot-item:hover{background:#d4a94e14;border-color:var(--gold);transform:translateY(-1px)}.bt-slot-item.on{background:#d4a94e1f;border-style:solid;border-color:var(--gold);box-shadow:0 0 10px #d4a94e2e}.bt-slot-name{font-size:12.5px;color:var(--paper)}.bt-slot-empty{font-size:11.5px;opacity:.6}.bt-tips{font-size:11.5px;color:var(--muted);padding:4px 6px;background:#0000001f;border-radius:6px;border-left:3px solid var(--cinnabar)}.bt-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:6px}.bt-actions .breakthrough-btn{font-size:14px;padding:8px 28px;background:linear-gradient(180deg,#d05a4e,#a8443a);border-color:var(--cinnabar);box-shadow:0 0 16px #a8443a66}.bt-actions .breakthrough-btn:hover:not(:disabled){box-shadow:0 0 24px #a8443a99;filter:brightness(1.05)}.bt-cancel-btn{background:transparent;border-color:var(--gold-line);color:var(--muted)}.bt-cancel-btn:hover{color:var(--paper);border-color:var(--gold)}