*{margin:0;padding:0;box-sizing:border-box}
:root{--theme-bg:#0d1117;--theme-accent:#58a6ff;--theme-accent-hover:#79c0ff;--theme-accent-rgb:88,166,255;--theme-secondary:#f0883e;--theme-secondary-rgb:240,136,62;--theme-title:#f0883e;--theme-title-rgb:240,136,62;--theme-primary-top:#2ea043;--theme-primary-bottom:#238636;--scroll-track:#0d1117;--scroll-track-border:#30363d;--scroll-thumb:#30363d;--scroll-thumb-accent:var(--theme-accent);--scroll-thumb-hover:var(--theme-accent-hover)}
body{background:radial-gradient(circle at 14% -8%,rgba(var(--theme-accent-rgb),.16),transparent 28%),radial-gradient(circle at 90% 6%,rgba(var(--theme-secondary-rgb),.1),transparent 30%),var(--theme-bg);color:#c9d1d9;font-family:"Microsoft YaHei","SimHei",monospace;min-height:100vh;padding:0;font-size:22px;overflow:hidden;transition:background .22s ease}
body[data-theme="dark"]{--theme-bg:#0d1117;--theme-accent:#58a6ff;--theme-accent-hover:#79c0ff;--theme-accent-rgb:88,166,255;--theme-secondary:#f0883e;--theme-secondary-rgb:240,136,62;--theme-title:#f0883e;--theme-title-rgb:240,136,62;--theme-primary-top:#2ea043;--theme-primary-bottom:#238636}
body[data-theme="blue"]{--theme-bg:#071629;--theme-accent:#58a6ff;--theme-accent-hover:#79c0ff;--theme-accent-rgb:88,166,255;--theme-secondary:#79c0ff;--theme-secondary-rgb:121,192,255;--theme-title:#79c0ff;--theme-title-rgb:121,192,255;--theme-primary-top:#388bfd;--theme-primary-bottom:#1f6feb}
body[data-theme="green"]{--theme-bg:#071c14;--theme-accent:#3fb950;--theme-accent-hover:#56d364;--theme-accent-rgb:63,185,80;--theme-secondary:#f5c518;--theme-secondary-rgb:245,197,24;--theme-title:#56d364;--theme-title-rgb:86,211,100;--theme-primary-top:#3fb950;--theme-primary-bottom:#238636}
body[data-theme="purple"]{--theme-bg:#160f25;--theme-accent:#d2a8ff;--theme-accent-hover:#e2c5ff;--theme-accent-rgb:210,168,255;--theme-secondary:#58a6ff;--theme-secondary-rgb:88,166,255;--theme-title:#d2a8ff;--theme-title-rgb:210,168,255;--theme-primary-top:#a475f9;--theme-primary-bottom:#8250df}
body[data-theme="ember"]{--theme-bg:#221109;--theme-accent:#f0883e;--theme-accent-hover:#ffa657;--theme-accent-rgb:240,136,62;--theme-secondary:#f85149;--theme-secondary-rgb:248,81,73;--theme-title:#ffa657;--theme-title-rgb:255,166,87;--theme-primary-top:#f0883e;--theme-primary-bottom:#bc6c25}
body[data-theme="mono"]{--theme-bg:#fff;--theme-accent:#000;--theme-accent-hover:#000;--theme-accent-rgb:0,0,0;--theme-secondary:#000;--theme-secondary-rgb:0,0,0;--theme-title:#000;--theme-title-rgb:0,0,0;--theme-primary-top:#000;--theme-primary-bottom:#000;--scroll-track:#fff;--scroll-track-border:#000;--scroll-thumb:#000;--scroll-thumb-accent:#000;--scroll-thumb-hover:#000}
body[data-theme="mono"]{background:#fff;color:#000;font-variant-emoji:text}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb-accent) var(--scroll-track)}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:var(--scroll-track);border:1px solid var(--scroll-track-border);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scroll-thumb),var(--scroll-thumb-accent));border:2px solid var(--scroll-track);border-radius:999px}
*::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,var(--scroll-thumb),var(--scroll-thumb-accent))}
*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
*::-webkit-scrollbar-corner{background:var(--scroll-track)}
button,input{font-family:inherit}
.net-state{display:inline-flex;align-items:center;gap:5px;max-width:150px;border:1px solid #30363d;border-radius:999px;padding:4px 8px;color:#8b949e;background:rgba(13,17,23,.78);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.net-state::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8b949e;box-shadow:0 0 0 2px rgba(139,148,158,.12)}
.net-state.online{color:#7ee787;border-color:rgba(63,185,80,.4)}.net-state.online::before{background:#3fb950;box-shadow:0 0 0 2px rgba(63,185,80,.15)}
.net-state.syncing{color:#79c0ff;border-color:rgba(88,166,255,.45)}.net-state.syncing::before{background:#58a6ff;animation:game-action-pulse .9s ease-in-out infinite alternate}
.net-state.reconnect{color:#ffa657;border-color:rgba(240,136,62,.45)}.net-state.reconnect::before{background:#f0883e;animation:game-action-pulse .7s ease-in-out infinite alternate}
@keyframes game-action-pulse{from{opacity:.38;transform:scale(.78)}to{opacity:1;transform:scale(1.12)}}
.game-action-pending{pointer-events:none!important;cursor:wait!important}
.game-action-pending:not(button){opacity:.62}
button.game-action-pending{position:relative!important;color:transparent!important;text-shadow:none!important}
button.game-action-pending>*{visibility:hidden!important}
button.game-action-pending::after{content:attr(data-pending-text);position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:0 6px;color:#fff!important;font:inherit;line-height:1.1;text-align:center;white-space:nowrap}
body[data-theme="mono"] .net-state{border-color:#000;background:#fff;color:#000}body[data-theme="mono"] .net-state::before{background:#000;box-shadow:none}
body[data-theme="mono"] button.game-action-pending::after{color:#000!important}
.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:20px}
.auth-panel{width:min(420px,100%);border:1px solid #30363d;background:#161b22;border-radius:8px;padding:22px;box-shadow:0 16px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:12px}
.auth-panel h2{margin:0 0 6px;text-align:center;color:#f5c518;font-size:28px}
.auth-input{width:100%;border:1px solid #30363d;background:#0d1117;color:#c9d1d9;border-radius:6px;padding:11px 12px;font-size:18px;outline:none}
.auth-input:focus{border-color:var(--theme-accent)}
.auth-submit{border:1px solid var(--theme-primary-bottom);background:linear-gradient(180deg,var(--theme-primary-top),var(--theme-primary-bottom));color:#fff;border-radius:6px;padding:10px 12px;font-size:18px;font-weight:bold;cursor:pointer}
.auth-submit:disabled{cursor:not-allowed;opacity:.65}
.auth-link{border:0;background:transparent;color:#58a6ff;font-size:16px;cursor:pointer}
.auth-message{min-height:20px;text-align:center;color:#8b949e;font-size:15px}
.auth-message.error{color:#f85149}
#game{position:relative;width:100vw;height:100vh;max-width:none;display:grid;grid-template-columns:minmax(360px,26%) minmax(380px,30%) minmax(460px,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px}
h1{text-align:center;color:var(--theme-title);font-size:clamp(28px,2.2vw,40px);margin:0;width:auto;grid-column:1/-1;text-shadow:0 0 18px rgba(var(--theme-title-rgb),.28);letter-spacing:1px}
.game-status{position:absolute;right:8px;top:7px;z-index:150;display:flex;align-items:center;gap:6px;padding:0}
.theme-switcher{display:flex;align-items:center;gap:4px;border:1px solid rgba(var(--theme-accent-rgb),.28);border-radius:999px;background:rgba(13,17,23,.78);padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.18);backdrop-filter:blur(6px)}
.theme-btn{width:20px;height:20px;flex:0 0 20px;border:1px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;background:#0d1117;box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:border-color .15s,box-shadow .15s,filter .15s,transform .15s}
.theme-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.theme-btn:active{transform:scale(.94)}
.theme-btn.active{border-color:#f0f6fc;box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.46),0 0 12px rgba(var(--theme-accent-rgb),.22),inset 0 1px 0 rgba(255,255,255,.2)}
.theme-btn[data-theme="classic"]{background:linear-gradient(135deg,#0d1117 0 42%,#58a6ff 43% 67%,#f0883e 68%)}
.theme-btn[data-theme="dark"]{background:linear-gradient(135deg,#0d1117,#58a6ff 52%,#f0883e)}
.theme-btn[data-theme="blue"]{background:linear-gradient(135deg,#071629,#58a6ff)}
.theme-btn[data-theme="green"]{background:linear-gradient(135deg,#071c14,#3fb950)}
.theme-btn[data-theme="purple"]{background:linear-gradient(135deg,#160f25,#d2a8ff)}
.theme-btn[data-theme="ember"]{background:linear-gradient(135deg,#221109,#f0883e)}
.theme-btn[data-theme="mono"]{background:linear-gradient(135deg,#000 0 48%,#fff 49% 100%)}
.status-logout{font-size:13px!important;line-height:1!important;padding:6px 9px!important;border-radius:8px!important;background:linear-gradient(180deg,#30363d,#1b212a)!important;box-shadow:none!important;white-space:nowrap}
.status-logout:hover{border-color:var(--theme-accent)!important;color:#fff}
.reconnect-overlay{position:fixed;inset:0;z-index:520;display:none;align-items:center;justify-content:center;background:rgba(4,7,12,.72);backdrop-filter:blur(5px);padding:20px}
.reconnect-overlay.show{display:flex}
.reconnect-panel{width:min(360px,calc(100vw - 32px));border:1px solid rgba(88,166,255,.36);border-radius:14px;background:linear-gradient(180deg,rgba(22,27,34,.96),rgba(9,13,18,.96));box-shadow:0 22px 58px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);padding:24px 22px;text-align:center}
.reconnect-spinner{width:44px;height:44px;margin:0 auto 14px;border:3px solid rgba(88,166,255,.18);border-top-color:#58a6ff;border-radius:50%;animation:reconnect-spin .9s linear infinite}
.reconnect-title{color:#f5c518;font-size:24px;font-weight:bold;line-height:1.2}
.reconnect-text{color:#a9b4c0;font-size:16px;line-height:1.4;margin-top:7px}
@keyframes reconnect-spin{to{transform:rotate(360deg)}}
.col-map{min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1vh,12px);overflow:hidden}.col-center{min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-right:2px}.col-right{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;font-size:0.85em}
.panel{position:relative;background:linear-gradient(180deg,rgba(27,33,43,.96),rgba(16,21,29,.96));border:1px solid #30363d;border-radius:14px;padding:10px;margin:4px 0;min-height:0;box-shadow:0 10px 24px rgba(0,0,0,.22);overflow:hidden}.panel:before{content:"";position:absolute;left:-70px;top:-90px;width:160px;height:160px;border-radius:50%;background:rgba(var(--theme-accent-rgb),.07);filter:blur(16px);pointer-events:none}.panel>*{position:relative}
.col-center>.panel{flex:0 1 auto;overflow:hidden}
.col-center>.panel:last-child{flex:1 1 0;display:flex;flex-direction:column;min-height:0}
.title{color:var(--theme-title);font-weight:bold;font-size:25px;margin-bottom:8px;border-bottom:1px solid rgba(var(--theme-title-rgb),.28);padding-bottom:6px;text-shadow:0 0 12px rgba(var(--theme-title-rgb),.18)}
.stat-row{display:flex;align-items:center;margin:2px 0;font-size:22px;gap:6px}
.stat-row label{min-width:50px;color:#8b949e;white-space:nowrap}
.player-panel{padding:11px 12px 12px;overflow:visible;z-index:80;background:radial-gradient(circle at 12% -20%,rgba(240,136,62,.2),transparent 34%),radial-gradient(circle at 100% 16%,rgba(88,166,255,.12),transparent 28%),linear-gradient(180deg,rgba(27,33,43,.98),rgba(13,17,23,.98))}
.col-center>.player-panel{overflow:visible;z-index:80}
.player-title{font-size:27px;margin-bottom:9px;color:var(--theme-title);border-bottom-color:rgba(var(--theme-title-rgb),.42)}
.player-identity{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center;margin-bottom:9px}
.player-name-wrap{min-width:0}.player-name-wrap .player-title{margin-bottom:5px}
.player-honor-row{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap;margin-top:7px}
.player-badge-chip{--honor-accent:#f5c518;--honor-accent-2:#f0883e;display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:34px;border:1px solid var(--honor-accent);border-radius:999px;background:radial-gradient(circle at 18% 0,rgba(245,197,24,.18),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(13,17,23,.92));color:#f5c518;font-size:14px;font-weight:bold;line-height:1.2;padding:5px 12px 5px 5px;text-align:left;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(0,0,0,.28);transition:border-color .15s,filter .15s,box-shadow .15s}
.player-badge-chip:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 12px rgba(245,197,24,.12)}
.player-badge-icon{flex:0 0 24px;width:24px;height:24px;border:1px solid rgba(245,197,24,.42);border-radius:999px;background:linear-gradient(180deg,rgba(13,17,23,.86),rgba(13,17,23,.58));display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.player-badge-text{display:flex;flex-direction:column;min-width:0}
.player-badge-name,.player-badge-source{color:#f4e8b0;font-size:13px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.65)}
.player-badge-chip.empty{display:inline-block;min-height:0;color:#8b949e;background:#0d1117;border-color:#30363d;border-radius:999px;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:6px 10px;box-shadow:none}
.player-vitals{display:grid;gap:5px;margin-bottom:8px}
.player-vitals .stat-row{margin:0;gap:8px;font-size:18px}
.player-vitals .stat-row label{min-width:44px;color:#a9b4c0;font-weight:bold}
.player-vitals .bar-bg{height:21px;border-color:rgba(255,255,255,.08);background:#070b10}
.player-vitals .bar-text{font-size:14px;line-height:21px;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,.75)}
.player-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}
.meta-card{position:relative;min-width:0;min-height:82px;border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,rgba(22,27,34,.9),rgba(9,13,18,.88));padding:9px 11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.battle-lv-row{overflow:visible;z-index:90}
.battle-lv-row:hover{z-index:120}
.meta-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;min-width:0}
.meta-card .meta-label{display:block;color:#8b949e;font-size:13px;line-height:1.15;white-space:nowrap;flex:0 0 auto}
.meta-card b{display:block;color:#f5c518;font-size:21px;line-height:1.08;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta-card small{display:block;color:#8b949e;font-size:13px;line-height:1.2;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta-line{display:flex;align-items:flex-end;gap:7px;min-width:0;margin-top:7px}
.meta-line b{display:block;margin:0;flex:0 1 auto;min-width:0}
.meta-line small{display:block;margin:0;flex:1 1 auto;min-width:0}
.meta-line small span{display:inline;color:inherit;font-size:inherit;line-height:inherit}
.reward-line b{font-size:28px;color:#ffd33d}
.reward-line small{padding-bottom:3px}
.reward-hint{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(245,197,24,.42);border-radius:999px;background:rgba(245,197,24,.1);color:#f5c518;font-size:12px;font-weight:bold;line-height:1;padding:3px 7px;white-space:nowrap}
.reward-hint span{display:inline;color:inherit;font-size:inherit;line-height:inherit}
.reward-hint b{display:inline;color:inherit;font-size:inherit;line-height:inherit;margin:0}
.battle-meta-line{gap:5px}
.battle-meta-line b{font-size:20px;max-width:62%;color:#f5c518}
.battle-meta-line small{font-size:13px;padding-bottom:2px}
.reward-card{cursor:pointer;border-color:rgba(245,197,24,.46);background:linear-gradient(180deg,rgba(245,197,24,.08),rgba(9,13,18,.88))}.reward-card:hover{border-color:#f5c518}
.season-card{cursor:pointer;border-color:rgba(88,166,255,.46);background:linear-gradient(180deg,rgba(88,166,255,.1),rgba(9,13,18,.88))}.season-card:hover{border-color:#58a6ff}
.season-line b{font-size:25px;color:#58a6ff}.season-line small{padding-bottom:3px}
.season-hint{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(88,166,255,.42);border-radius:999px;background:rgba(88,166,255,.1);color:#58a6ff;font-size:12px;font-weight:bold;line-height:1;padding:3px 7px;white-space:nowrap}
.season-hint b{display:inline;color:inherit;font-size:inherit;line-height:inherit;margin:0}
.currency-line b{font-size:26px;color:#ffd33d}.currency-line small{margin:0}.currency-card b{color:#ffd33d}
.recharge-entry{border:1px solid rgba(88,166,255,.42);border-radius:999px;background:linear-gradient(180deg,rgba(88,166,255,.16),rgba(13,17,23,.92));color:#58a6ff;font-size:12px;font-weight:bold;line-height:1;padding:4px 8px;cursor:pointer;white-space:nowrap;box-shadow:none}.recharge-entry:hover{border-color:#58a6ff;color:#fff;filter:brightness(1.08)}.recharge-entry:active{transform:scale(.96)}
.equip-card{border:1px solid rgba(88,166,255,.22);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.72));padding:7px 9px;margin-bottom:7px;min-height:50px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.equip-summary{font-size:21px;color:#8b949e;display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center;justify-content:flex-start;max-width:100%;line-height:1.35;text-align:left}
.equip-slot{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:220px;white-space:nowrap}
.equip-label,.equip-name,.equip-stat{min-width:0;text-align:left}
.equip-label{flex:0 0 auto;color:#8b949e;font-weight:bold}
.equip-name{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.equip-total{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto;padding-left:9px;border-left:1px solid rgba(88,166,255,.28);min-width:0}
.equip-stat{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#c9d1d9}.def-value{color:#58a6ff;font-weight:bold}
.equip-attack-stat{gap:6px}.equip-stat-label{color:#c9d1d9;font-weight:bold}.equip-defense-stat{font-weight:bold}
.extreme-roll-setting{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;border-top:1px solid rgba(88,166,255,.18);padding:7px 1px 0}
.extreme-roll-copy{display:grid;gap:2px;min-width:0}.extreme-roll-copy b{color:#d2a8ff;font-size:14px;line-height:1.15}.extreme-roll-copy small{color:#8b949e;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extreme-roll-help{position:relative;display:inline-flex;width:max-content;max-width:100%;cursor:help;text-decoration:underline dotted rgba(210,168,255,.72);text-underline-offset:3px}.extreme-roll-tooltip{display:none;position:absolute;z-index:520;left:0;top:calc(100% + 8px);width:min(280px,calc(100vw - 32px));padding:9px 10px;border:1px solid rgba(210,168,255,.55);border-radius:9px;background:linear-gradient(180deg,rgba(31,24,43,.98),rgba(13,17,23,.98));box-shadow:0 12px 28px rgba(0,0,0,.48),0 0 0 1px rgba(210,168,255,.1);color:#e6d8ff;font-size:12px;font-weight:normal;line-height:1.45;text-align:left;text-decoration:none;white-space:normal;pointer-events:none}.extreme-roll-help:hover .extreme-roll-tooltip,.extreme-roll-help:focus .extreme-roll-tooltip{display:block}
.equip-sep{display:none;width:14px;text-align:left;color:#58a6ff}
.equip-actions{display:grid;gap:6px;justify-items:end}
.equip-core-btn{border:1px solid rgba(88,166,255,.42);border-radius:999px;background:linear-gradient(180deg,rgba(88,166,255,.16),rgba(13,17,23,.92));color:#58a6ff;font-size:14px;font-weight:bold;line-height:1;padding:7px 10px;cursor:pointer;white-space:nowrap;box-shadow:none}
.equip-core-btn:hover{border-color:#58a6ff;color:#fff;filter:brightness(1.08)}
.equip-core-btn:active{transform:scale(.96)}
.equip-core-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}
.equip-clear-btn{border-color:rgba(245,197,24,.38);color:#f5c518;background:linear-gradient(180deg,rgba(245,197,24,.12),rgba(13,17,23,.92))}
.combat-stats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}
.combat-stats span{border:1px solid rgba(245,197,24,.34);border-radius:999px;background:rgba(245,197,24,.08);color:#f5c518;font-size:18px;line-height:1.2;padding:4px 9px;font-weight:bold}
.auto-potion-row{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0;color:#8b949e;font-size:15px;line-height:1.2;border:1px solid rgba(88,166,255,.22);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.72));padding:7px 9px}
.auto-potion-label{color:#8b949e;font-size:inherit;font-weight:bold;line-height:inherit;white-space:nowrap}
.auto-potion-toggle{font-size:14px!important;padding:3px 9px!important;border-radius:999px;line-height:1;box-shadow:none}
.auto-potion-toggle{min-width:48px;border:1px solid rgba(248,81,73,.5);background:linear-gradient(180deg,rgba(248,81,73,.12),rgba(13,17,23,.92));color:#ff7b72;font-weight:bold;cursor:pointer}
.auto-potion-toggle.active{border-color:rgba(63,185,80,.56);background:linear-gradient(180deg,rgba(63,185,80,.16),rgba(13,17,23,.92));color:#56d364}
.auto-potion-toggle:hover{filter:brightness(1.08);color:#fff}
.bar-bg{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:999px;height:22px;overflow:hidden;position:relative;box-shadow:inset 0 1px 5px rgba(0,0,0,.45)}
.bar-fill{height:100%;transition:width .3s;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 10px rgba(255,255,255,.08)}
.bar-fill.healing-fill{background:linear-gradient(90deg,#238636,#3fb950,#56d364)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 14px rgba(63,185,80,.48);animation:healing-pulse 1s ease-in-out infinite}
@keyframes healing-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
#mAtkBar,#mSkBar{width:100%;transform:scaleX(0);transform-origin:left center;transition:none;will-change:transform}
.bar-text{position:absolute;top:0;left:0;right:0;text-align:center;font-size:14px;line-height:22px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.log-panel{flex:1 1 0!important;min-height:112px!important}
#log{background:linear-gradient(180deg,#0d1117,#090d13);border:1px solid #30363d;border-radius:12px;padding:8px;height:auto;flex:1 1 auto;min-height:0;overflow-y:auto;font-size:20px;line-height:1.45;font-family:Consolas,monospace;box-shadow:inset 0 0 18px rgba(0,0,0,.26)}#log div{padding:2px 4px;border-radius:5px}
.log-atk{color:#f85149}.log-matk{color:#d2a8ff}.log-skill{color:#f0883e}.log-heal{color:#3fb950}.log-info{color:#8b949e}.log-drop{color:#f5c518}.log-boss{color:#e94560}.log-system{color:#8b949e}.log-def{color:#58a6ff}
.tabs{display:flex;gap:2px;margin:4px 0 0;flex:0 0 auto}
.tab{flex:1;padding:7px 4px;border:1px solid #30363d;border-bottom:none;border-radius:10px 10px 0 0;font-size:20px;cursor:pointer;background:linear-gradient(180deg,#111720,#0d1117);color:#8b949e;text-align:center;transition:all .18s}.tab:hover{border-color:var(--theme-accent);color:#c9d1d9}
.tab.active{background:linear-gradient(180deg,#1b2330,#161b22);color:#c9d1d9;border-color:var(--theme-accent);box-shadow:0 -1px 12px rgba(var(--theme-accent-rgb),.18)}
.tab-content{display:none;border:1px solid #30363d;border-radius:0 0 14px 14px;padding:8px;background:linear-gradient(180deg,rgba(22,27,34,.97),rgba(13,17,23,.97));max-height:none;overflow-y:auto;scrollbar-gutter:stable;min-height:0;flex:1 1 auto;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.tab-content.active{display:block;flex:1 1 auto;min-height:0}
.leaderboard-shell{display:grid;gap:9px;min-width:0}
.world-boss-leaderboard{display:grid;gap:9px;margin-bottom:14px;border:1px solid rgba(240,136,62,.34);border-radius:12px;background:linear-gradient(180deg,rgba(240,136,62,.08),rgba(13,17,23,.92));padding:10px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.world-boss-leaderboard-head{border-color:rgba(240,136,62,.42);background:linear-gradient(135deg,rgba(240,136,62,.16),rgba(88,166,255,.08),rgba(13,17,23,.9))}
.world-boss-leaderboard-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.world-boss-leaderboard-actions>.btn:first-child{max-width:260px;white-space:normal}
.world-boss-reward-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.world-boss-reward-strip span{border:1px solid rgba(245,197,24,.2);border-radius:8px;background:rgba(245,197,24,.055);padding:7px;text-align:center;color:#a9b4c0;font-size:12px}.world-boss-reward-strip b{display:block;color:#f5c518;font-size:15px;margin-top:2px}
.world-boss-leaderboard-body{height:310px;min-height:310px;overflow:hidden}
.world-boss-leaderboard-body>.leaderboard-empty{display:grid;height:100%;place-items:center}
.world-boss-leaderboard-table{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:2px}
.ordinary-leaderboard-shell{border-top:1px solid rgba(88,166,255,.18);padding-top:14px}
.monthly-world-boss-item{border-color:rgba(240,136,62,.52)!important;background:linear-gradient(135deg,rgba(240,136,62,.13),rgba(88,166,255,.07),rgba(13,17,23,.94))!important;box-shadow:0 0 0 1px rgba(240,136,62,.1),0 10px 24px rgba(0,0,0,.24)!important}.monthly-world-boss-item .mi-name{color:#ff9b5e!important}.monthly-world-boss-item .mi-level-badge{border-color:rgba(240,136,62,.4);color:#f0a16a;background:rgba(240,136,62,.08)}
@media(max-width:720px){.world-boss-reward-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.world-boss-leaderboard-actions{width:100%;justify-content:stretch}.world-boss-leaderboard-actions .btn{flex:1 1 120px}}
.leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(88,166,255,.24);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.86));padding:9px}
.leaderboard-title{display:flex;align-items:center;gap:9px;min-width:0}
.leaderboard-title>span{width:42px;height:42px;border:1px solid rgba(240,136,62,.38);border-radius:9px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1;flex:0 0 auto}
.leaderboard-title b{display:block;color:#f0883e;font-size:20px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-title em{display:block;color:#8b949e;font-size:13px;font-style:normal;margin-top:3px}
.leaderboard-head .btn{font-size:14px!important;padding:7px 9px!important;border-radius:8px!important;box-shadow:none}
.leaderboard-controls{display:grid;grid-template-columns:1fr;gap:8px}
.leaderboard-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.leaderboard-search{padding:8px 10px;font-size:15px;border-radius:9px}
.leaderboard-clear-btn{width:38px;height:38px;min-width:0;padding:0!important;font-size:22px!important;line-height:1!important;border-radius:9px!important}
.leaderboard-map-tabs{margin:0}
.leaderboard-map-tabs button{flex:1 0 96px}
.leaderboard-map-tabs button span{color:#8b949e;font-size:12px;font-weight:normal}
.leaderboard-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;max-height:clamp(170px,28vh,280px);overflow:auto;scrollbar-gutter:stable;padding-right:2px}
.leaderboard-monster-option{border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,#1b212a,#10151d);padding:8px 9px;text-align:left;color:#c9d1d9;cursor:pointer;display:grid;gap:3px;min-width:0;box-shadow:0 5px 12px rgba(0,0,0,.14);transition:border-color .15s,background .15s,filter .15s,transform .15s}
.leaderboard-monster-option:hover{border-color:#58a6ff;filter:brightness(1.06)}
.leaderboard-monster-option.active{border-color:rgba(245,197,24,.5);background:linear-gradient(180deg,rgba(245,197,24,.1),#10151d);box-shadow:0 0 0 1px rgba(245,197,24,.12),0 5px 12px rgba(0,0,0,.18)}
.leaderboard-monster-option b{display:block;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0883e}
.leaderboard-monster-option span{display:block;font-size:12px;line-height:1.2;color:#8b949e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-select{width:100%;min-width:0;border:1px solid #30363d;border-radius:9px;background:#0d1117;color:#c9d1d9;font-size:15px;padding:8px 10px;outline:none}
.leaderboard-select:focus{border-color:#58a6ff}
.leaderboard-mine{border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,#161b22,#0d1117);padding:9px;display:grid;gap:4px}
.leaderboard-mine.has-record{border-color:rgba(245,197,24,.34);background:linear-gradient(180deg,rgba(245,197,24,.08),#0d1117)}
.leaderboard-mine span{color:#8b949e;font-size:12px;font-weight:bold;line-height:1.15}.leaderboard-mine b{color:#f5c518;font-size:21px;line-height:1.15}.leaderboard-mine em{color:#a9b4c0;font-size:13px;font-style:normal;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.leaderboard-table{display:grid;gap:6px}
.leaderboard-row{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(72px,auto);gap:8px;align-items:center;border:1px solid #30363d;border-radius:9px;background:linear-gradient(180deg,#1b212a,#10151d);padding:8px;min-width:0}
.leaderboard-row.rank-1{border-color:rgba(245,197,24,.5);background:linear-gradient(180deg,rgba(245,197,24,.1),#10151d)}
.leaderboard-row.rank-2{border-color:rgba(201,209,217,.38)}
.leaderboard-row.rank-3{border-color:rgba(240,136,62,.42)}
.lb-rank{color:#f5c518;font-size:17px;font-weight:bold;text-align:center}
.lb-player{min-width:0}.lb-player b{display:block;color:#c9d1d9;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-player span{display:block;color:#8b949e;font-size:12px;line-height:1.45;margin-top:3px;white-space:normal;overflow-wrap:anywhere}
.lb-time{text-align:right;min-width:0}.lb-time b{display:block;color:#58a6ff;font-size:18px;line-height:1.15;white-space:nowrap}.lb-time span{display:block;color:#8b949e;font-size:12px;line-height:1.2;margin-top:3px;white-space:nowrap}
.leaderboard-empty{border:1px dashed #30363d;border-radius:10px;background:#0d1117;color:#8b949e;text-align:center;font-size:16px;line-height:1.4;padding:18px 10px}
.leaderboard-empty.error{color:#f85149;display:grid;gap:9px;justify-items:center}.leaderboard-empty.error .btn{font-size:14px!important;padding:7px 12px!important}
.leaderboard-refresh-error{border-color:#f85149!important;color:#ff7b72!important}
.btn{padding:6px 11px;border:1px solid #30363d;border-radius:10px;font-size:22px;font-weight:bold;cursor:pointer;color:#c9d1d9;background:linear-gradient(180deg,#2a313d,#1b212a);transition:all .15s;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.btn:hover{border-color:var(--theme-accent);filter:brightness(1.08)}.btn:active{transform:scale(0.97)}
.btn-primary{background:linear-gradient(180deg,var(--theme-primary-top),var(--theme-primary-bottom));border-color:var(--theme-primary-bottom);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}
body[data-theme] .modal-header h3,
body[data-theme] .zone-title,
body[data-theme] .season-section-head strong,
body[data-theme] .shop-section-head strong{color:var(--theme-title)}
body[data-theme] .leaderboard-title b,
body[data-theme] .season-head-main strong,
body[data-theme] .honor-catalog-head strong{color:var(--theme-accent)}
body[data-theme] .leaderboard-head,
body[data-theme] .season-head,
body[data-theme] .honor-box{border-color:rgba(var(--theme-accent-rgb),.3)}
body[data-theme] .col-center,
body[data-theme] .col-right{border:1px solid rgba(var(--theme-accent-rgb),.14);border-radius:14px;background:radial-gradient(circle at 18% 0%,rgba(var(--theme-accent-rgb),.12),transparent 36%),radial-gradient(circle at 92% 10%,rgba(var(--theme-secondary-rgb),.06),transparent 32%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.035),rgba(13,17,23,.24));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body[data-theme] .col-center>.panel,
body[data-theme] .col-right>.panel,
body[data-theme] .tab-content{border-color:rgba(var(--theme-accent-rgb),.26);background:radial-gradient(circle at 10% -24%,rgba(var(--theme-accent-rgb),.11),transparent 36%),linear-gradient(180deg,rgba(22,27,34,.97),rgba(13,17,23,.97))}
body[data-theme] .player-panel{background:radial-gradient(circle at 12% -20%,rgba(var(--theme-title-rgb),.18),transparent 34%),radial-gradient(circle at 100% 16%,rgba(var(--theme-accent-rgb),.14),transparent 28%),linear-gradient(180deg,rgba(27,33,43,.98),rgba(13,17,23,.98))}
body[data-theme] .battle-panel{background:radial-gradient(circle at 15% -18%,rgba(var(--theme-secondary-rgb),.14),transparent 34%),radial-gradient(circle at 100% 0%,rgba(var(--theme-accent-rgb),.13),transparent 30%),linear-gradient(180deg,rgba(27,33,43,.98),rgba(10,14,20,.98))}
body[data-theme] .log-panel{border-color:rgba(var(--theme-accent-rgb),.32);background:radial-gradient(circle at 12% -18%,rgba(var(--theme-accent-rgb),.16),transparent 34%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.07),rgba(13,17,23,.96));box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(var(--theme-accent-rgb),.08)}
body[data-theme] #log{border-color:rgba(var(--theme-accent-rgb),.44);background:radial-gradient(circle at 8% -22%,rgba(var(--theme-accent-rgb),.26),transparent 32%),radial-gradient(circle at 100% 100%,rgba(var(--theme-secondary-rgb),.08),transparent 36%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.16),rgba(var(--theme-accent-rgb),.08) 42%,rgba(6,10,15,.96));box-shadow:inset 0 0 22px rgba(var(--theme-accent-rgb),.12),0 0 0 1px rgba(var(--theme-accent-rgb),.08);scrollbar-color:var(--theme-accent) rgba(var(--theme-accent-rgb),.12)}
body[data-theme] #log::-webkit-scrollbar-track{background:rgba(var(--theme-accent-rgb),.1);border-color:rgba(var(--theme-accent-rgb),.24)}
body[data-theme] #log::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--theme-accent),var(--theme-accent-hover));border-color:rgba(7,11,16,.95)}
body[data-theme] .tab{background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.055),rgba(13,17,23,.96))}
body[data-theme] .tab.active{background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.14),rgba(22,27,34,.98))}
body[data-theme] .meta-card,
body[data-theme] .equip-card,
body[data-theme] .auto-potion-row,
body[data-theme] .leaderboard-mine,
body[data-theme] .leaderboard-row{border-color:rgba(var(--theme-accent-rgb),.18);background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.055),rgba(9,13,18,.9))}
body[data-theme] .col-right{background:radial-gradient(circle at 18% 0%,rgba(var(--theme-accent-rgb),.22),transparent 34%),radial-gradient(circle at 92% 8%,rgba(var(--theme-secondary-rgb),.08),transparent 34%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.09),rgba(8,12,18,.92))}
body[data-theme] .col-right .tab-content{border-color:rgba(var(--theme-accent-rgb),.42);background:radial-gradient(circle at 14% -20%,rgba(var(--theme-accent-rgb),.23),transparent 36%),radial-gradient(circle at 100% 96%,rgba(var(--theme-secondary-rgb),.07),transparent 38%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.13),rgba(var(--theme-accent-rgb),.07) 46%,rgba(7,11,16,.95));box-shadow:inset 0 0 22px rgba(var(--theme-accent-rgb),.1),0 10px 24px rgba(0,0,0,.22);scrollbar-color:var(--theme-accent) rgba(var(--theme-accent-rgb),.12)}
body[data-theme] .col-right .tab-content::-webkit-scrollbar-track{background:rgba(var(--theme-accent-rgb),.1);border-color:rgba(var(--theme-accent-rgb),.24)}
body[data-theme] .col-right .tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--theme-accent),var(--theme-accent-hover));border-color:rgba(7,11,16,.95)}
body[data-theme] .col-right .weapon-codex,
body[data-theme] .col-right .series-tab,
body[data-theme] .col-right .coll-item,
body[data-theme] .col-right .item-card,
body[data-theme] .col-right .honor-card,
body[data-theme] .col-right .leaderboard-head,
body[data-theme] .col-right .leaderboard-mine,
body[data-theme] .col-right .leaderboard-row,
body[data-theme] .col-right .empty-state{border-color:rgba(var(--theme-accent-rgb),.34);background:radial-gradient(circle at 12% -24%,rgba(var(--theme-accent-rgb),.2),transparent 36%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.16),rgba(var(--theme-accent-rgb),.07) 48%,rgba(10,15,22,.94));box-shadow:inset 0 1px 0 rgba(var(--theme-accent-rgb),.08),0 5px 12px rgba(0,0,0,.16)}
body[data-theme] .col-right .series-tab.active,
body[data-theme] .col-right .coll-item.equipped,
body[data-theme] .col-right .honor-card.active{border-color:rgba(var(--theme-title-rgb),.62);background:radial-gradient(circle at 12% -24%,rgba(var(--theme-title-rgb),.24),transparent 38%),linear-gradient(180deg,rgba(var(--theme-title-rgb),.14),rgba(var(--theme-accent-rgb),.08) 48%,rgba(10,15,22,.95))}
body[data-theme] .col-right .coll-item.owned,
body[data-theme] .col-right .honor-card.owned{background:radial-gradient(circle at 12% -24%,rgba(var(--theme-accent-rgb),.2),transparent 38%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.15),rgba(10,18,13,.92));border-color:rgba(var(--theme-accent-rgb),.42)}
body[data-theme] .col-right .coll-item.locked,
body[data-theme] .col-right .honor-card.locked{background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.08),rgba(13,17,23,.86));border-color:rgba(var(--theme-accent-rgb),.18)}
body[data-theme] .col-right .ci-glow,
body[data-theme] .col-right .item-card:before{background:rgba(var(--theme-accent-rgb),.22)}
body[data-theme] .col-right .codex-rank,
body[data-theme] .col-right .codex-bar,
body[data-theme] .col-right .codex-tags span,
body[data-theme] .col-right .codex-bonus span,
body[data-theme] .col-right .ci-tag,
body[data-theme] .col-right .honor-card-icon,
body[data-theme] .col-right .honor-card-action,
body[data-theme] .col-right .leaderboard-title>span,
body[data-theme] .col-right .leaderboard-select{border-color:rgba(var(--theme-accent-rgb),.28);background:rgba(var(--theme-accent-rgb),.1)}
.modal-bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:400;justify-content:center;align-items:center}
#confirmModal{z-index:720}
.modal-bg.show{display:flex}
.modal{background:linear-gradient(180deg,#1b212b,#10151d);border:1px solid #30363d;border-radius:16px;max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(88,166,255,.08);overflow:hidden}
.modal-header{padding:12px 12px 0;display:flex;align-items:center;border-bottom:1px solid rgba(240,136,62,.24);padding-bottom:8px;background:radial-gradient(circle at 50% -70%,rgba(240,136,62,.2),transparent 58%)}
.modal-header h3{color:#f0883e;font-size:27px;margin:0;flex:1;text-align:center}
.modal-close{background:#0d1117;border:1px solid #30363d;border-radius:9px;padding:2px 7px;cursor:pointer;font-size:22px;color:#f85149;line-height:1}
.modal-close:hover{border-color:#f85149;color:#ff6b6b}
.modal-body{padding:12px;overflow-y:auto;flex:1}
.modal-btn{display:block;width:100%;padding:8px;margin-top:6px;border:1px solid #30363d;border-radius:10px;cursor:pointer;font-size:22px;background:linear-gradient(180deg,#2a313d,#1b212a);color:#c9d1d9;text-align:center}
.modal-btn:hover{border-color:#58a6ff}
.socket-panel{display:grid;gap:10px}
.socket-manager-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid #30363d;border-radius:8px;background:#0d1117;padding:4px}.socket-manager-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8b949e;font-size:14px;font-weight:bold;cursor:pointer}.socket-manager-tabs button:hover{border-color:rgba(88,166,255,.4);background:rgba(88,166,255,.08);color:#c9d1d9}.socket-manager-tabs button.active{border-color:rgba(245,197,24,.55);background:#211c12;color:#f5c518}.socket-manager-tabs button span{font-size:17px;line-height:1}
.socket-wallet{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(245,197,24,.28);border-radius:10px;background:linear-gradient(180deg,rgba(245,197,24,.08),rgba(13,17,23,.72));padding:8px 10px}
.socket-wallet span,.socket-wallet em{color:#8b949e;font-size:14px;font-style:normal;line-height:1.2}.socket-wallet b{color:#f5c518;font-size:22px;line-height:1}
.socket-switch{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid rgba(88,166,255,.24);border-radius:10px;background:#0d1117;padding:9px 10px}
.socket-switch-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.socket-switch-head>div{display:flex;align-items:baseline;gap:8px;min-width:0}.socket-switch-head span{color:#c9d1d9;font-size:16px;font-weight:bold;white-space:nowrap}.socket-switch-head b{color:#58a6ff;font-size:13px;white-space:nowrap}.socket-switch-head em{color:#8b949e;font-size:12px;font-style:normal;text-align:right}
.socket-switch-tools{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:7px}.socket-switch input,.socket-switch select{min-width:0;width:100%;border:1px solid #30363d;border-radius:8px;background:#161b22;color:#c9d1d9;font-size:14px;padding:7px 9px;outline:none}.socket-switch input:focus,.socket-switch select:focus{border-color:#58a6ff}
.socket-weapon-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:238px;overflow-y:auto;padding-right:3px}.socket-weapon-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;border:1px solid #30363d;border-radius:8px;background:linear-gradient(180deg,#1b212a,#12171e);color:#c9d1d9;padding:7px 8px;cursor:pointer;text-align:left}.socket-weapon-option:hover{border-color:#58a6ff;filter:brightness(1.06)}.socket-weapon-option.active{border-color:#f5c518;background:linear-gradient(180deg,rgba(245,197,24,.12),#12171e)}.socket-weapon-option[hidden]{display:none}.socket-weapon-option>span{display:grid;gap:2px;min-width:0}.socket-weapon-option strong{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socket-weapon-option em{color:#8b949e;font-size:11px;font-style:normal;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socket-weapon-option>b{color:#58a6ff;font-size:11px;white-space:nowrap}.socket-picker-empty{border:1px dashed #30363d;border-radius:8px;color:#8b949e;font-size:13px;text-align:center;padding:12px}
.socket-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);gap:10px;align-items:stretch;border:1px solid rgba(88,166,255,.28);border-radius:12px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.78));padding:10px}
.socket-weapon-name{font-size:23px;font-weight:bold;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socket-weapon-meta{color:#8b949e;font-size:15px;margin-top:4px}.socket-bonus{border:1px solid rgba(63,185,80,.3);border-radius:9px;background:rgba(63,185,80,.08);color:#3fb950;font-size:14px;line-height:1.35;padding:8px}
.socket-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:10px;align-items:start}
.socket-section{min-width:0}.socket-section-title{color:#f5c518;font-size:18px;font-weight:bold;margin:0 0 7px}
.socket-slots{display:grid;gap:8px}.socket-card{border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,#161b22,#0d1117);padding:9px;min-width:0}.socket-card.filled{border-color:rgba(245,197,24,.32)}.socket-card.empty{border-style:dashed}.socket-card.selected{border-color:#58a6ff;background:linear-gradient(180deg,rgba(88,166,255,.12),rgba(13,17,23,.9));box-shadow:0 0 0 1px rgba(88,166,255,.16)}
.socket-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.socket-card-head span{color:#8b949e;font-size:14px;font-weight:bold}.socket-card-head b{color:#f5c518;font-size:14px;white-space:nowrap}.socket-empty-mark{height:44px;border:1px dashed #30363d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#484f58;font-size:28px;margin-bottom:8px}
.socket-core-row{display:flex;align-items:center;gap:8px;min-width:0}.socket-core-icon{width:36px;height:36px;border:1px solid #30363d;border-radius:8px;background:#21262d;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;flex:0 0 auto}.socket-core-main{min-width:0;display:grid;gap:2px;text-align:left}.socket-core-main strong{font-size:17px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socket-core-main em{color:#f5c518;font-size:13px;font-style:normal;line-height:1.25}
.gem-icon-visual{position:relative;display:inline-grid;place-items:center;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--gem-icon-color) 45%,#fff),#090d12 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gem-icon-color) 68%,transparent),0 0 8px color-mix(in srgb,var(--gem-icon-color) 25%,transparent)}.gem-icon-visual.gem-rarity-epic{box-shadow:inset 0 0 0 2px rgba(210,168,255,.72),0 0 9px color-mix(in srgb,var(--gem-icon-color) 44%,#d2a8ff)}.gem-icon-visual.gem-rarity-legend{box-shadow:inset 0 0 0 2px rgba(255,165,0,.86),0 0 11px color-mix(in srgb,var(--gem-icon-color) 58%,#ffa500)}.gem-icon-visual img{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover}.gem-icon-fallback{position:relative;z-index:0;color:var(--gem-icon-color);font-size:.72em;text-shadow:0 0 5px currentColor}.socket-core-icon .gem-icon-visual{border-radius:6px}.wowtt-socket>span .gem-icon-visual{border-radius:3px}.inventory-detail-icon .gem-icon-visual{border-radius:5px}.shop-tip-icon .gem-icon-visual{border-radius:8px}
.socket-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}.socket-action{border:1px solid #30363d;border-radius:8px;background:linear-gradient(180deg,#2a313d,#1b212a);color:#c9d1d9;font-size:15px;font-weight:bold;line-height:1;padding:7px 10px;cursor:pointer}.socket-action:hover{border-color:#58a6ff;filter:brightness(1.08)}.socket-action:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}.socket-action.keep{color:#58a6ff}.socket-action.destroy{color:#f85149}.socket-action.select{width:100%}
.socket-empty-state{border:1px dashed #30363d;border-radius:10px;background:#0d1117;color:#8b949e;font-size:16px;line-height:1.4;text-align:center;padding:18px 12px}.socket-inventory-hint{border:1px solid rgba(88,166,255,.24);border-radius:8px;background:rgba(88,166,255,.08);color:#58a6ff;font-size:14px;font-weight:bold;padding:7px 9px;margin-bottom:7px}.socket-core-grid{display:grid;gap:7px}.socket-core-pick{width:100%;border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,#21262d,#141920);color:#c9d1d9;padding:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;cursor:pointer;text-align:left}.socket-core-pick:hover{border-color:#58a6ff;filter:brightness(1.06)}.socket-core-pick b{color:#3fb950;font-size:15px;white-space:nowrap}
.gem-forge-panel{display:grid;gap:0;min-width:0}.gem-forge-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(245,197,24,.24);border-bottom:1px solid rgba(245,197,24,.24);background:#17150f;padding:10px 12px}.gem-forge-intro>div{flex:0 0 auto}.gem-forge-intro span,.gem-forge-intro b{display:block}.gem-forge-intro span{color:#8b949e;font-size:11px}.gem-forge-intro b{margin-top:2px;color:#f5c518;font-size:17px}.gem-forge-intro p{max-width:470px;margin:0;color:#b8b3a4;font-size:12px;line-height:1.45;text-align:right}.gem-forge-error{border-bottom:1px solid rgba(248,81,73,.45);background:rgba(248,81,73,.09);color:#ff7b72;padding:8px 11px;font-size:13px;font-weight:bold}.gem-forge-list{border-bottom:1px solid #30363d}.gem-forge-row{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(190px,1.2fr) minmax(120px,.8fr) minmax(136px,.85fr);gap:10px;align-items:center;min-width:0;border-top:1px solid #30363d;background:#0d1117;padding:11px 10px}.gem-forge-row:nth-child(even){background:#101419}.gem-forge-output{display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center;min-width:0}.gem-forge-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(245,197,24,.45);border-radius:6px;background:#15191e}.gem-forge-output>div{min-width:0}.gem-forge-output em,.gem-forge-output strong,.gem-forge-output b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.gem-forge-output em{color:#8b949e;font-size:10px;font-style:normal;white-space:nowrap}.gem-forge-output strong{margin-top:2px;font-size:14px;line-height:1.2;white-space:nowrap}.gem-forge-output b{margin-top:3px;color:#7ee787;font-size:10px;line-height:1.25;white-space:normal}.gem-forge-stock{display:grid;gap:6px;min-width:0}.gem-forge-stock>span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;min-width:0;border-left:2px solid #3f4b59;padding-left:7px}.gem-forge-mini-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:4px;background:#171b22}.gem-forge-stock>span>span{min-width:0}.gem-forge-stock em,.gem-forge-stock b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gem-forge-stock em{color:#8b949e;font-size:9px;font-style:normal}.gem-forge-stock b{margin-top:1px;color:#c9d1d9;font-size:11px}.gem-forge-points{display:grid;gap:6px;min-width:0}.gem-forge-points>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.gem-forge-points span{color:#8b949e;font-size:10px}.gem-forge-points span b{color:#f5c518;font-size:12px}.gem-forge-points em{color:#79c0ff;font-size:9px;font-style:normal;white-space:nowrap}.gem-forge-track{height:8px;border:1px solid #30363d;border-radius:2px;background:#161b22;overflow:hidden}.gem-forge-track span{display:block;height:100%;background:linear-gradient(90deg,#b7791f,#3fb950)}.gem-forge-actions{display:grid;grid-template-columns:1fr;gap:5px}.gem-forge-actions button{display:grid;gap:2px;width:100%;min-height:38px;border:1px solid #6b5935;border-radius:5px;background:#211c12;color:#f5c518;padding:6px 8px;cursor:pointer;text-align:center}.gem-forge-actions button:hover:not(:disabled){border-color:#f5c518;background:#302719}.gem-forge-actions button:disabled{border-color:#30363d;background:#161b22;color:#6e7681;cursor:not-allowed}.gem-forge-actions button b{font-size:11px;line-height:1.15}.gem-forge-actions button em{color:#9f9480;font-size:8px;font-style:normal;line-height:1.2}.gem-forge-actions button:disabled em{color:#646b74}
.battle-panel{padding:10px 12px 12px;background:radial-gradient(circle at 15% -18%,rgba(248,81,73,.16),transparent 34%),radial-gradient(circle at 100% 0%,rgba(88,166,255,.12),transparent 30%),linear-gradient(180deg,rgba(27,33,43,.98),rgba(10,14,20,.98))}
.battle-panel.battle-state-dead{border-color:rgba(248,81,73,.55);box-shadow:0 0 0 1px rgba(248,81,73,.14),0 10px 24px rgba(0,0,0,.22)}
.battle-panel.battle-state-wait{border-color:rgba(63,185,80,.45)}
.battle-panel.battle-state-recovery{border-color:rgba(210,168,255,.62);box-shadow:0 0 0 1px rgba(210,168,255,.14),0 10px 24px rgba(0,0,0,.22)}
.battle-info-grid{display:none!important}
.battle-shell{display:grid;gap:6px}
.monster-head{display:grid;grid-template-columns:46px minmax(0,1fr) 54px 70px;gap:8px;align-items:center;border:1px solid rgba(88,166,255,.22);border-radius:12px;background:linear-gradient(180deg,rgba(88,166,255,.09),rgba(13,17,23,.72));padding:7px}
.monster-avatar{width:46px;height:46px;border:1px solid #30363d;border-radius:12px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}
.monster-main{min-width:0}.battle-kicker{font-size:13px;color:#8b949e;line-height:1.2}.monster-name{color:#f0883e;font-size:24px;font-weight:bold;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.monster-rank-entry{width:54px;height:46px;border:1px solid rgba(245,197,24,.38);border-radius:10px;background:linear-gradient(180deg,rgba(245,197,24,.13),rgba(13,17,23,.92));color:#f5c518;font-size:14px;font-weight:bold;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:none}.monster-rank-entry:hover{border-color:#f5c518;color:#fff;filter:brightness(1.08)}.monster-rank-entry:active{transform:scale(.96)}
.battle-time{border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:6px;text-align:center;min-width:0}.battle-time>span{display:block;color:#8b949e;font-size:12px;line-height:1.1}.battle-time b{display:block;color:#f5c518;font-size:18px;line-height:1.15;margin-top:3px}.battle-time b span{display:inline;color:inherit;font-size:inherit;line-height:inherit}
.battle-bars{display:grid;grid-template-columns:1fr 1fr;gap:5px 7px}.battle-bar-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:center}.battle-bar-row:first-child{grid-column:1/-1}.battle-bar-row label{color:#8b949e;font-size:16px;font-weight:bold;white-space:nowrap}.battle-bar-row .bar-bg{height:21px}
.battle-info-grid{display:grid;grid-template-columns:92px minmax(0,1fr);gap:7px}.battle-info-grid>div{border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:7px 9px;min-width:0}.battle-info-grid span{display:block;color:#8b949e;font-size:12px;line-height:1.1}.battle-info-grid b{display:block;color:#f5c518;font-size:18px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-info-grid #mAtk{color:#f85149}.battle-info-grid #mSkill{color:#f0883e}
.def-display{min-height:28px;border:1px solid rgba(88,166,255,.18);border-radius:10px;background:rgba(13,17,23,.56);padding:5px 7px;color:#8b949e;font-size:15px;line-height:1.35;overflow:hidden}
.evasive-status,.evasive-off,.evasive-danger,.evasive-recovery,.evasive-last{display:inline-block;border-radius:4px;padding:1px 5px;margin:1px 2px;font-size:13px;font-weight:bold}.evasive-status{border:1px solid rgba(63,185,80,.4);background:rgba(63,185,80,.09);color:#3fb950}.evasive-off{border:1px solid rgba(139,148,158,.35);background:rgba(139,148,158,.08);color:#a9b4c0}.evasive-danger{border:1px solid rgba(248,81,81,.48);background:rgba(248,81,81,.1);color:#ff7b72}.evasive-recovery{border:1px solid rgba(210,168,255,.48);background:rgba(210,168,255,.1);color:#d2a8ff}.evasive-last{border:1px solid rgba(139,148,158,.35);background:rgba(139,148,158,.08);color:#a9b4c0}
.mail-modal{width:min(900px,96vw)!important;max-width:min(900px,96vw)!important}.mail-panel{display:grid;gap:10px}.mail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mail-summary>div{border:1px solid rgba(88,166,255,.26);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),#0d1117);padding:10px;text-align:center;min-width:0}.mail-summary b{display:block;color:#f5c518;font-size:25px;line-height:1.1}.mail-summary span{display:block;color:#8b949e;font-size:13px;margin-top:4px;white-space:nowrap}.mail-list{display:grid;gap:7px}.mail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:10px;min-width:0}.mail-row.unread{border-color:rgba(245,197,24,.5);background:linear-gradient(180deg,rgba(245,197,24,.08),#0d1117)}.mail-row-main{min-width:0}.mail-row-main b{display:block;color:#f5c518;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-main span{display:block;color:#8b949e;font-size:14px;line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-meta{text-align:right;display:grid;gap:4px;justify-items:end}.mail-row-meta em{font-style:normal;color:#8b949e;font-size:12px;white-space:nowrap}.mail-row-meta strong{border:1px solid rgba(245,197,24,.42);border-radius:999px;background:rgba(245,197,24,.08);color:#f5c518;font-size:12px;line-height:1;padding:4px 7px;white-space:nowrap}.mail-row-meta strong.claimed{border-color:rgba(63,185,80,.42);color:#3fb950;background:rgba(63,185,80,.08)}.mail-empty{border:1px dashed #30363d;border-radius:12px;background:linear-gradient(180deg,rgba(22,27,34,.75),rgba(13,17,23,.9));padding:26px 12px;text-align:center;color:#8b949e}.mail-empty-icon{font-size:44px;line-height:1;margin-bottom:8px}.mail-empty b{display:block;color:#c9d1d9;font-size:22px;line-height:1.2}.mail-empty span{display:block;font-size:15px;line-height:1.35;margin-top:5px}
.mail-tools{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mail-tools .btn{font-size:14px!important;padding:7px 10px!important;border-radius:8px}.mail-row-main p{color:#c9d1d9;font-size:14px;line-height:1.45;margin:5px 0 0;white-space:pre-line;word-break:break-word}.mail-attachments{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.mail-attach{display:inline-flex!important;align-items:center;gap:4px;width:auto;max-width:100%;border:1px solid rgba(88,166,255,.26);border-radius:999px;background:rgba(88,166,255,.08);color:#c9d1d9!important;font-size:12px!important;line-height:1.1!important;padding:4px 7px;white-space:nowrap!important}.mail-attachments.claimed .mail-attach{border-color:rgba(63,185,80,.26);background:rgba(63,185,80,.08);color:#3fb950!important}.mail-row-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.mail-row-actions .btn{font-size:13px!important;padding:5px 8px!important;border-radius:8px;white-space:nowrap}
.zone-hero{position:relative;text-align:center;padding:12px 10px;margin:0 0 8px;border:1px solid #30363d;border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(240,136,62,.18),transparent 45%),linear-gradient(180deg,#1b212b,#10151d);overflow:hidden}.zone-icon{font-size:48px;line-height:1}.zone-title{font-size:25px;font-weight:bold;color:#f0883e;margin-top:4px}.zone-desc{font-size:18px;color:#8b949e;margin-top:3px}.battle-zone{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon title" "icon desc" "progress progress";column-gap:10px;align-items:center;text-align:left;padding:10px 11px;margin-bottom:7px;background:radial-gradient(circle at 0% 0%,rgba(88,166,255,.18),transparent 42%),linear-gradient(180deg,#172030,#10151d)}.battle-zone .zone-icon{grid-area:icon;width:46px;height:46px;border:1px solid rgba(88,166,255,.3);border-radius:11px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1}.battle-zone .zone-title{grid-area:title;min-width:0;margin:0;font-size:21px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-zone .zone-desc{grid-area:desc;min-width:0;margin-top:3px;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-progress{position:relative;height:22px;margin:10px auto 0;max-width:360px;background:#0d1117;border:1px solid #30363d;border-radius:999px;overflow:hidden}.battle-zone .zone-progress{grid-area:progress;width:100%;max-width:none;height:18px;margin:8px 0 0}.zone-progress>div{height:100%;background:linear-gradient(90deg,#238636,#f5c518,#f0883e);border-radius:999px}.zone-progress span{position:absolute;inset:0;text-align:center;font-size:14px;line-height:20px;color:#fff;text-shadow:0 1px 2px #000}.battle-zone .zone-progress span{font-size:12px;line-height:16px}
.explore-panel{border:1px solid rgba(88,166,255,.22);border-radius:12px;background:linear-gradient(180deg,rgba(22,27,34,.94),rgba(10,14,20,.94));padding:8px;margin:0 0 8px;display:grid;gap:7px;box-shadow:0 6px 14px rgba(0,0,0,.16)}
.explore-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}.explore-stats>div{border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:7px;text-align:center;min-width:0}.explore-stats b{display:block;color:#f5c518;font-size:22px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-stats span{display:block;color:#8b949e;font-size:13px;margin-top:2px}
.explore-action-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto 74px;gap:8px;align-items:center;border:1px solid rgba(88,166,255,.3);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.78));padding:8px;min-width:0}.explore-action-card.active{border-color:rgba(63,185,80,.46);background:linear-gradient(180deg,rgba(63,185,80,.12),rgba(13,17,23,.82))}.explore-action-icon{width:42px;height:42px;border:1px solid #30363d;border-radius:9px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:24px}.explore-action-main{min-width:0}.explore-action-main b{display:block;color:#58a6ff;font-size:17px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-action-card.active .explore-action-main b{color:#3fb950}.explore-action-main span,.explore-action-main em{display:block;color:#8b949e;font-size:13px;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal}.explore-action-timers{display:grid;gap:3px;min-width:86px}.explore-action-timers span{border:1px solid #30363d;border-radius:7px;background:#0d1117;color:#c9d1d9;font-size:12px;line-height:1;padding:5px 7px;text-align:center;white-space:nowrap}.explore-action-btn{height:42px!important;width:100%;padding:0 10px!important;border-radius:8px!important}
.explore-next,.explore-recommend{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(245,197,24,.28);border-radius:10px;background:linear-gradient(180deg,rgba(245,197,24,.08),rgba(13,17,23,.72));padding:7px 9px;min-width:0}.explore-recommend{border-color:rgba(63,185,80,.26);background:linear-gradient(180deg,rgba(63,185,80,.08),rgba(13,17,23,.72))}.explore-next span,.explore-recommend span{color:#8b949e;font-size:13px;white-space:nowrap}.explore-next b,.explore-recommend b{color:#f5c518;font-size:17px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-recommend b{color:#3fb950}.explore-next em,.explore-recommend em{color:#8b949e;font-size:13px;font-style:normal;white-space:nowrap}.explore-next.complete b{color:#3fb950}
.landmark-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px}.landmark{display:grid;grid-template-columns:50px minmax(0,1fr);gap:7px;align-items:start;border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:7px;min-width:0}.landmark.done{border-color:rgba(63,185,80,.34);background:linear-gradient(180deg,rgba(63,185,80,.08),#0d1117)}.landmark.hidden{border-color:rgba(88,166,255,.28)}.landmark.locked{opacity:.65}.landmark-pct{width:50px;height:32px;border:1px solid #30363d;border-radius:8px;background:#161b22;color:#8b949e;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05;padding:0 3px}.landmark.done .landmark-pct{border-color:#238636;color:#3fb950;background:#0d1a10}.landmark.hidden.done .landmark-pct{border-color:#58a6ff;color:#58a6ff;background:#0d1724}.landmark-main{min-width:0}.landmark-main b{display:block;color:#c9d1d9;font-size:16px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landmark-main span{display:block;color:#8b949e;font-size:13px;line-height:1.2;margin-top:2px}
.npc-grid{display:grid;gap:7px;margin:8px 0}.npc-grid.town-npc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wild-npc-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px;margin:0 0 8px;padding:6px;border:1px solid rgba(88,166,255,.16);border-radius:12px;background:linear-gradient(180deg,rgba(88,166,255,.06),rgba(13,17,23,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.npc-btn{position:relative;background:linear-gradient(180deg,#21262d,#151a22);border:1px solid #30363d;border-radius:12px;padding:10px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .2s,background .2s,box-shadow .2s,filter .2s;min-width:0;width:100%;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.18)}.npc-btn:before{content:"";position:absolute;left:-45px;top:-60px;width:120px;height:120px;border-radius:50%;background:rgba(63,185,80,.12);filter:blur(14px)}.npc-btn:hover{border-color:#58a6ff;background:#1b2330;transform:none}.npc-btn.locked{opacity:.58;filter:grayscale(.25)}
.npc-btn .npc-icon{position:relative;width:46px;height:46px;border-radius:12px;background:#0d1117;border:1px solid #30363d;display:flex;align-items:center;justify-content:center;font-size:27px;flex-shrink:0}.npc-btn .npc-info{position:relative;flex:1;min-width:0}.npc-btn .npc-name{font-size:22px;font-weight:bold;color:#3fb950;line-height:1.2;word-break:break-all}.npc-btn .npc-name span{color:#f5e6a3}.npc-btn .npc-desc{font-size:17px;color:#8b949e;line-height:1.25;word-break:break-all;margin-top:2px}.npc-tag{position:relative;flex-shrink:0;border:1px solid rgba(245,197,24,.38);border-radius:999px;padding:3px 8px;color:#f5c518;background:#0d1117;font-size:14px}.npc-tag.hot{border-color:rgba(63,185,80,.5);color:#3fb950}
.wild-npc-grid .npc-btn{min-height:58px;padding:7px 8px;border-radius:10px;gap:8px;background:linear-gradient(180deg,rgba(24,31,39,.96),rgba(10,15,22,.96));box-shadow:0 5px 12px rgba(0,0,0,.15)}
.wild-npc-grid .npc-btn:before{left:-38px;top:-58px;width:104px;height:104px;background:rgba(88,166,255,.1);filter:blur(13px)}
.wild-npc-grid .npc-btn:hover{border-color:#79c0ff;background:linear-gradient(180deg,rgba(28,38,49,.98),rgba(13,17,23,.98))}
.wild-npc-grid .npc-icon{width:34px;height:34px;border-radius:9px;font-size:21px;border-color:rgba(88,166,255,.28);background:#0d1117}
.wild-npc-grid .npc-info{display:grid;gap:2px}
.wild-npc-grid .npc-name{font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.wild-npc-grid .npc-desc{font-size:12px;line-height:1.2;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;color:#a9b4c0}
.wild-npc-grid .npc-tag{max-width:74px;padding:3px 6px;font-size:11px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wild-npc-grid .npc-shop-meta,.wild-npc-grid .npc-season-meta,.wild-npc-grid .npc-recharge-meta{gap:3px;margin-top:2px;max-height:18px;overflow:hidden}
.wild-npc-grid .npc-shop-meta span,.wild-npc-grid .npc-season-meta span,.wild-npc-grid .npc-recharge-meta span{font-size:10px;padding:3px 5px;max-width:86px;overflow:hidden;text-overflow:ellipsis}
.npc-btn.season-npc{border-color:rgba(88,166,255,.5);background:linear-gradient(180deg,rgba(20,35,52,.96),rgba(13,17,23,.96))}.npc-btn.season-npc:before{background:rgba(88,166,255,.16)}.npc-btn.season-npc:hover{border-color:#58a6ff}.npc-btn.season-npc .npc-icon{border-color:rgba(88,166,255,.5);background:linear-gradient(180deg,rgba(88,166,255,.14),#0d1117);color:#58a6ff}.npc-season-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.npc-season-meta span{border:1px solid rgba(88,166,255,.28);border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;line-height:1;padding:4px 7px;white-space:nowrap}.npc-season-meta b{color:#58a6ff;font-size:inherit;line-height:inherit}
.npc-btn.diamond-npc{border-color:rgba(245,197,24,.52);background:linear-gradient(180deg,rgba(37,32,13,.96),rgba(12,17,24,.96))}.npc-btn.diamond-npc:hover{border-color:#f5c518}.npc-btn.diamond-npc .npc-icon{border-color:rgba(245,197,24,.55);background:linear-gradient(180deg,rgba(245,197,24,.14),#0d1117);color:#79c0ff}.npc-btn.diamond-npc .npc-name{color:#79c0ff}.npc-btn.diamond-npc .npc-name span{color:#f5c518}.npc-recharge-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.npc-recharge-meta span{border:1px solid rgba(245,197,24,.3);border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;line-height:1;padding:4px 7px;white-space:nowrap}.npc-recharge-meta b{color:#f5c518;font-size:inherit;line-height:inherit}
.shop-grid{display:grid;gap:4px}
.shop-item{position:relative;background:linear-gradient(180deg,#21262d,#141920);border:1px solid #30363d;border-radius:12px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.16)}.shop-item:before{content:"";position:absolute;left:-54px;top:-70px;width:130px;height:130px;border-radius:50%;background:rgba(88,166,255,.1);filter:blur(16px)}.shop-item.owned{border-color:rgba(63,185,80,.55);background:linear-gradient(180deg,#16251a,#101811)}.shop-item.lack{opacity:.72}.shop-item .si-icon{position:relative;width:48px;height:48px;border-radius:12px;border:1px solid #30363d;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.shop-item .si-icon.weapon{color:#f0883e}.shop-item .si-icon.armor{color:#58a6ff}.shop-item .si-info{position:relative;flex:1;min-width:0}.shop-item .si-name{font-size:22px;font-weight:bold;line-height:1.2}.shop-item .si-desc{font-size:17px;color:#8b949e;margin-top:2px}.si-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.si-tags span{border:1px solid #30363d;border-radius:999px;background:#0d1117;color:#8b949e;font-size:13px;padding:2px 7px}.si-tags .owned-tag{border-color:rgba(63,185,80,.45);color:#3fb950}.shop-buy{position:relative;border:1px solid #238636;border-radius:10px;background:linear-gradient(180deg,#2ea043,#238636);color:#fff;font-size:18px;font-weight:bold;padding:8px 12px;min-width:88px;cursor:pointer;transition:all .15s}.shop-buy:hover{filter:brightness(1.08);border-color:#3fb950}.shop-buy:active{transform:scale(.97)}.shop-buy:disabled{cursor:not-allowed;background:linear-gradient(180deg,#30363d,#21262d);border-color:#30363d;color:#8b949e;opacity:.72}
.shop-item.diamond-product{border-color:rgba(88,166,255,.28)}.shop-item.diamond-product:before{background:rgba(245,197,24,.12)}.shop-item .si-icon.diamond{border-color:rgba(245,197,24,.45);background:linear-gradient(180deg,rgba(245,197,24,.12),#0d1117);color:#79c0ff}.diamond-buy{border-color:#1f6feb;background:linear-gradient(180deg,#388bfd,#1f6feb)}.diamond-buy:hover{border-color:#79c0ff}
.recharge-modal{max-width:920px}.recharge-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-bottom:10px}.recharge-summary>div{border:1px solid rgba(88,166,255,.26);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),#0d1117);padding:10px 12px;min-width:0}.recharge-summary span{display:block;color:#8b949e;font-size:14px;line-height:1.2}.recharge-summary b{display:block;color:#f5c518;font-size:22px;line-height:1.15;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-layout{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1fr);gap:10px;align-items:start}.recharge-packages{display:grid;gap:7px}.recharge-pack{position:relative;border:1px solid #30363d;border-radius:12px;background:linear-gradient(180deg,#21262d,#141920);color:#c9d1d9;padding:10px;text-align:left;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;overflow:hidden}.recharge-pack:before{content:"";position:absolute;left:-48px;top:-64px;width:120px;height:120px;border-radius:50%;background:rgba(245,197,24,.11);filter:blur(16px);pointer-events:none}.recharge-pack span,.recharge-pack b,.recharge-pack em,.recharge-pack strong{position:relative}.recharge-pack span{font-size:18px;font-weight:bold;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-pack b{color:#f5c518;font-size:21px;line-height:1.1;text-align:right}.recharge-pack em{color:#8b949e;font-size:13px;font-style:normal}.recharge-pack strong{color:#3fb950;font-size:18px;text-align:right}.recharge-pack:hover{border-color:#58a6ff;filter:brightness(1.05)}.recharge-pack.active{border-color:#f5c518;background:linear-gradient(180deg,rgba(245,197,24,.16),#141920);box-shadow:0 0 0 1px rgba(245,197,24,.18),0 8px 18px rgba(0,0,0,.24)}.recharge-detail{border:1px solid rgba(88,166,255,.28);border-radius:12px;background:linear-gradient(180deg,rgba(22,27,34,.94),rgba(10,14,20,.94));padding:10px;min-width:0}.recharge-amount{border:1px solid rgba(245,197,24,.36);border-radius:10px;background:linear-gradient(180deg,rgba(245,197,24,.1),rgba(13,17,23,.72));padding:11px;text-align:center;margin-bottom:9px}.recharge-amount span{display:block;color:#8b949e;font-size:14px}.recharge-amount b{display:block;color:#f5c518;font-size:30px;line-height:1.15;margin-top:3px}.recharge-amount em{display:block;color:#8b949e;font-size:14px;font-style:normal;margin-top:4px}.recharge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.recharge-steps>div{border:1px solid #30363d;border-radius:9px;background:#0d1117;padding:7px;text-align:center;min-width:0}.recharge-steps span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#238636;color:#fff;font-size:13px;font-weight:bold;margin-bottom:4px}.recharge-steps b{display:block;color:#a9b4c0;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-voucher-label{display:block;color:#8b949e;font-size:14px;margin:0 0 5px}.recharge-voucher{width:100%;min-height:150px;resize:vertical;border:1px solid #30363d;border-radius:10px;background:#0d1117;color:#c9d1d9;font-size:15px;line-height:1.45;padding:9px;outline:none}.recharge-voucher:focus{border-color:#58a6ff}.recharge-copy-msg{min-height:20px;color:#8b949e;font-size:14px;text-align:center;margin-top:7px}
.map-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(76px,8.5vh,92px);gap:5px;flex:0 0 auto}
#mapContent{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px}
.map-item{position:relative;background:linear-gradient(180deg,#21262d 0%,#151a22 100%);border:1px solid #30363d;border-radius:12px;padding:7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:border-color .2s,background .2s,box-shadow .2s,filter .2s;min-width:0;text-align:center;box-shadow:0 6px 14px rgba(0,0,0,.18);overflow:hidden}.map-card-glow{position:absolute;left:-35px;top:-45px;width:95px;height:95px;border-radius:50%;background:rgba(88,166,255,.1);filter:blur(12px)}
.map-item:hover{border-color:#58a6ff;background:#1b2330;transform:none}.map-item.selected{border-color:#f0883e;background:linear-gradient(180deg,#2a210b 0%,#171308 100%);box-shadow:0 0 0 1px rgba(240,136,62,.28),0 6px 16px rgba(0,0,0,.32)}.map-item.selected .map-card-glow{background:rgba(240,136,62,.2)}
.map-item .mi-icon{position:relative;font-size:25px;line-height:1;min-height:25px}.map-item .mi-body{position:relative;min-width:0;width:100%}.map-item .mi-name{font-size:18px;font-weight:bold;line-height:1.15;word-break:keep-all}.map-item .mi-desc{font-size:13px;color:#8b949e;line-height:1.15}.map-item .mi-explore{font-size:14px;color:#f5c518;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-mini-bar{height:5px;margin:4px auto 0;background:#0d1117;border-radius:999px;overflow:hidden;max-width:88px}.map-mini-bar>div{height:100%;background:linear-gradient(90deg,#238636,#f5c518);border-radius:999px}
.map-info-tabs{display:flex;gap:4px;margin:0 0 8px;padding:3px;border:1px solid rgba(88,166,255,.18);border-radius:12px;background:rgba(13,17,23,.66);overflow-x:auto;scrollbar-width:thin}.map-info-tabs button{flex:1 0 70px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8b949e;font-size:14px;font-weight:bold;line-height:1;padding:7px 10px;cursor:pointer}.map-info-tabs button:hover{border-color:rgba(88,166,255,.36);color:#c9d1d9;background:rgba(88,166,255,.08)}.map-info-tabs button.active{border-color:rgba(245,197,24,.48);background:linear-gradient(180deg,rgba(245,197,24,.16),rgba(13,17,23,.92));color:#f5c518;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.monster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;align-items:start}
.monster-item{position:relative;background:linear-gradient(180deg,#21262d,#141920);border:1px solid #30363d;border-radius:10px;padding:6px;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;box-shadow:0 5px 12px rgba(0,0,0,.14);transition:border-color .2s,background .2s,box-shadow .2s,filter .2s}.monster-glow{position:absolute;left:-48px;top:-62px;width:120px;height:120px;border-radius:50%;background:rgba(248,81,73,.1);filter:blur(14px)}.monster-item:hover{border-color:#f0883e;transform:none}.monster-item.locked{opacity:.48;border-style:dashed;filter:grayscale(.25)}
.monster-item .mi-icon{position:relative;width:38px;height:38px;border:1px solid #30363d;border-radius:9px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.monster-item .mi-info{position:relative;flex:1;min-width:0}.monster-item .mi-name{font-size:17px;font-weight:bold;line-height:1.12;word-break:break-all;color:#f0883e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-item .mi-lv{color:#8b949e;font-size:.82em;font-weight:600}.monster-item .mi-desc{font-size:13px;color:#8b949e;line-height:1.18;word-break:break-all}.monster-item .mi-summary{display:flex;gap:5px;flex-wrap:nowrap;font-size:13px;line-height:1.15;margin-top:3px;white-space:nowrap;overflow:hidden}.monster-item .mi-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis}.mi-exp{color:#3fb950}.mi-exp b{color:#fff;font:inherit;font-weight:bold}.mi-exp.conquered{color:#3fb950}.monster-actions{position:relative;align-self:stretch;display:grid;grid-template-rows:1fr;gap:0;flex:0 0 66px}.monster-fight,.monster-rank-mini{font-size:14px!important;line-height:1!important;padding:0 8px!important;min-width:0;width:100%;border-radius:8px!important;white-space:nowrap;display:flex;align-items:center;justify-content:center;box-shadow:none}.monster-rank-mini{color:#f5c518!important;border-color:rgba(245,197,24,.38)!important;background:linear-gradient(180deg,rgba(245,197,24,.1),#151a22)!important}.monster-rank-mini:hover{border-color:#f5c518!important;color:#fff!important}
.monster-tooltip{display:none;position:fixed;z-index:700;left:0;top:0;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;padding:12px;background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(13,17,23,.98));border:1px solid #f0883e;border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 0 1px rgba(240,136,62,.14);font-size:15px;color:#c9d1d9;pointer-events:auto;backdrop-filter:blur(6px)}
.mt-head{display:flex;align-items:center;gap:9px;border-bottom:1px solid #30363d;padding-bottom:8px;margin-bottom:8px}.mt-icon{font-size:34px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#21262d}.mt-name{font-size:22px;font-weight:bold;color:#f0883e;line-height:1.15}.mt-sub{font-size:13px;color:#8b949e;margin-top:2px}.mt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mt-stats>div{background:#0d1117;border:1px solid #30363d;border-radius:7px;padding:6px;text-align:center}.mt-stats b{display:block;color:#8b949e;font-size:12px}.mt-stats span{display:block;color:#f5c518;font-weight:bold}.mt-section{border-top:1px solid #30363d;margin-top:8px;padding-top:8px}.mt-title{color:#f5c518;font-weight:bold;margin-bottom:5px}.mt-skill{display:flex;justify-content:space-between;gap:8px;background:#17121d;border:1px solid #30363d;border-radius:7px;padding:6px;margin:4px 0}.mt-skill b{color:#d2a8ff}.mt-skill span,.mt-drop{color:#8b949e;line-height:1.35}.mt-drop div{margin:2px 0}.mt-record-line{display:block}.mt-record-line span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.mt-stats em{display:block;font-style:normal;color:#6e7681;font-size:11px;font-weight:normal;margin-top:2px}.mt-skill em{font-style:normal;color:#6e7681;font-size:12px;margin-left:3px}
.monster-item:hover .mi-details{max-height:200px}
.coll-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.combat-trait-panel{display:grid;gap:6px;margin-top:8px}.combat-trait-head b{font-size:13px;color:var(--ui-muted)}.combat-trait-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px}.combat-trait-label{font-size:12px;color:var(--ui-muted)}.combat-trait-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.combat-trait-btn{position:relative;min-width:0;height:34px;border:1px solid var(--ui-line);border-radius:6px;background:var(--ui-panel-strong);color:var(--ui-text);display:flex;align-items:center;justify-content:center;gap:5px;padding:0 7px;cursor:pointer}.combat-trait-btn span{font-size:15px}.combat-trait-btn b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-trait-btn:hover{border-color:var(--theme-accent)}.combat-trait-btn.active{border-color:var(--theme-title);color:var(--theme-title);box-shadow:inset 0 0 0 1px rgba(var(--theme-title-rgb),.25)}.combat-trait-btn.locked{opacity:.42;cursor:not-allowed}.combat-trait-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;z-index:320;left:50%;bottom:calc(100% + 7px);width:220px;transform:translateX(-50%);border:1px solid var(--ui-line);border-radius:6px;background:#0d1117;color:#c9d1d9;padding:7px 9px;font-size:12px;font-weight:normal;line-height:1.4;text-align:left;white-space:normal;pointer-events:none;box-shadow:0 8px 20px rgba(0,0,0,.45)}
.soul-mark-summary{width:100%;min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(210,168,255,.35);border-radius:8px;background:linear-gradient(135deg,rgba(163,113,247,.13),rgba(13,17,23,.88));color:var(--ui-text);padding:8px;text-align:left;cursor:pointer}.soul-mark-summary:hover{border-color:#d2a8ff}.soul-mark-summary.locked{opacity:.65;cursor:default}.soul-mark-summary-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(210,168,255,.45);border-radius:50%;color:#d2a8ff;background:rgba(163,113,247,.12);font-size:16px}.soul-mark-summary b,.soul-mark-summary span{display:block}.soul-mark-summary b{font-size:12px}.soul-mark-summary b small{margin-left:5px;color:#d2a8ff;font-size:10px}.soul-mark-summary span{margin-top:2px;color:#8e9cac;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soul-mark-summary>em{color:#bba4df;font-size:10px;font-style:normal;white-space:nowrap}
.soul-mark-modal{width:min(920px,calc(100vw - 28px));max-width:920px}.soul-mark-modal-summary{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px 0 12px;padding:10px;border:1px solid rgba(210,168,255,.28);border-radius:9px;background:rgba(13,17,23,.96)}.soul-mark-modal-summary b,.soul-mark-modal-summary span{display:block}.soul-mark-modal-summary b{color:#d2a8ff;font-size:15px}.soul-mark-modal-summary span{margin-top:3px;color:#8b949e;font-size:11px}.soul-mark-sync-status{border:1px solid rgba(210,168,255,.35);border-radius:999px;color:#bba4df;padding:5px 9px;font-size:10px;font-style:normal;white-space:nowrap}.soul-mark-sync-status.pending{color:#f0c36a}.soul-mark-lock-note{margin-bottom:10px;border:1px solid #6e551c;border-radius:7px;background:rgba(122,85,13,.15);color:#d6b45f;padding:9px;text-align:center}.soul-mark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.soul-mark-card{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #30363d;border-radius:9px;background:#0d1117;color:#c9d1d9;padding:10px;text-align:left;cursor:pointer}.soul-mark-card.owned:hover{border-color:#8957c7}.soul-mark-card.active{border-color:#d2a8ff;background:linear-gradient(135deg,rgba(163,113,247,.18),#0d1117);box-shadow:inset 0 0 0 1px rgba(210,168,255,.13)}.soul-mark-card.locked{cursor:default}.soul-mark-card.locked .soul-mark-icon,.soul-mark-card.locked .soul-mark-card-main,.soul-mark-card.locked>strong{opacity:.5}.soul-mark-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(210,168,255,.38);border-radius:50%;background:rgba(163,113,247,.1);color:#d2a8ff;font-size:20px}.soul-mark-card-main{min-width:0}.soul-mark-card-main b,.soul-mark-card-main small,.soul-mark-card-main i{display:block}.soul-mark-card-main b{color:#eadfff;font-size:13px}.soul-mark-card-main b em{margin-left:4px;color:#c9a9f2;font-size:10px;font-style:normal}.soul-mark-card-main small{margin-top:3px;color:#aeb8c5;font-size:11px;line-height:1.45}.soul-mark-card-main i{margin-top:4px;color:#747f8d;font-size:10px;font-style:normal}.soul-mark-card>strong{align-self:start;border:1px solid #30363d;border-radius:999px;color:#7f8996;padding:3px 6px;font-size:9px;white-space:nowrap}.soul-mark-card.active>strong{border-color:rgba(210,168,255,.5);color:#d2a8ff}.soul-mark-challenge{align-self:start;min-width:48px;border:1px solid #8b6bc1;border-radius:6px;background:#6e45a5;color:#fff;padding:5px 9px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.soul-mark-challenge:hover{border-color:#d2a8ff;background:#8957c7}.soul-mark-challenge:focus-visible{outline:2px solid #d2a8ff;outline-offset:2px}
@media(max-width:680px){.soul-mark-modal{width:calc(100vw - 18px)}.soul-mark-grid{grid-template-columns:1fr}.soul-mark-modal-summary{align-items:flex-start}.soul-mark-card{grid-template-columns:36px minmax(0,1fr) auto;padding:8px}.soul-mark-icon{width:34px;height:34px}.soul-mark-summary>em{display:none}.soul-mark-summary{grid-template-columns:32px minmax(0,1fr)}}
#tab0{container-type:inline-size}
#tab0.active{display:flex;flex-direction:column}
#collGrid{width:100%;max-width:100%;min-width:0;grid-template-columns:1fr;grid-template-rows:repeat(12,minmax(50px,1fr));gap:6px;padding:2px;align-items:stretch;flex:1 1 auto;min-height:0}
.coll-item{position:relative;background:linear-gradient(180deg,#21262d,#141920);border:1px solid #30363d;border-radius:12px;padding:7px;text-align:center;cursor:pointer;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all .2s;overflow:hidden;box-shadow:0 5px 12px rgba(0,0,0,.16)}.ci-glow{position:absolute;left:-38px;top:-46px;width:90px;height:90px;border-radius:50%;background:rgba(88,166,255,.08);filter:blur(12px)}
#collGrid .coll-item{min-width:0;min-height:0;padding:7px 10px;border-radius:9px;background:radial-gradient(circle at 0% 50%,rgba(88,166,255,.1),transparent 38%),linear-gradient(180deg,#1d232c,#111820);display:grid;grid-template-columns:70px minmax(0,1fr) minmax(96px,26%);grid-template-areas:"slot name stats";align-items:center;justify-content:stretch;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 10px rgba(0,0,0,.14)}
.coll-item:hover{border-color:#58a6ff;transform:translateY(-1px)}.coll-item.owned{border-color:rgba(63,185,80,.48);background:linear-gradient(180deg,#16251a,#101811)}.coll-item.owned .ci-glow{background:rgba(63,185,80,.12)}
.coll-item.equipped{border-color:#f5c518;background:linear-gradient(180deg,#2a210b,#171308);box-shadow:0 0 0 1px rgba(245,197,24,.16),0 6px 16px rgba(0,0,0,.25)}.coll-item.equipped .ci-glow{background:rgba(245,197,24,.18)}.coll-item.locked{opacity:.42;cursor:default;filter:grayscale(.2)}
#collGrid .coll-item.locked{opacity:1;filter:none;border-color:rgba(48,54,61,.82);background:linear-gradient(180deg,rgba(29,35,44,.72),rgba(13,17,23,.78))}
#collGrid .coll-item.locked{opacity:.48!important;filter:grayscale(.28)!important}.locked-source{max-width:100%;color:#8b949e!important;border-color:#30363d!important}
#collGrid .coll-item.owned{background:radial-gradient(circle at 50% -24%,rgba(63,185,80,.14),transparent 44%),linear-gradient(180deg,#17261b,#0f1712)}
#collGrid .coll-item.equipped{background:radial-gradient(circle at 50% -20%,rgba(245,197,24,.24),transparent 46%),linear-gradient(180deg,#30260b,#151107);box-shadow:0 0 0 1px rgba(245,197,24,.3),0 8px 18px rgba(0,0,0,.28)}
.coll-item .ci-name{position:relative;font-size:17px;color:#c9d1d9;line-height:1.15;font-weight:bold;word-break:break-all}.coll-item .ci-dmg{position:relative;font-size:14px;color:#8b949e;line-height:1.2}.ci-pieces{position:relative;display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.ci-pieces span{border:1px solid #30363d;border-radius:999px;background:#0d1117;color:#6e7681;font-size:12px;line-height:1;padding:2px 7px}.ci-pieces span.on{border-color:rgba(63,185,80,.52);color:#3fb950;background:rgba(63,185,80,.1)}.ci-pieces span.off{border-style:dashed}.ci-tag{position:relative;border:1px solid rgba(245,197,24,.36);border-radius:999px;color:#f5c518;background:#0d1117;font-size:12px;padding:1px 7px;margin-top:2px}.equipped-tag{border-color:rgba(63,185,80,.45);color:#3fb950}
.weapon-codex{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid rgba(88,166,255,.3);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.78));padding:8px 9px;margin-bottom:7px}.codex-rank{height:56px;border:1px solid rgba(245,197,24,.32);border-radius:9px;background:#0d1117;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}.codex-rank b{color:#f5c518;font-size:20px;line-height:1}.codex-rank span{color:#8b949e;font-size:12px;line-height:1.15;margin-top:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codex-main{min-width:0}.codex-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.codex-head strong{color:#58a6ff;font-size:17px;line-height:1.15}.codex-head em{color:#f5c518;font-size:13px;font-style:normal;white-space:nowrap}.codex-bar{height:12px;border:1px solid #30363d;border-radius:999px;background:#0d1117;overflow:hidden}.codex-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#58a6ff,#3fb950,#f5c518)}.codex-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.codex-tags span,.codex-bonus span{border:1px solid #30363d;border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;line-height:1;padding:3px 7px;white-space:nowrap}.codex-bonus{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.codex-bonus span{color:#3fb950;border-color:rgba(63,185,80,.3)}
#collGrid .ci-slot{grid-area:slot;position:relative;color:#6e7681;font-size:13px;line-height:1;font-weight:bold;letter-spacing:0;text-align:left}
#collGrid .ci-name{grid-area:name;width:100%;min-width:0;font-size:18px;line-height:1.15;min-height:0;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;word-break:normal;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.75)}
#collGrid .ci-name-text{display:block;flex:0 1 auto;max-width:156px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#collGrid .ci-stats{grid-area:stats;position:relative;width:auto;max-width:100%;min-width:118px;min-height:0;display:grid;justify-self:end;justify-items:end;align-content:center;gap:4px;color:#8b949e;font-size:13px;line-height:1.1;white-space:nowrap}
#collGrid .ci-stats span{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}
#collGrid .ci-stats label{color:#8b949e;font-size:12px}
#collGrid .ci-stats b{color:#f5c518;font-size:15px;line-height:1}
#collGrid .ci-tag{justify-self:start;display:inline-flex;align-items:center;flex:0 1 auto;width:auto;max-width:100%;min-width:0;font-size:13px;line-height:1.1;padding:5px 10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
#collGrid .ci-slot{display:flex;align-items:center;gap:4px;width:70px;min-width:0}
#collGrid .ci-slot span{flex:0 0 auto;min-width:max-content;white-space:nowrap;overflow:visible;text-overflow:clip}
#collGrid .equipped-tag{background:rgba(63,185,80,.14)}
#collGrid .coll-slot-spacer{min-height:0;visibility:hidden;pointer-events:none}
#collGrid.favorite-weapon-grid{grid-template-rows:none;grid-auto-rows:minmax(50px,auto);align-content:start}
#weaponCodexPanel,.weapon-view-tabs,.weapon-favorite-panel,.series-tabs{flex:0 0 auto}
#collGrid{overflow-y:auto;overflow-x:hidden}
.weapon-view-tabs{display:flex;gap:4px;margin:0 0 7px;padding:3px;border:1px solid rgba(88,166,255,.18);border-radius:10px;background:rgba(13,17,23,.72);overflow-x:auto;scrollbar-width:thin}
.weapon-view-tabs button{flex:1 0 104px;display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8b949e;font-size:14px;font-weight:bold;line-height:1;cursor:pointer;white-space:nowrap}
.weapon-view-tabs button:hover{border-color:rgba(88,166,255,.36);color:#c9d1d9;background:rgba(88,166,255,.08)}
.weapon-view-tabs button.active{border-color:rgba(245,197,24,.5);background:linear-gradient(180deg,rgba(245,197,24,.15),rgba(13,17,23,.92));color:#f5c518}
.weapon-view-tabs b{min-width:20px;border:1px solid rgba(245,197,24,.36);border-radius:999px;background:#0d1117;color:#f5c518;font-size:12px;line-height:1;padding:3px 6px;text-align:center}
.weapon-favorite-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:7px}
.weapon-favorite-panel>div{min-width:0;border:1px solid rgba(88,166,255,.24);border-radius:9px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.78));padding:7px;text-align:center}
.weapon-favorite-panel b{display:block;color:#f5c518;font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weapon-favorite-panel span{display:block;color:#8b949e;font-size:12px;line-height:1.15;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-favorite{position:relative;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(245,197,24,.28);border-radius:999px;background:#0d1117;color:#8b949e;font-size:14px;font-weight:bold;line-height:20px;text-align:center;cursor:pointer;box-shadow:none;padding:0}
.ci-favorite:hover{border-color:#f5c518;color:#f5c518;filter:brightness(1.08)}
.ci-favorite.active{border-color:rgba(245,197,24,.65);background:rgba(245,197,24,.14);color:#f5c518}
.ci-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:8px}
.ci-action-btn{border:1px solid rgba(88,166,255,.28);border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;font-weight:bold;line-height:1;padding:4px 8px;cursor:pointer;white-space:nowrap;box-shadow:none}
.ci-action-btn:hover{border-color:#58a6ff;color:#c9d1d9;filter:brightness(1.08)}
.ci-action-btn.disabled,.ci-action-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}
.weapon-slot-modal{width:min(480px,calc(100vw - 28px));max-width:480px}
.weapon-slot-choice-name{margin:2px 0 12px;color:#f5c518;font-size:18px;font-weight:bold;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.weapon-slot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.weapon-slot-actions .modal-btn{min-width:0;min-height:92px;margin-top:0;padding:11px;white-space:normal}
.weapon-slot-choice b,.weapon-slot-choice span{display:block;letter-spacing:0}
.weapon-slot-choice b{font-size:17px;line-height:1.2}
.weapon-slot-choice span{margin-top:7px;color:#a9b4c0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.weapon-slot-choice.btn-primary span{color:#e6edf3}
.weapon-empty-state{grid-column:1/-1;min-height:120px;display:flex;align-items:center;justify-content:center}
@container (max-width:560px){
  .weapon-view-tabs{overflow:hidden}
  .weapon-view-tabs button{flex:1 1 0;min-width:0}
  #collGrid .coll-item{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"slot name" "slot stats";gap:4px 6px;padding:6px 8px;min-height:50px}
  #collGrid .ci-slot{width:64px}
  #collGrid .ci-name{gap:6px;font-size:16px}
  #collGrid .ci-stats{display:flex;align-items:center;justify-content:flex-start;justify-self:stretch;justify-items:start;flex-wrap:wrap;min-width:0;gap:4px 8px;white-space:normal}
  #collGrid .ci-tag{max-width:100%;font-size:12px;padding:4px 9px}
  #collGrid .ci-stats label:nth-of-type(n+2),#collGrid .ci-stats b:nth-of-type(n+2){display:none}
  #collGrid .ci-actions{flex:0 1 auto;margin-left:0}
}
.col-right>#weaponDetailPanel,.col-right>#armorDetailPanel{flex:0 0 auto;max-height:28vh;overflow-y:auto}
.col-right>div[style*="text-align:center"]{flex:0 0 auto}
.weapon-tooltip{display:none;position:fixed;z-index:300;left:0;top:0;width:min(440px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;padding:12px;background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(13,17,23,.98));border:1px solid #58a6ff;border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 0 1px rgba(88,166,255,.12);font-size:16px;line-height:1.35;color:#c9d1d9;pointer-events:none;backdrop-filter:blur(6px)}
.armor-tooltip{display:none;position:fixed;z-index:300;left:0;top:0;width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;padding:12px;background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(13,17,23,.98));border:1px solid #58a6ff;border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 0 1px rgba(88,166,255,.14);font-size:16px;line-height:1.35;color:#c9d1d9;pointer-events:none;backdrop-filter:blur(6px)}
.at-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid #30363d;padding-bottom:7px;margin-bottom:7px}.at-name{font-size:22px;font-weight:bold;line-height:1.18;word-break:break-all;text-shadow:0 1px 2px #000}.at-rarity{flex-shrink:0;border:1px solid;border-radius:999px;padding:2px 8px;font-size:13px;background:#0d1117}.at-meta{font-size:14px;color:#8b949e;margin-bottom:8px}.at-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.at-stats>div{background:#0d1117;border:1px solid #30363d;border-radius:7px;padding:6px;text-align:center}.at-stats b{display:block;color:#8b949e;font-size:13px;margin-bottom:2px}.at-stats span{display:block;color:#f5c518;font-weight:bold}.at-desc{border:1px solid #30363d;border-radius:8px;padding:7px;background:#0d1117;color:#c9d1d9;margin-bottom:7px}.at-cost{color:#f5c518;font-weight:bold}
.wt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid #30363d;padding-bottom:7px;margin-bottom:7px}.wt-name{font-size:22px;font-weight:bold;line-height:1.18;word-break:break-all;text-shadow:0 1px 2px #000}.wt-rarity{flex-shrink:0;border:1px solid;border-radius:999px;padding:2px 8px;font-size:13px;background:#0d1117}.wt-meta{font-size:14px;color:#8b949e;margin-bottom:8px}.wt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.wt-stats>div{background:#0d1117;border:1px solid #30363d;border-radius:7px;padding:6px;text-align:center}.wt-stats b{display:block;color:#8b949e;font-size:13px;margin-bottom:2px}.wt-stats span{display:block;color:#f5c518;font-weight:bold}.wt-stats small{display:block;color:#8b949e;font-size:11px;font-weight:normal}.wt-skill{border:1px solid #30363d;border-radius:8px;padding:7px;background:#17121d;margin-bottom:7px}.wt-skill-name{color:#d2a8ff;font-weight:bold;font-size:17px;margin-bottom:2px}.wt-desc{color:#8b949e;margin:6px 0}.wt-bonus{color:#3fb950;border:1px solid rgba(63,185,80,.35);background:rgba(63,185,80,.08);border-radius:7px;padding:6px;margin:7px 0}.wt-mastery{font-size:14px;color:#8b949e;margin:7px 0}.wt-section{border-top:1px solid #30363d;margin-top:8px;padding-top:8px}.wt-section-title{color:#f5c518;font-weight:bold;margin-bottom:5px}.wt-socket{display:flex;align-items:center;gap:7px;margin:4px 0;padding:5px;border-radius:7px;background:#0d1117;border:1px solid #30363d}.wt-socket.empty{border-style:dashed;color:#484f58}.wt-socket-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#21262d;font-size:20px;flex-shrink:0}.wt-socket-info{flex:1;min-width:0;font-size:13px;color:#f5c518;word-break:break-all}
.wt-rewards{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.wt-reward{display:grid;grid-template-columns:auto 1fr auto;gap:5px;align-items:center;border:1px solid #30363d;border-radius:7px;background:#0d1117;padding:5px 6px;font-size:12px;line-height:1.1}.wt-reward b{color:#f5c518}.wt-reward span{color:#c9d1d9;font-weight:bold}.wt-reward em{font-style:normal;color:#8b949e;white-space:nowrap}.wt-reward.claimed{border-color:rgba(63,185,80,.48);background:rgba(63,185,80,.08)}.wt-reward.claimed em{color:#3fb950}.wt-reward.ready{border-color:rgba(245,197,24,.55);background:rgba(245,197,24,.08)}.wt-reward.ready em{color:#f5c518}
.wt-awakening{border:1px solid rgba(245,197,24,.42);border-radius:8px;background:linear-gradient(180deg,rgba(245,197,24,.1),rgba(13,17,23,.72));padding:7px;margin-bottom:7px}.wt-awakening b{display:block;color:#f5c518;font-size:15px;line-height:1.15}.wt-awakening span{display:block;color:#c9d1d9;font-size:13px;line-height:1.25;margin-top:3px}.wt-awakening.locked{border-color:#30363d;background:#0d1117}.wt-awakening.locked b,.wt-awakening.pending b{color:#8b949e}.wt-awakening.pending{border-color:rgba(88,166,255,.35);background:rgba(88,166,255,.08)}.wt-inscription{border-color:rgba(88,166,255,.38);background:linear-gradient(180deg,rgba(88,166,255,.09),rgba(13,17,23,.72))}.wt-inscription b{color:#58a6ff}
.wt-enchant{border-color:rgba(63,185,80,.38);background:linear-gradient(180deg,rgba(63,185,80,.09),rgba(13,17,23,.72))}.wt-enchant b{color:#3fb950}
.weapon-tooltip.wow-equip-tooltip,.armor-tooltip.wow-equip-tooltip,.shop-floating-detail.wow-equip-tooltip{width:min(460px,calc(100vw - 28px));padding:11px 12px;background:#05070a;border:1px solid var(--wow-quality,#58a6ff);border-radius:6px;box-shadow:0 16px 38px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.05);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.3;color:#e6e0c8;backdrop-filter:none;scrollbar-width:thin;scrollbar-color:#4b5563 #080a0f}
.armor-tooltip.wow-equip-tooltip{width:min(360px,calc(100vw - 28px))}
.wowtt{--wow-quality:#58a6ff;position:relative;min-width:0}
.wowtt-name{padding-right:72px;color:var(--wow-quality);font-size:20px;font-weight:bold;line-height:1.18;word-break:break-word;text-shadow:0 1px 2px #000}
.wowtt-quality{position:absolute;right:0;top:0;max-width:68px;border:1px solid var(--wow-quality);border-radius:4px;color:var(--wow-quality);background:rgba(255,255,255,.03);font-size:12px;line-height:1;padding:4px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wowtt-line{margin:3px 0;color:#e6e0c8;word-break:break-word}
.wowtt-subhead{margin-top:8px}
.wowtt-ilvl,.wowtt-price,.wowtt-yellow{color:#ffd100}
.wowtt-muted{color:#9d9d9d}
.wowtt-tier{margin-top:8px;padding-top:5px;border-top:1px solid rgba(255,255,255,.14)}
.wowtt-desc{margin-top:6px;color:#ffd100}
.wowtt-enchant{margin-top:6px;font-weight:bold}
.wowtt-stat{color:#fff}
.wowtt-green{color:#1eff00}
.wowtt-blue{color:#66ccff}
.wowtt-locked{color:#808080}
.wowtt-rows{margin:7px 0;padding:7px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.wowtt-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:20px;color:#fff}
.wowtt-row span,.wowtt-row b{min-width:0;font-weight:normal;word-break:break-word}
.wowtt-row b{text-align:right}
.wowtt-compare{margin:11px 0 8px;padding:8px 9px;border:1px solid rgba(255,209,0,.58);border-radius:5px;background:linear-gradient(180deg,rgba(255,209,0,.11),rgba(255,255,255,.025));box-shadow:inset 3px 0 0 #ffd100}
.wowtt-compare-head,.wowtt-compare-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wowtt-compare-head{color:#ffd100;font-size:14px;font-weight:bold;line-height:1.2}
.wowtt-compare-head b{flex-shrink:0;font-size:19px;line-height:1;color:#fff}
.wowtt-compare-row{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.25;color:#c8c8c8}
.wowtt-compare-row span{min-width:0;word-break:break-word}.wowtt-compare-row b{flex-shrink:0;text-align:right;white-space:nowrap}.wowtt-compare-row.up b{color:#1eff00}.wowtt-compare-row.down b{color:#ff5c5c}.wowtt-compare-row.same b{color:#ffd100}.wowtt-compare-row.current b{color:#66ccff}.wowtt-compare-row.empty b{color:#808080}
.wowtt-compare-note{margin-top:5px;color:#8f8f8f;font-size:11px;line-height:1.2}
.wowtt-related{margin-top:8px;padding-top:5px;border-top:1px solid rgba(255,255,255,.14)}
.wowtt-section{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.14)}
.wowtt-section-title{margin-bottom:5px;color:#ffd100;font-weight:bold}
.wowtt-mastery-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:13px}
.wowtt-mastery-head b{color:#ffd100}
.wowtt-mastery-effect{margin-top:4px;color:#9d9d9d;font-size:12px;line-height:1.2}
.wowtt-rewards{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}
.wowtt-reward{display:grid;grid-template-columns:auto 1fr auto;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.035);padding:5px 6px;font-size:12px;line-height:1.1;color:#9d9d9d}
.wowtt-reward b{color:#ffd100}.wowtt-reward span{color:#fff;font-weight:bold}.wowtt-reward em{font-style:normal;color:#9d9d9d;white-space:nowrap}.wowtt-reward.claimed{border-color:rgba(30,255,0,.45);background:rgba(30,255,0,.07)}.wowtt-reward.claimed em{color:#1eff00}.wowtt-reward.ready{border-color:rgba(255,209,0,.52);background:rgba(255,209,0,.08)}.wowtt-reward.ready em{color:#ffd100}
.wowtt-socket{display:flex;align-items:center;gap:8px;margin:5px 0;color:#e6e0c8}
.wowtt-socket>span{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#11151c;font-size:18px;line-height:1}
.wowtt-socket div{min-width:0;flex:1}
.wowtt-socket b,.wowtt-socket em{display:block;line-height:1.2;word-break:break-word}
.wowtt-socket b{font-size:13px}.wowtt-socket em{margin-top:2px;color:#9d9d9d;font-style:normal;font-size:12px}
.wowtt-socket.empty{color:#707070}.wowtt-socket.empty>span{border-style:dashed;color:#707070}.wowtt-socket.empty div{color:#808080}
.wowtt-set-title{margin-bottom:5px;color:#ffd100;font-weight:bold}.wowtt-set-piece{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:3px 0;color:#9d9d9d}.wowtt-set-piece.owned{color:#e6e0c8}.wowtt-set-piece.locked{color:#707070}.wowtt-set-piece span,.wowtt-set-piece b{min-width:0;font-weight:normal;word-break:break-word}.wowtt-set-piece b{text-align:right;color:inherit}.wowtt-set-bonus{margin-top:4px;color:#707070;word-break:break-word}.wowtt-set-bonus.active{color:#66ccff}.wowtt-set-bonus.locked{color:#808080}.wowtt-set-status{margin-top:6px;color:#ffd100}.wowtt-set-status.active{color:#1eff00}.wowtt-set-status.locked{color:#808080}
.weapon-detail .wd-name{color:#f0883e;font-weight:bold;font-size:23px;margin-bottom:3px}
.weapon-detail .wd-type{color:#8b949e;margin-bottom:3px}
.weapon-detail .wd-stats{margin:3px 0}
.weapon-detail .wd-skill{border-top:1px solid #30363d;padding-top:3px;margin-top:3px}
.weapon-detail .wd-skill-name{color:#f5c518;font-weight:bold}
.weapon-detail .wd-desc{color:#8b949e;margin-top:3px}
.weapon-detail.empty{color:#484f58;text-align:center;font-size:22px}
.mastery-bar{background:#333;border-radius:2px;height:6px;margin:2px 0;overflow:hidden}
.mastery-fill{height:100%;background:#f5c518;border-radius:2px;transition:width .3s}
.def-badge{display:inline-block;font-size:18px;padding:1px 4px;border-radius:3px;margin:0 2px}
.def-block{background:#d29922;color:#0d1117}.def-dodge{background:#238636;color:#fff}.def-parry{background:#1f6feb;color:#fff}.def-flip{background:#1f6feb;color:#fff}.def-blink{background:#1f6feb;color:#fff}
.series-tabs{display:block;margin:0 0 6px;overflow:visible;padding:0}
.series-browser{display:grid;gap:6px;min-width:0}
.series-browser-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0}
.series-search,.series-progress-filter,.series-browser-picker>label{display:flex;align-items:center;min-width:0;border:1px solid var(--ui-line-soft);border-radius:4px;background:#0a0d12;color:var(--ui-muted)}
.series-search{min-height:34px;padding-left:8px}.series-search:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.14)}
.series-search-mark{flex:0 0 auto;color:var(--theme-accent);font-size:19px;line-height:1;transform:rotate(-18deg)}
.series-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ui-text);font:inherit;font-size:12px;padding:8px}.series-search input::placeholder{color:var(--ui-faint)}
.series-search-clear{flex:0 0 28px;width:28px;height:28px;margin-right:2px;border:0;border-radius:3px;background:transparent;color:var(--ui-muted);font-size:18px;line-height:1;cursor:pointer}.series-search-clear:hover{background:rgba(var(--theme-accent-rgb),.14);color:var(--ui-text)}
.series-progress-filter{gap:5px;min-height:34px;padding-left:8px}.series-progress-filter>span,.series-browser-picker>label>span{flex:0 0 auto;color:var(--ui-faint);font-size:10px;font-weight:800}
.series-progress-filter select,.series-browser-picker select{min-width:0;border:0;outline:0;background:#0a0d12;color:var(--ui-text);font:inherit;font-size:11px;cursor:pointer}.series-progress-filter select{height:32px;padding:0 24px 0 1px}.series-browser-picker select{flex:1;height:34px;padding:0 25px 0 8px}
.series-browser-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.series-browser-picker>label{min-width:0;padding-left:8px}
.series-browser-summary{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;min-width:0;color:var(--ui-muted);font-size:10px;white-space:nowrap}.series-browser-summary b{color:var(--theme-accent);font-size:11px}.series-browser-summary span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.series-browser-controls{grid-template-columns:1fr}.series-progress-filter{justify-content:space-between}.series-progress-filter select{flex:1;text-align:right}.series-browser-picker{grid-template-columns:1fr}.series-browser-summary{justify-content:flex-start}.series-browser-summary span{max-width:calc(100vw - 110px)}}
@media(max-width:520px){.socket-manager-tabs button{min-height:42px}.gem-forge-row{grid-template-columns:1fr;grid-template-areas:"output" "points" "stock" "actions";gap:9px;padding:12px 9px}.gem-forge-output strong{white-space:normal}.gem-forge-stock{grid-template-columns:1fr 1fr}.gem-forge-actions{grid-template-columns:1fr 1fr}.gem-forge-actions button{min-height:44px}}
.gem-forge-intro span,.gem-forge-output em,.gem-forge-output b,.gem-forge-stock em,.gem-forge-stock b,.gem-forge-points span,.gem-forge-points em,.gem-forge-actions button b,.gem-forge-actions button em{font-size:var(--player-font-small,12px)}
.weapon-finder{display:grid;gap:7px;min-width:0;margin:0 0 7px;padding:7px;border:1px solid var(--ui-line-soft);border-radius:6px;background:#0a0c0f}
.weapon-finder-main{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:8px;min-width:0}
.weapon-finder-search{display:flex;align-items:center;min-width:0;min-height:36px;overflow:hidden;border:1px solid var(--ui-line);border-radius:5px;background:#070a0e;color:var(--ui-muted)}
.weapon-finder-search:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.14)}
.weapon-finder-search-mark{display:grid;flex:0 0 34px;width:34px;align-self:stretch;place-items:center;color:var(--theme-accent);font-size:16px;line-height:1}
.weapon-finder-search input{min-width:0;min-height:34px;flex:1;border:0;outline:0;background:transparent;color:var(--ui-text);font:inherit;font-size:12px;padding:7px 4px}.weapon-finder-search input::placeholder{color:var(--ui-faint)}
.weapon-finder-search-clear{display:grid;flex:0 0 34px;width:34px;min-height:34px;align-self:stretch;place-items:center;border:0;border-left:1px solid transparent;border-radius:0;background:transparent;color:var(--ui-muted);font-size:18px;line-height:1;cursor:pointer}.weapon-finder-search-clear:hover{border-left-color:var(--ui-line-soft);background:rgba(var(--theme-accent-rgb),.1);color:var(--ui-text)}
.weapon-finder-summary{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;color:var(--ui-muted);font-size:12px;white-space:nowrap}
.weapon-finder-count{min-width:0;color:var(--ui-muted);font-weight:700}.weapon-finder-count b,.weapon-finder-count strong{color:var(--theme-accent)}
.weapon-finder-reset{min-height:32px;border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-surface-deep);color:var(--ui-muted);padding:5px 9px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.weapon-finder-reset:hover:not(:disabled){border-color:var(--theme-accent);background:var(--ui-surface-raised);color:var(--ui-text)}.weapon-finder-reset:disabled{opacity:.42;cursor:default}
.weapon-finder-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:6px;min-width:0}
.weapon-finder-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;min-height:34px;overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:4px;background:#070a0e;color:var(--ui-muted)}
.weapon-finder-field>span{padding-left:8px;color:var(--ui-faint);font-size:12px;font-weight:800;white-space:nowrap}
.weapon-finder-field select{width:100%;min-width:0;min-height:32px;border:0;outline:0;background:#070a0e;color:var(--ui-text);font:inherit;font-size:12px;cursor:pointer;padding:5px 24px 5px 7px;text-overflow:ellipsis}
.weapon-finder-field:focus-within{border-color:var(--theme-accent)}
.weapon-result-context{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:0 0 6px;padding:6px 8px;border:1px solid var(--ui-line-soft);border-radius:4px;background:rgba(var(--theme-accent-rgb),.045);color:var(--ui-muted);font-size:12px;line-height:1.35}.weapon-result-context b,.weapon-result-context strong{color:var(--ui-text)}
.weapon-result-empty{grid-column:1/-1;display:grid;min-height:150px;place-items:center;align-content:center;gap:10px;border:1px dashed var(--ui-line);border-radius:6px;background:rgba(7,10,14,.58);color:var(--ui-muted);padding:20px;text-align:center;font-size:13px;line-height:1.45}
.weapon-result-empty-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.weapon-result-empty-actions button{min-height:34px;border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-surface-deep);color:var(--ui-text);padding:6px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.weapon-result-empty-actions button:hover{border-color:var(--theme-accent);background:var(--ui-surface-raised)}
@media(max-width:700px){.weapon-finder-main{grid-template-columns:1fr}.weapon-finder-summary{justify-content:space-between}.weapon-finder-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.weapon-result-context{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.weapon-finder-filters{grid-template-columns:1fr}}
@media(hover:none),(pointer:coarse){.weapon-finder-search,.weapon-finder-search input,.weapon-finder-search-clear,.weapon-finder-reset,.weapon-finder-field,.weapon-finder-field select,.weapon-result-empty-actions button{min-height:44px}.weapon-finder-search-mark{flex-basis:44px;width:44px}.weapon-finder-search-clear{flex-basis:44px;width:44px}}
.item-card{position:relative;background:linear-gradient(180deg,#21262d,#141920);border:1px solid #30363d;border-radius:12px;padding:8px;text-align:center;min-height:98px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;box-shadow:0 5px 12px rgba(0,0,0,.16);transition:all .18s}.item-card:before{content:"";position:absolute;left:-36px;top:-46px;width:90px;height:90px;border-radius:50%;background:rgba(245,197,24,.1);filter:blur(12px)}.item-card:hover{border-color:#58a6ff;transform:translateY(-1px)}.item-card.cooldown{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.item-icon,.item-name,.item-desc,.item-count,.item-cd{position:relative}.item-icon{font-size:30px;line-height:1}.item-name{font-size:17px;font-weight:bold;color:#c9d1d9;line-height:1.15}.item-desc{font-size:13px;color:#f5c518;line-height:1.15}.item-count{font-size:15px;color:#3fb950;font-weight:bold}.item-cd{font-size:16px;color:#f85149;font-weight:bold}
.item-card.inventory-item-card{min-height:72px;aspect-ratio:1;padding:6px;border-radius:10px;cursor:pointer;gap:0}.item-card.inventory-item-card:focus{outline:none}.item-card.inventory-item-card:focus-visible{border-color:var(--theme-accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.28)}.item-card.inventory-item-card.cooldown{opacity:.78;cursor:help;filter:none}.item-card.inventory-item-card .item-icon-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;min-width:46px}.item-card.inventory-item-card .item-icon{width:46px;height:46px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(13,17,23,.62);display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.item-card.inventory-item-card .item-icon-emoji{display:block;line-height:1;font-size:30px}.item-card.inventory-item-card .item-icon-stack .potion-s-icon{filter:brightness(1.2) saturate(.88)}.item-card.inventory-item-card .item-icon-stack .potion-regen-icon{filter:hue-rotate(28deg) saturate(1.35) brightness(.74) contrast(1.14)}.item-card.inventory-item-card .item-icon-mark{display:block;line-height:1;font-size:10px;font-weight:bold;color:#8b949e;letter-spacing:.02em;text-align:center}.item-card.inventory-item-card.core-item .item-icon{border-color:rgba(210,168,255,.38);background:linear-gradient(180deg,rgba(210,168,255,.12),rgba(13,17,23,.74))}.item-card.inventory-item-card .item-count{position:absolute;right:5px;bottom:5px;z-index:2;min-width:24px;max-width:calc(100% - 10px);border:1px solid rgba(63,185,80,.42);border-radius:999px;background:rgba(8,12,18,.9);color:#56d364;font-size:12px;font-weight:bold;line-height:1;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card.inventory-item-card .item-cd{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(5,8,12,.64);color:#ff7b72;font-size:18px;text-shadow:0 1px 2px #000;pointer-events:none}
.item-icon-image{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.reward-inline-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.reward-inline-icon .item-icon-image{width:1.35em;height:1.35em;border-radius:3px}.mail-attach .item-icon-image{width:18px;height:18px;border-radius:3px}.potion-s-icon{filter:brightness(1.2) saturate(.88)}.potion-regen-icon{filter:hue-rotate(28deg) saturate(1.35) brightness(.74) contrast(1.14)}
.empty-state{text-align:center;color:#484f58;padding:18px;font-size:22px;border:1px dashed #30363d;border-radius:12px;background:rgba(13,17,23,.45)}
/* Achievement workspace: compact overview, category navigation and responsive records. */
.achievement-dashboard{display:grid;gap:10px;min-width:0;letter-spacing:0}
.achievement-overview{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:14px;min-width:0;border:1px solid rgba(var(--theme-accent-rgb),.34);border-radius:7px;background:linear-gradient(135deg,rgba(var(--theme-accent-rgb),.12),rgba(12,17,24,.96) 58%,rgba(var(--theme-secondary-rgb),.08));padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.achievement-overview-main{min-width:0}.achievement-overview-main>span{display:block;color:var(--theme-accent);font-size:10px;font-weight:800}.achievement-overview-main>strong{display:block;margin-top:2px;color:var(--theme-title);font-size:20px;line-height:1.2}.achievement-overview-main>p{margin:4px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.4}
.achievement-overall-progress{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;margin-top:10px}.achievement-overall-progress>div{height:7px;overflow:hidden;border:1px solid rgba(var(--theme-accent-rgb),.28);border-radius:999px;background:rgba(5,9,14,.82)}.achievement-overall-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--theme-accent),var(--theme-secondary));transition:width .2s}.achievement-overall-progress>b{color:var(--ui-text);font-size:11px;text-align:right}
.achievement-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));align-items:stretch}.achievement-overview-stats>div{min-width:0;padding:3px 12px;border-left:1px solid rgba(var(--theme-accent-rgb),.2);text-align:center}.achievement-overview-stats b,.achievement-overview-stats span{display:block}.achievement-overview-stats b{color:var(--theme-title);font-size:18px;line-height:1.15;white-space:nowrap}.achievement-overview-stats span{margin-top:4px;color:var(--ui-faint);font-size:10px;white-space:nowrap}
.achievement-overview-action{min-width:122px}.achievement-claim-all{width:100%;min-height:36px;border-radius:5px;font-size:12px;padding:8px 12px;white-space:nowrap}
.achievement-category-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;padding:3px;border:1px solid var(--ui-line-soft);border-radius:5px;background:var(--ui-surface-deep);scrollbar-width:thin}.achievement-category-tab{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;flex:1 0 126px;min-height:34px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ui-muted);padding:6px 9px;font-size:11px;cursor:pointer;white-space:nowrap}.achievement-category-tab>span{font-size:14px;line-height:1}.achievement-category-tab>b{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.achievement-category-tab>em{color:var(--ui-faint);font-size:10px;font-style:normal}.achievement-category-tab:hover{border-color:var(--ui-line);background:var(--ui-surface-raised);color:var(--ui-text)}.achievement-category-tab.active{border-color:rgba(var(--theme-secondary-rgb),.48);background:rgba(var(--theme-secondary-rgb),.09);color:var(--theme-title)}.achievement-category-tab.active>em{color:var(--theme-secondary)}.achievement-category-tab:focus-visible{outline:2px solid var(--theme-accent);outline-offset:-1px}
.achievement-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0;padding:2px 2px 0}.achievement-category-heading>div{min-width:0}.achievement-category-heading strong,.achievement-category-heading span{display:block}.achievement-category-heading strong{color:var(--ui-text);font-size:15px;line-height:1.3}.achievement-category-heading span{margin-top:2px;color:var(--ui-faint);font-size:11px;line-height:1.4;white-space:normal}.achievement-category-heading>b{color:var(--theme-secondary);font-size:11px;white-space:nowrap}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px;align-items:stretch}.achievement-card{display:grid;grid-template-rows:auto minmax(38px,auto) auto auto auto;gap:8px;min-width:0;min-height:190px;border:1px solid var(--ui-line);border-radius:6px;background:linear-gradient(180deg,rgba(24,30,38,.98),rgba(10,14,20,.98));padding:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.achievement-card.ready{border-color:rgba(var(--theme-secondary-rgb),.66);background:linear-gradient(180deg,rgba(var(--theme-secondary-rgb),.12),rgba(10,14,20,.98))}.achievement-card.claimed{border-color:rgba(63,185,80,.48);background:linear-gradient(180deg,rgba(63,185,80,.09),rgba(9,16,12,.98))}
.achievement-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0}.achievement-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(var(--theme-accent-rgb),.3);border-radius:5px;background:rgba(7,11,16,.88);color:var(--theme-accent);font-size:23px;line-height:1}.achievement-card.ready .achievement-icon{border-color:rgba(var(--theme-secondary-rgb),.55);color:var(--theme-secondary)}.achievement-card.claimed .achievement-icon{border-color:rgba(63,185,80,.5);color:#56d364}.achievement-title{min-width:0}.achievement-title>span,.achievement-title>strong{display:block}.achievement-title>span{color:var(--ui-faint);font-size:9px;font-weight:700}.achievement-title>strong{margin-top:2px;color:var(--ui-text);font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.achievement-state{align-self:start;border:1px solid var(--ui-line);border-radius:999px;background:rgba(13,17,23,.82);color:var(--ui-faint);padding:4px 7px;font-size:9px;font-style:normal;line-height:1;white-space:nowrap}.achievement-card.ready .achievement-state{border-color:rgba(var(--theme-secondary-rgb),.44);color:var(--theme-secondary)}.achievement-card.claimed .achievement-state{border-color:rgba(63,185,80,.4);color:#56d364}
.achievement-description{margin:0;color:var(--ui-muted);font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.achievement-progress-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--ui-faint);font-size:10px}.achievement-progress-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-progress-line>b{color:var(--ui-text);white-space:nowrap}.achievement-progress-track{height:6px;overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:999px;background:#090d12}.achievement-progress-track>div{height:100%;background:linear-gradient(90deg,var(--theme-accent),#79c0ff);transition:width .2s}.achievement-card.ready .achievement-progress-track>div{background:linear-gradient(90deg,var(--theme-secondary),var(--theme-title))}.achievement-card.claimed .achievement-progress-track>div{background:linear-gradient(90deg,#238636,#56d364)}
.achievement-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:8px;border-top:1px solid var(--ui-line-soft)}.achievement-reward{min-width:0}.achievement-reward>span,.achievement-reward>b{display:block}.achievement-reward>span{color:var(--ui-faint);font-size:9px}.achievement-reward>b{margin-top:3px;color:var(--theme-title);font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.achievement-action{min-width:104px}.achievement-action .btn{width:100%;min-height:32px;border-radius:5px;font-size:11px;padding:6px 9px;white-space:nowrap}.achievement-empty{border:1px dashed var(--ui-line);border-radius:6px;background:rgba(13,17,23,.55);color:var(--ui-faint);padding:28px 12px;text-align:center;font-size:13px}
body[data-theme="mono"] .achievement-overview,body[data-theme="mono"] .achievement-category-tabs,body[data-theme="mono"] .achievement-card,body[data-theme="mono"] .achievement-icon,body[data-theme="mono"] .achievement-state,body[data-theme="mono"] .achievement-progress-track,body[data-theme="mono"] .achievement-empty{border-color:#000!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .achievement-dashboard *{color:#000!important}body[data-theme="mono"] .achievement-category-tab.active{border-color:#000!important;border-radius:0!important;background:#e6e6e6!important}body[data-theme="mono"] .achievement-overall-progress>div,body[data-theme="mono"] .achievement-progress-track{border-color:#000!important;background:#fff!important}body[data-theme="mono"] .achievement-overall-progress span,body[data-theme="mono"] .achievement-progress-track>div{background:#000!important;background-image:none!important}
@media(max-width:800px){.achievement-overview{grid-template-columns:1fr}.achievement-overview-stats>div:first-child{border-left:0}.achievement-overview-action{width:100%}.achievement-claim-all{min-height:40px}.achievement-grid{grid-template-columns:1fr}}
@media(max-width:520px){.achievement-overview{padding:12px}.achievement-overview-stats>div{padding:3px 6px}.achievement-category-tab{flex-basis:116px}.achievement-card{min-height:0}.achievement-card-head{grid-template-columns:40px minmax(0,1fr)}.achievement-icon{width:40px;height:40px}.achievement-state{grid-column:2;justify-self:start;margin-top:-3px}.achievement-card-footer{grid-template-columns:1fr}.achievement-action{width:100%}.achievement-action .btn{min-height:40px}.achievement-progress-line>span{white-space:normal}.achievement-category-heading{align-items:flex-start}}

/* Achievement workspace: category records are folded by default. */
.achievement-list-workspace{display:grid;gap:7px;min-width:0;letter-spacing:0}.achievement-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:2px 1px}.achievement-list-toolbar>span{color:var(--ui-muted);font-size:12px}.achievement-list-workspace .achievement-claim-all{flex:0 0 auto;width:auto;min-height:32px;border-radius:4px;padding:6px 10px;font-size:11px;white-space:nowrap}
.achievement-group{min-width:0;border:1px solid rgba(186,133,70,.58);border-radius:5px;background:linear-gradient(100deg,rgba(105,66,31,.48),rgba(43,29,18,.92) 42%,rgba(13,17,23,.98));box-shadow:inset 0 1px 0 rgba(246,211,153,.08);overflow:hidden}.achievement-group>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:48px;padding:8px 11px 8px 27px;cursor:pointer;list-style:none}.achievement-group>summary::-webkit-details-marker{display:none}.achievement-group>summary::before{content:"▸";position:absolute;top:50%;left:11px;color:#d9a65b;font-size:12px;line-height:1;transform:translateY(-50%);transition:transform .16s ease}.achievement-group[open]>summary{border-bottom:1px solid rgba(209,157,89,.3);background:linear-gradient(90deg,rgba(151,96,42,.34),rgba(45,30,18,.8) 56%,rgba(13,17,23,.48))}.achievement-group[open]>summary::before{transform:translateY(-50%) rotate(90deg)}.achievement-group>summary:focus-visible{outline:2px solid #d9a65b;outline-offset:-2px}.achievement-group-copy{min-width:0}.achievement-group-copy strong,.achievement-group-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-group-copy strong{color:#f2debd;font-size:13px;line-height:1.2}.achievement-group-copy em{margin-top:3px;color:#b9aa97;font-size:10px;font-style:normal;line-height:1.25}.achievement-group-meta{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px;color:#b9aa97;white-space:nowrap}.achievement-group-meta b{color:#f2debd;font-size:12px}.achievement-group-meta em{font-size:10px;font-style:normal}.achievement-group-ready{border:1px solid rgba(224,171,86,.55);border-radius:999px;background:rgba(120,75,27,.34);color:#f1c46f;padding:3px 6px;font-size:10px;line-height:1;white-space:nowrap}.achievement-group-list{display:grid;gap:1px;padding:4px;background:rgba(39,25,15,.55)}
.achievement-group>summary{padding-left:11px}.achievement-group>summary::before{content:none}
.achievement-row{display:grid;grid-template-columns:36px minmax(180px,1.4fr) minmax(140px,.8fr) minmax(120px,.7fr) 104px;align-items:center;gap:10px;min-width:0;border:1px solid transparent;border-radius:3px;background:rgba(13,17,23,.58);padding:8px}.achievement-row.ready{border-color:rgba(var(--theme-secondary-rgb),.4);background:rgba(var(--theme-secondary-rgb),.06)}.achievement-row.claimed{border-color:rgba(63,185,80,.28);background:rgba(63,185,80,.045)}.achievement-row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(var(--theme-accent-rgb),.28);border-radius:3px;background:rgba(7,11,16,.8);color:var(--theme-accent);font-size:20px;line-height:1}.achievement-row.ready .achievement-row-icon{border-color:rgba(var(--theme-secondary-rgb),.55);color:var(--theme-secondary)}.achievement-row.claimed .achievement-row-icon{border-color:rgba(63,185,80,.45);color:#56d364}.achievement-row-main{min-width:0}.achievement-row-main>div{display:flex;align-items:center;gap:7px;min-width:0}.achievement-row-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ui-text);font-size:12px;line-height:1.3;white-space:nowrap}.achievement-row-main em{flex:0 0 auto;color:var(--ui-faint);font-size:9px;font-style:normal;white-space:nowrap}.achievement-row.ready .achievement-row-main em{color:var(--theme-secondary)}.achievement-row.claimed .achievement-row-main em{color:#56d364}.achievement-row-main p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:var(--ui-muted);font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.achievement-row-progress{min-width:0}.achievement-row-progress>div{display:flex;justify-content:space-between;gap:6px;color:var(--ui-faint);font-size:10px;line-height:1.2}.achievement-row-progress>div span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-row-progress>div b{color:var(--ui-text);white-space:nowrap}.achievement-row .achievement-progress-track{height:5px;margin-top:4px}.achievement-row .achievement-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,var(--theme-accent),#79c0ff);transition:width .2s}.achievement-row.ready .achievement-progress-track>span{background:linear-gradient(90deg,var(--theme-secondary),var(--theme-title))}.achievement-row.claimed .achievement-progress-track>span{background:linear-gradient(90deg,#238636,#56d364)}.achievement-row-reward{min-width:0}.achievement-row-reward>span,.achievement-row-reward>b{display:block}.achievement-row-reward>span{color:var(--ui-faint);font-size:9px}.achievement-row-reward>b{margin-top:3px;color:var(--theme-title);font-size:10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.achievement-row-action{min-width:0}.achievement-row-action .btn{width:100%;min-height:30px;border-radius:4px;padding:5px 7px;font-size:10px;white-space:nowrap}
/* Match the weapon list's raised surface treatment while retaining the brown-gold achievement palette. */
.achievement-group{background:radial-gradient(circle at 12% -24%,rgba(232,183,108,.24),transparent 38%),linear-gradient(180deg,#46331d,#25190f 48%,#130e09);box-shadow:inset 0 1px 0 rgba(255,233,193,.2),inset 0 -1px 0 rgba(42,24,8,.78),0 5px 12px rgba(0,0,0,.3);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}.achievement-group>summary{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.achievement-group:not([open]):hover{border-color:rgba(224,171,86,.84);box-shadow:inset 0 1px 0 rgba(255,239,205,.25),inset 0 -1px 0 rgba(42,24,8,.85),0 8px 18px rgba(0,0,0,.38);filter:brightness(1.05);transform:translateY(-1px)}.achievement-group[open]{border-color:rgba(209,157,89,.72);box-shadow:inset 0 1px 0 rgba(255,233,193,.16),inset 0 -2px 4px rgba(23,12,4,.66),0 7px 17px rgba(0,0,0,.34)}
.achievement-row{background:radial-gradient(circle at 10% -30%,rgba(218,166,91,.12),transparent 35%),linear-gradient(180deg,rgba(35,31,27,.98),rgba(13,15,18,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.48),0 3px 8px rgba(0,0,0,.24);transition:border-color .15s ease,box-shadow .15s ease,filter .15s ease,transform .15s ease}.achievement-row:hover{border-color:rgba(199,148,78,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.55),0 5px 11px rgba(0,0,0,.3);filter:brightness(1.04);transform:translateY(-1px)}.achievement-row.ready{background:radial-gradient(circle at 10% -30%,rgba(240,192,105,.22),transparent 38%),linear-gradient(180deg,rgba(61,43,22,.98),rgba(20,16,12,.98));box-shadow:inset 0 1px 0 rgba(255,232,182,.12),0 4px 10px rgba(0,0,0,.28)}.achievement-row.claimed{background:radial-gradient(circle at 10% -30%,rgba(86,211,100,.16),transparent 38%),linear-gradient(180deg,rgba(24,43,28,.98),rgba(12,20,14,.98));box-shadow:inset 0 1px 0 rgba(151,238,164,.1),0 4px 10px rgba(0,0,0,.26)}
body[data-theme="mono"] .achievement-group,body[data-theme="mono"] .achievement-group[open]>summary,body[data-theme="mono"] .achievement-group-list,body[data-theme="mono"] .achievement-row,body[data-theme="mono"] .achievement-row-icon,body[data-theme="mono"] .achievement-row .achievement-progress-track{border-color:#000!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .achievement-list-workspace *{color:#000!important}body[data-theme="mono"] .achievement-row .achievement-progress-track>span{background:#000!important;background-image:none!important}body[data-theme="mono"] .achievement-group:hover,body[data-theme="mono"] .achievement-row:hover{filter:none!important;transform:none!important}
@media(max-width:800px){.achievement-row{grid-template-columns:36px minmax(0,1fr) 104px}.achievement-row-progress{grid-column:2}.achievement-row-reward{grid-column:2}.achievement-row-action{grid-column:3;grid-row:1/4}.achievement-list-workspace .achievement-claim-all{min-height:36px}}
@media(max-width:520px){.achievement-list-toolbar{align-items:flex-start;flex-direction:column}.achievement-list-workspace .achievement-claim-all{width:100%;min-height:40px}.achievement-group>summary{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px 8px 8px 25px}.achievement-group-meta{grid-column:1;justify-self:start}.achievement-group-ready{grid-column:2;grid-row:1/3}.achievement-row{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px}.achievement-row-icon{width:34px;height:34px}.achievement-row-progress,.achievement-row-reward,.achievement-row-action{grid-column:2;grid-row:auto}.achievement-row-action .btn{min-height:38px}.achievement-row-main strong{white-space:normal}}
@media(max-width:520px){.achievement-group>summary{padding-left:8px}}

.honor-box{border:1px solid rgba(88,166,255,.26);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.07),rgba(13,17,23,.72));padding:8px;margin-bottom:8px}.honor-box.empty{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8b949e}.honor-box.empty span,.honor-head span{color:#8b949e;font-size:13px}.honor-box.empty b{color:#484f58;font-size:14px;font-weight:normal}.honor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.honor-head b{color:#f5c518;font-size:15px}.honor-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px}.honor-item{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid #30363d;border-radius:9px;background:#0d1117;padding:7px}.honor-item i{font-style:normal;width:28px;height:28px;border-radius:8px;border:1px solid #30363d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.honor-item div{min-width:0}.honor-item strong{display:block;color:#f5c518;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.honor-item small{display:block;color:#8b949e;font-size:12px;margin-top:2px}
.honor-collect-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.honor-collect-summary>div{border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,rgba(245,197,24,.08),#0d1117);padding:10px;text-align:center}.honor-collect-summary b{display:block;color:#f5c518;font-size:22px;line-height:1}.honor-collect-summary span{display:block;color:#8b949e;font-size:13px;margin-top:4px}.honor-catalog-section{margin-top:10px}.honor-catalog-head{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(240,136,62,.28);border-radius:10px;background:linear-gradient(180deg,rgba(240,136,62,.08),rgba(13,17,23,.72));padding:8px 10px;margin-bottom:7px}.honor-catalog-head strong{color:#f0883e;font-size:18px}.honor-catalog-head span{color:#f5c518;font-size:15px}.honor-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px}.honor-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:70px;border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,#21262d,#141920);padding:9px 10px;overflow:hidden}.honor-card.owned{border-color:rgba(63,185,80,.55);background:linear-gradient(180deg,#14251a,#101811)}.honor-card.locked{opacity:.62;filter:grayscale(.15)}.honor-card-icon{width:38px;height:38px;border:1px solid #30363d;border-radius:9px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.honor-card-main{min-width:0}.honor-card-main b{display:block;color:#f5c518;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.honor-card-main span{display:block;color:#c9d1d9;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.honor-card-main small{display:block;color:#8b949e;font-size:12px;margin-top:2px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.honor-loadout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}.honor-loadout-card{border:1px solid rgba(88,166,255,.28);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),#0d1117);padding:9px;min-width:0}.honor-loadout-card span{display:block;color:#8b949e;font-size:12px;line-height:1.15}.honor-loadout-card b{display:block;color:#f5c518;font-size:16px;line-height:1.2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.honor-card{position:relative}.honor-card.active{border-color:rgba(245,197,24,.72);box-shadow:0 0 14px rgba(245,197,24,.16)}.honor-card.owned{cursor:pointer}.honor-card.owned:hover{border-color:#58a6ff;filter:brightness(1.07)}.honor-card-action{flex:0 0 auto;border:1px solid #30363d;border-radius:8px;background:#0d1117;color:#8b949e;font-size:12px;font-weight:bold;line-height:1;padding:6px 7px;white-space:nowrap}.honor-card.owned .honor-card-action{border-color:rgba(88,166,255,.45);color:#58a6ff}.honor-card.active .honor-card-action{border-color:rgba(245,197,24,.55);color:#f5c518}.honor-card.locked .honor-card-action{display:none}
.socket-slot{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px dashed #30363d;border-radius:6px;margin:2px;cursor:pointer;font-size:22px;transition:all .2s}
.socket-slot:hover{border-color:#58a6ff;background:#1a2030}
.socket-slot.filled{border-style:solid;background:#1a1500}
.socket-slot.filled:hover{border-color:#f85149}
.core-item{background:#21262d;border:1px solid #30363d;border-radius:4px;padding:6px;display:flex;align-items:center;gap:8px;margin-bottom:4px;transition:all .2s}
.core-item:hover{border-color:#58a6ff}
.core-icon{font-size:28px}
.core-info{flex:1}
.core-name{font-size:20px;font-weight:bold}
.core-desc{font-size:16px;color:#8b949e}
.core-effect{font-size:16px;color:#f5c518}
.core-count{font-size:18px;color:#3fb950}
.upgrade-workshop-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.upgrade-workshop-tabs button{min-width:0;border:1px solid #30363d;border-radius:12px;background:linear-gradient(180deg,#161b22,#0d1117);color:#8b949e;padding:10px 12px;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;text-align:left;align-items:center}.upgrade-workshop-tabs button>span{grid-row:1/3;font-size:27px;line-height:1}.upgrade-workshop-tabs button>b{color:#c9d1d9;font-size:19px;line-height:1.15}.upgrade-workshop-tabs button>em{font-style:normal;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-workshop-tabs button:hover{border-color:#58a6ff;filter:brightness(1.08)}.upgrade-workshop-tabs button.active{border-color:#f5c518;background:linear-gradient(180deg,rgba(245,197,24,.16),rgba(13,17,23,.94));box-shadow:0 0 0 1px rgba(245,197,24,.17),0 8px 20px rgba(0,0,0,.2)}.upgrade-workshop-tabs button.active>b{color:#f5c518}.upgrade-workshop-tabs button.active>em{color:#c9d1d9}.upgrade-workshop-empty{border:1px dashed #30363d;border-radius:12px;background:#0d1117;color:#6e7681;text-align:center;padding:28px 15px;font-size:20px}
.upgrade-card{position:relative;overflow:hidden;border:1px solid #30363d;border-radius:14px;padding:14px;background:radial-gradient(circle at 18% 0%,rgba(240,136,62,.14),transparent 34%),linear-gradient(180deg,#1b212b,#10151d);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.upgrade-equip-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.upgrade-equip-tabs button{min-width:0;border:1px solid #30363d;border-radius:10px;background:#0d1117;color:#c9d1d9;padding:8px 9px;cursor:pointer;text-align:left;display:grid;gap:3px}.upgrade-equip-tabs button:hover{border-color:#58a6ff;background:#161b22}.upgrade-equip-tabs button.active{border-color:#f5c518;background:linear-gradient(180deg,rgba(245,197,24,.15),rgba(13,17,23,.9));box-shadow:0 0 0 1px rgba(245,197,24,.18)}.upgrade-equip-tabs button.missing{cursor:not-allowed;opacity:.48;background:#0d1117}.upgrade-equip-tabs b{font-size:15px;color:#f5c518;line-height:1}.upgrade-equip-tabs span{font-size:14px;color:#8b949e;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-equip-tabs button.active span{color:#c9d1d9}
.upgrade-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:stretch;margin-bottom:12px}.upgrade-glow{position:absolute;left:-36px;top:-48px;width:150px;height:150px;border-radius:50%;opacity:.16;filter:blur(18px);pointer-events:none}.upgrade-weapon{position:relative;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;background:rgba(13,17,23,.62)}
.upgrade-rarity{display:inline-block;border:1px solid;border-radius:999px;padding:2px 9px;font-size:14px;background:#0d1117;margin-bottom:7px}.upgrade-name{font-size:25px;font-weight:bold;line-height:1.18;text-shadow:0 2px 4px #000;word-break:break-all}.upgrade-name span{color:#f5c518}.upgrade-desc{color:#c9d1d9;font-size:16px;margin-top:6px;opacity:.9}
.upgrade-level{border:1px solid rgba(245,197,24,.35);border-radius:12px;background:linear-gradient(180deg,rgba(245,197,24,.16),rgba(240,136,62,.07));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:90px}.upgrade-level div{font-size:15px;color:#8b949e}.upgrade-level b{font-size:42px;line-height:1;color:#f5c518;text-shadow:0 0 16px rgba(245,197,24,.28)}
.upgrade-track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;margin:10px 0 8px}.upgrade-step{height:34px;border:1px solid #30363d;border-radius:999px;background:#0d1117;color:#484f58;font-size:16px;font-weight:bold;display:flex;align-items:center;justify-content:center}.upgrade-step.done{border-color:#3fb950;background:linear-gradient(180deg,#15351d,#0d1a10);color:#3fb950}.upgrade-step.next{border-color:#f5c518;background:linear-gradient(180deg,#33270b,#171308);color:#f5c518;box-shadow:0 0 12px rgba(245,197,24,.22)}.upgrade-step.diamond{border-color:rgba(163,113,247,.55);background:linear-gradient(180deg,rgba(163,113,247,.14),#151022);color:#d2a8ff}.upgrade-step.diamond.done{border-color:#a371f7;background:linear-gradient(180deg,rgba(163,113,247,.32),#1a102b);color:#e2c5ff}.upgrade-step.diamond.next{border-color:#d2a8ff;background:linear-gradient(180deg,rgba(210,168,255,.26),#24153a);color:#f0e7ff;box-shadow:0 0 12px rgba(163,113,247,.28)}
.upgrade-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.upgrade-stats>div{border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:10px;text-align:center;min-width:0}.upgrade-stats label{display:block;color:#8b949e;font-size:15px;margin-bottom:4px}.upgrade-stats strong{display:block;color:#f5c518;font-size:26px;line-height:1.1}.upgrade-stats span{display:block;color:#8b949e;font-size:14px;margin-top:4px}.upgrade-stats .upgrade-next{border-color:rgba(63,185,80,.5);background:linear-gradient(180deg,rgba(63,185,80,.09),#0d1117)}.upgrade-stats .upgrade-next strong{color:#3fb950}
.upgrade-core-entry{width:100%;margin-top:10px;border:1px solid rgba(88,166,255,.42);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.13),rgba(13,17,23,.82));color:#c9d1d9;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left}.upgrade-core-entry:hover{border-color:#58a6ff;filter:brightness(1.08)}.upgrade-core-entry span{display:grid;gap:3px;min-width:0}.upgrade-core-entry strong{color:#58a6ff;font-size:17px;line-height:1.15}.upgrade-core-entry small{color:#8b949e;font-size:14px;line-height:1.25}.upgrade-core-entry b{color:#f5c518;font-size:15px;white-space:nowrap}
.upgrade-cost{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.upgrade-cost>div{border:1px solid #30363d;border-radius:10px;padding:9px 10px;background:#0d1117;display:flex;justify-content:space-between;gap:8px;align-items:center}.upgrade-cost span{font-size:16px;color:#8b949e}.upgrade-cost b{font-size:18px;color:#f5c518}.upgrade-cost.lack>div:first-child{border-color:rgba(248,81,73,.55)}.upgrade-cost.lack>div:first-child b{color:#f85149}.upgrade-cost.can>div:first-child{border-color:rgba(245,197,24,.45)}
.upgrade-action{width:100%;margin-top:10px;border:1px solid #238636;border-radius:12px;background:linear-gradient(180deg,#2ea043,#238636);color:#fff;font-size:24px;font-weight:bold;padding:12px;cursor:pointer;box-shadow:0 10px 20px rgba(35,134,54,.25);transition:transform .15s,filter .15s,border-color .15s}.upgrade-action:hover{filter:brightness(1.08);border-color:#3fb950}.upgrade-action:active{transform:scale(.98)}.upgrade-action:disabled{cursor:not-allowed;opacity:.55;background:linear-gradient(180deg,#30363d,#21262d);border-color:#30363d;box-shadow:none;color:#8b949e}
.legendary-forge{border:1px solid rgba(255,165,0,.45);border-radius:14px;padding:13px;background:radial-gradient(circle at 85% 0,rgba(255,165,0,.16),transparent 40%),linear-gradient(180deg,#211a10,#11151c);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.legendary-forge-title>div{display:flex;align-items:center;gap:10px}.legendary-forge-title>div>span{font-size:30px}.legendary-forge-title div div{display:grid;gap:2px}.legendary-forge-title b{color:#ffa500;font-size:21px}.legendary-forge-title em{color:#8b949e;font-size:14px;font-style:normal}.legendary-recipe-list{display:grid;gap:10px;margin-top:10px}
.legendary-recipe{border:1px solid rgba(255,165,0,.28);border-radius:11px;padding:11px;background:rgba(13,17,23,.8)}.legendary-recipe.owned{border-color:rgba(63,185,80,.45)}.legendary-recipe.locked{opacity:.72}.legendary-recipe-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start}.legendary-recipe-icon{width:48px;height:48px;border:1px solid rgba(255,165,0,.45);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#161b22;font-size:27px}.legendary-recipe-head>div:last-child{display:grid;gap:2px}.legendary-recipe-head span{color:#8b949e;font-size:13px}.legendary-recipe-head strong{font-size:19px;line-height:1.2}.legendary-recipe-head em{color:#b1bac4;font-size:14px;font-style:normal;line-height:1.35}.legendary-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.legendary-material{display:flex;align-items:center;gap:7px;border:1px solid #30363d;border-radius:8px;padding:7px;background:#0d1117;min-width:0}.legendary-material>span{font-size:21px}.legendary-material>div{display:flex;min-width:0;flex:1;justify-content:space-between;gap:5px;align-items:center}.legendary-material b{font-size:14px;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legendary-material em{font-size:13px;color:#3fb950;font-style:normal;white-space:nowrap}.legendary-material.lack{border-color:rgba(248,81,73,.35)}.legendary-material.lack em{color:#f85149}.legendary-craft-action{width:100%;margin-top:10px;border:1px solid #b86b00;border-radius:9px;padding:9px;background:linear-gradient(180deg,#d88700,#9c5100);color:#fff5d6;font-size:17px;font-weight:bold;cursor:pointer}.legendary-craft-action:hover{filter:brightness(1.1)}.legendary-craft-action:disabled{cursor:not-allowed;opacity:.55;background:#21262d;border-color:#30363d;color:#8b949e}
.legendary-source-weapon{margin-top:10px;border:1px solid rgba(163,113,247,.5);border-radius:8px;padding:9px;background:rgba(163,113,247,.08)}.legendary-source-weapon>span{display:block;color:#a371f7;font-size:12px;font-weight:700}.legendary-source-weapon>div{display:flex;justify-content:space-between;gap:10px;margin-top:3px}.legendary-source-weapon b{color:#d2a8ff;font-size:14px}.legendary-source-weapon em{color:#3fb950;font-size:13px;font-style:normal}.legendary-source-weapon p{margin:5px 0 0;color:#9da7b3;font-size:12px;line-height:1.4}.legendary-source-weapon.lack{border-color:rgba(248,81,73,.4);background:rgba(248,81,73,.06)}.legendary-source-weapon.lack em{color:#f85149}
.planned-map-state{display:grid;place-items:center;min-height:260px;padding:30px;text-align:center}.planned-map-state>span{font-size:48px}.planned-map-state>b{margin-top:8px;color:#d2a8ff;font-size:22px}.planned-map-state>p{max-width:420px;margin:8px 0 0;color:#8b949e;font-size:14px;line-height:1.6}.planned-zone .zone-progress{display:none}
.awaken-panel{margin-top:12px;border:1px solid rgba(88,166,255,.3);border-radius:12px;background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.74));padding:10px}.awaken-panel.locked{opacity:.78}.awaken-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.awaken-head strong{display:block;color:#58a6ff;font-size:19px;line-height:1.15}.awaken-head span{display:block;color:#8b949e;font-size:14px;margin-top:3px}.awaken-head b{color:#f5c518;font-size:15px;white-space:nowrap}.awaken-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inscription-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.awaken-option{border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:9px;display:flex;flex-direction:column;gap:7px;min-width:0}.awaken-option.selected{border-color:rgba(245,197,24,.68);background:linear-gradient(180deg,rgba(245,197,24,.12),#0d1117)}.awaken-option.locked{filter:grayscale(.2)}.awaken-option-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.awaken-option-head b{color:#f5c518;font-size:17px}.awaken-option-head em{font-style:normal;color:#58a6ff;font-size:12px;border:1px solid rgba(88,166,255,.35);border-radius:999px;padding:2px 6px;white-space:nowrap}.awaken-option p{color:#a9b4c0;font-size:13px;line-height:1.35;margin:0;flex:1}.awaken-action{width:100%;border:1px solid #238636;border-radius:9px;background:linear-gradient(180deg,#2ea043,#238636);color:#fff;font-size:15px;font-weight:bold;padding:7px 8px;cursor:pointer}.awaken-action:disabled{cursor:not-allowed;opacity:.55;background:linear-gradient(180deg,#30363d,#21262d);border-color:#30363d;color:#8b949e}
.awaken-head{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font-family:inherit;padding:0;appearance:none}.awaken-head:hover .awaken-fold,.awaken-head:focus-visible .awaken-fold{border-color:#58a6ff;color:#c9d1d9}.awaken-head:focus-visible{outline:1px solid rgba(88,166,255,.58);outline-offset:4px;border-radius:8px}.awaken-head-copy{display:block;min-width:0;flex:1}.awaken-head-meta{display:flex;align-items:center;gap:7px;flex:0 0 auto}.awaken-head .awaken-fold{display:inline-flex;align-items:center;justify-content:center;margin-top:0;border:1px solid #30363d;border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;font-weight:bold;line-height:1;padding:4px 9px;white-space:nowrap}.awaken-panel.folded .awaken-head{margin-bottom:0}
.enchant-panel{border-color:rgba(63,185,80,.3);background:linear-gradient(180deg,rgba(63,185,80,.08),rgba(13,17,23,.74))}.enchant-panel .awaken-head strong{color:#3fb950}.enchant-grid{grid-template-columns:repeat(auto-fit,minmax(176px,1fr))}.enchant-option.selected{border-color:rgba(63,185,80,.68);background:linear-gradient(180deg,rgba(63,185,80,.13),#0d1117)}.enchant-tags{display:flex;flex-wrap:wrap;gap:4px}.enchant-tags span{border:1px solid rgba(63,185,80,.28);border-radius:999px;background:#0d1117;color:#a9d8b7;font-size:12px;line-height:1;padding:3px 7px;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.awaken-note{margin:0 0 9px;border-left:3px solid rgba(63,185,80,.7);background:rgba(63,185,80,.07);color:#a9d8b7;font-size:13px;line-height:1.45;padding:7px 9px}
.bp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid #30363d;border-radius:8px;background:linear-gradient(135deg,#161b22,#101620)}
.bp-title{font-size:24px;font-weight:bold;color:#f5c518}.bp-sub{font-size:16px;color:#8b949e;margin-top:2px}.bp-claim-all{font-size:16px;padding:6px 14px;white-space:nowrap}
.bp-progress{position:relative;margin-bottom:10px;height:20px;background:#21262d;border-radius:10px;overflow:hidden;border:1px solid #30363d}.bp-progress-fill{height:100%;background:linear-gradient(90deg,#3fb950,#f5c518,#f0883e);border-radius:10px;transition:width .3s}.bp-progress-text{position:absolute;top:0;left:0;right:0;text-align:center;font-size:13px;line-height:20px;color:#fff;font-weight:bold;text-shadow:0 1px 2px #000}
.bp-track{display:flex;gap:0;overflow-x:auto;padding:10px 0 14px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-color:var(--scroll-thumb-accent) var(--scroll-track)}.bp-track::-webkit-scrollbar{height:8px}.bp-track::-webkit-scrollbar-track{background:var(--scroll-track);border:1px solid var(--scroll-track-border);border-radius:999px}.bp-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--scroll-thumb),var(--scroll-thumb-accent));border:2px solid var(--scroll-track);border-radius:999px}.bp-track::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
.bp-node{flex:0 0 116px;display:flex;flex-direction:column;align-items:center;position:relative;padding:0 4px}.bp-node.milestone{flex-basis:136px}.bp-line{position:absolute;top:54px;left:50%;width:100%;height:2px;background:#30363d55;z-index:0}.bp-node.claimed .bp-line{background:#238636}.bp-node.unlocked .bp-line{background:#f5c51888}
.bp-card{width:100%;height:138px;background:#161b22;border:2px solid #30363d;border-radius:10px;padding:7px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:1;transition:all .2s;overflow:hidden}.bp-node.milestone .bp-card,.bp-node.reward-weapon .bp-card{height:150px;border-radius:13px}.bp-node.unlocked .bp-card{background:linear-gradient(180deg,#2a210b,#161b22);border-color:#f5c518;box-shadow:0 0 10px rgba(245,197,24,.35);cursor:pointer}.bp-node.unlocked .bp-card:hover{transform:translateY(-2px);box-shadow:0 0 14px rgba(245,197,24,.55)}.bp-node.claimed .bp-card{background:#0d1a10;border-color:#238636}.bp-node.locked .bp-card{opacity:.72}
.bp-lv{font-size:14px;font-weight:bold;color:#8b949e;line-height:1}.bp-node.unlocked .bp-lv{color:#f5c518}.bp-node.claimed .bp-lv{color:#3fb950}.bp-icon{font-size:24px;line-height:1;margin:5px 0 4px}.bp-reward{width:100%;font-size:15px;font-weight:bold;line-height:1.18;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:normal}.bp-node.reward-copper .bp-reward{display:block;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.2}.bp-node.reward-weapon .bp-reward{font-size:16px;-webkit-line-clamp:2}.bp-node.milestone .bp-reward{font-size:16px;-webkit-line-clamp:3}.bp-desc{width:100%;font-size:12px;color:#8b949e;line-height:1.2;text-align:center;margin-top:5px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.season-panel{display:grid;gap:12px}.season-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,auto);gap:12px;align-items:center;border:1px solid rgba(88,166,255,.3);border-radius:10px;background:linear-gradient(135deg,rgba(22,32,45,.98),rgba(13,17,23,.96) 58%,rgba(16,24,34,.98));padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.season-head-main{min-width:0}.season-head-main strong{display:block;color:#58a6ff;font-size:25px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-head-main span{display:block;color:#a9b4c0;font-size:15px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-stats{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:8px}.season-stats>div{border:1px solid rgba(88,166,255,.22);border-radius:8px;background:rgba(13,17,23,.82);padding:8px 9px;text-align:center;min-width:0}.season-stats b{display:block;color:#f5c518;font-size:22px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-stats span{display:block;color:#8b949e;font-size:12px;margin-top:4px;white-space:nowrap}.season-layout{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(260px,1fr) minmax(340px,1.14fr);gap:12px;align-items:start}.season-column{display:grid;gap:12px;align-content:start;min-width:0}.season-side-column{align-self:start}.season-section,.season-action-panel{border:1px solid #30363d;border-radius:8px;background:linear-gradient(180deg,rgba(22,27,34,.96),rgba(13,17,23,.96));padding:10px;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.season-action-panel{border-color:rgba(88,166,255,.3);background:linear-gradient(180deg,rgba(88,166,255,.09),rgba(13,17,23,.96))}.season-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px;min-width:0}.season-section-head strong{color:#f0883e;font-size:19px;line-height:1.15;white-space:nowrap}.season-section-head span{color:#8b949e;font-size:13px;line-height:1.2;text-align:right;min-width:0}.season-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px}.season-actions .btn{width:100%;min-height:34px;font-size:14px;border-radius:8px;padding:7px 9px;white-space:normal;line-height:1.2}.season-task-list{display:grid;gap:8px}.season-task{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;border:1px solid #30363d;border-radius:8px;background:#0d1117;padding:9px;min-width:0}.season-task.ready{border-color:rgba(245,197,24,.62);background:linear-gradient(180deg,rgba(245,197,24,.1),#0d1117)}.season-task.claimed{border-color:rgba(63,185,80,.5);background:linear-gradient(180deg,rgba(63,185,80,.08),#0d1117)}.season-task-main{min-width:0}.season-task-main b{display:block;color:#f5c518;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.season-task-main b span{display:inline-block;color:#58a6ff;font-size:12px;line-height:1.1;margin:0 0 0 6px;padding:2px 5px;border:1px solid rgba(88,166,255,.26);border-radius:999px;background:rgba(88,166,255,.08);vertical-align:1px;white-space:nowrap}.season-task-main>span{display:block;color:#a9b4c0;font-size:13px;line-height:1.35;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.season-task-meta{display:flex;align-items:center;gap:7px;margin-top:8px}.season-task-bar{height:8px;flex:1;border:1px solid #30363d;border-radius:999px;background:#161b22;overflow:hidden}.season-task-bar div{height:100%;background:linear-gradient(90deg,#58a6ff,#3fb950)}.season-task-meta em{font-style:normal;color:#8b949e;font-size:12px;white-space:nowrap}.season-task-action .btn{width:100%;font-size:14px;padding:7px 9px;border-radius:8px}.season-reward-track{display:grid;gap:8px}.season-reward-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;align-items:stretch}.season-reward-pair{display:grid;gap:7px;min-width:0}.season-tier{border:1px solid rgba(245,197,24,.35);border-radius:8px;background:rgba(245,197,24,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:82px}.season-tier b{color:#f5c518;font-size:18px;line-height:1.1}.season-tier span{color:#8b949e;font-size:12px;margin-top:3px}.season-reward-card{border:1px solid #30363d;border-radius:8px;background:#0d1117;padding:8px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.season-reward-card.ready{border-color:rgba(245,197,24,.62);background:linear-gradient(180deg,rgba(245,197,24,.1),#0d1117)}.season-reward-card.claimed{border-color:rgba(63,185,80,.5)}.season-reward-card.locked{opacity:.72}.season-reward-icon{font-size:21px;line-height:1;text-align:center}.season-reward-main{min-width:0}.season-reward-main b{display:block;color:#f5c518;font-size:15px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-reward-main span{display:block;color:#8b949e;font-size:12px;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-reward-card .btn{font-size:13px;padding:6px 8px;border-radius:8px;white-space:nowrap}.season-empty{border:1px dashed #30363d;border-radius:8px;background:#0d1117;color:#6e7681;text-align:center;padding:14px;font-size:16px}
.battle-lv-tip{display:none;position:absolute;left:50%;top:calc(100% + 10px);z-index:999;width:min(280px,calc(100vw - 28px));transform:translateX(-50%);padding:10px;background:radial-gradient(circle at 18% 0%,rgba(245,197,24,.18),transparent 36%),linear-gradient(180deg,rgba(22,27,34,.98),rgba(8,12,18,.98));border:1px solid rgba(88,166,255,.32);border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.battle-lv-tip:before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#161b22;border-left:1px solid rgba(88,166,255,.32);border-top:1px solid rgba(88,166,255,.32)}
.battle-lv-row:hover .battle-lv-tip{display:block}
.battle-lv-tip-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:2px 2px 8px;margin-bottom:6px;border-bottom:1px solid rgba(88,166,255,.18)}
.battle-lv-tip-title span{display:block;color:#8b949e!important;font-size:13px!important;line-height:1.2}
.battle-lv-tip-title b{display:block;color:#f5c518;font-size:18px;line-height:1.15;text-align:right}
.battle-lv-list{display:grid;gap:4px}
.battle-lv-tip .lv-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(48,54,61,.9);border-radius:8px;background:rgba(13,17,23,.62);padding:5px 7px;color:#8b949e}
.battle-lv-tip .lv-row span{display:block;line-height:1.15}
.battle-lv-tip .lv-no{width:22px;height:22px;border-radius:999px;background:#0d1117;border:1px solid #30363d;color:#8b949e!important;font-size:12px!important;text-align:center;line-height:20px!important;font-weight:bold}
.battle-lv-tip .lv-name{min-width:0;color:#a9b4c0!important;font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.battle-lv-tip .lv-mark{color:#6e7681!important;font-size:12px!important;white-space:nowrap}
.battle-lv-tip .lv-done{border-color:rgba(63,185,80,.25);background:rgba(63,185,80,.07)}
.battle-lv-tip .lv-done .lv-no{border-color:rgba(63,185,80,.42);color:#3fb950!important}
.battle-lv-tip .lv-done .lv-mark{color:#3fb950!important}
.battle-lv-tip .lv-cur{border-color:rgba(245,197,24,.58);background:linear-gradient(180deg,rgba(245,197,24,.16),rgba(240,136,62,.08));box-shadow:0 0 16px rgba(245,197,24,.14)}
.battle-lv-tip .lv-cur .lv-no{border-color:#f5c518;color:#0d1117!important;background:#f5c518}
.battle-lv-tip .lv-cur .lv-name{color:#f5c518!important;font-weight:bold}
.battle-lv-tip .lv-cur .lv-mark{color:#f5c518!important;font-weight:bold}
.battle-lv-tip .lv-next{opacity:.72}
.honor-catalog-head{cursor:pointer;gap:8px;transition:border-color .15s,filter .15s}
.honor-catalog-head:hover{border-color:rgba(245,197,24,.56);filter:brightness(1.06)}
.honor-catalog-section.collapsed .honor-catalog-head{margin-bottom:0}
.honor-collect-summary.single{grid-template-columns:1fr}

@media (max-width:1280px){
  body{overflow:auto}
  #game{width:100%;height:auto;min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto;overflow:visible}
  h1{grid-column:auto;font-size:28px}
  .col-map,.col-center,.col-right{min-height:0;height:auto;overflow:visible}
  #mapContent{max-height:520px;overflow-y:auto}
  .col-center>.panel:last-child{flex:0 0 auto}
  #log{height:240px;flex:0 0 auto}
  .tab-content{max-height:460px;flex:0 0 auto}
  .col-right>#weaponDetailPanel,.col-right>#armorDetailPanel{max-height:none}
  .upgrade-hero{grid-template-columns:1fr}.upgrade-level{min-height:92px}.upgrade-stats,.upgrade-cost{grid-template-columns:1fr}.upgrade-track{grid-template-columns:repeat(3,1fr)}.awaken-grid{grid-template-columns:1fr}
  .shop-item{align-items:flex-start}.shop-buy{align-self:stretch}.monster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.npc-tag{display:none}
}

/* Responsive layout overrides */
html{width:100%;min-width:0}
body{width:100%;min-width:0;overflow-x:hidden;font-size:clamp(16px,1.15vw,22px)}
#game{width:100%;height:100dvh;min-width:0;grid-template-areas:"title title title" "map center right";grid-template-columns:minmax(280px,.95fr) minmax(320px,1fr) minmax(360px,1.25fr);gap:clamp(4px,.55vw,8px);padding:clamp(4px,.65vw,8px);overflow:hidden}
h1{grid-area:title;font-size:clamp(22px,2vw,40px);line-height:1.2;letter-spacing:0}
h1 span{display:inline-block;font-size:clamp(12px,1vw,18px)!important;line-height:1.25}
.col-map{grid-area:map}.col-center{grid-area:center}.col-right{grid-area:right}
.panel{padding:clamp(7px,.75vw,10px);margin:clamp(2px,.35vw,4px) 0;border-radius:clamp(10px,.85vw,14px)}
.title{font-size:clamp(18px,1.35vw,25px);line-height:1.25}
.btn{font-size:clamp(16px,1.15vw,22px);padding:clamp(4px,.5vw,6px) clamp(8px,.7vw,11px)}
.tab{font-size:clamp(16px,1.05vw,20px)}
.player-title{font-size:clamp(20px,1.45vw,27px)}
.player-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.meta-card{min-height:clamp(68px,7.2vh,82px);padding:clamp(7px,.65vw,11px)}
.equip-summary{font-size:clamp(16px,1.1vw,21px)}
.combat-stats span,.auto-potion-row,.stat-row{font-size:clamp(15px,1vw,18px)}
.map-list{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(64px,8.5vh,92px)}
.map-item .mi-name{font-size:clamp(14px,.95vw,18px)}
.map-item .mi-desc,.map-item .mi-explore{font-size:clamp(11px,.78vw,14px)}
#mapContent,.tab-content,#log,.modal-body{scrollbar-width:thin}
.coll-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}
#collGrid{width:100%;max-width:100%;min-width:0;grid-template-columns:1fr;grid-template-rows:repeat(12,minmax(50px,1fr))}
#itemSlots{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;gap:7px!important}
.coll-item{min-height:clamp(78px,9vh,94px)}
.coll-item .ci-name,.item-name{font-size:clamp(14px,.9vw,17px)}
.modal-bg{padding:clamp(8px,2vw,20px)}
.modal{width:min(96vw,800px);max-width:96vw;max-height:92dvh;border-radius:clamp(10px,1vw,16px)}
#rewardModal .modal{width:min(96vw,1100px)!important;max-width:min(1100px,96vw)!important}
.season-modal{width:min(96vw,1120px)!important;max-width:min(1120px,96vw)!important}
.modal-header h3{font-size:clamp(19px,1.5vw,27px)}
.modal-btn{font-size:clamp(16px,1.15vw,22px)}
.monster-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-item{min-width:0}

@media (max-width:1280px) and (min-width:901px){
  body{overflow:auto}
  #game{height:auto;min-height:100dvh;grid-template-areas:"title title" "status status" "map center" "right right";grid-template-columns:minmax(280px,.9fr) minmax(340px,1fr);grid-template-rows:auto auto auto auto;overflow:visible}
  h1{grid-column:auto}
  .game-status{position:static;grid-area:status;justify-content:space-between;padding:0 2px}
  .col-map,.col-center,.col-right{height:auto;overflow:visible}
  #mapContent{max-height:none}
  .col-center>.panel:last-child{flex:0 0 auto}
  #log{height:260px;flex:0 0 auto}
  .tab-content{max-height:none}
  .col-right{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
  .col-right>#weaponDetailPanel,.col-right>#armorDetailPanel{max-height:none}
}

@media (max-width:900px){
  body{overflow:auto}
  #game{height:auto;min-height:100dvh;grid-template-areas:"title" "status" "map" "center" "right";grid-template-columns:minmax(0,1fr);grid-template-rows:auto;overflow:visible;padding:8px}
  h1{grid-column:auto}
  .game-status{position:static;grid-area:status;justify-content:space-between;padding:0 2px}
  .col-map,.col-center,.col-right{height:auto;overflow:visible}
  .player-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  #mapContent{max-height:none}
  .col-center>.panel:last-child{flex:0 0 auto}
  #log{height:240px;flex:0 0 auto}
  .tab-content{max-height:none;flex:0 0 auto}
  .tabs{overflow-x:auto;padding-bottom:2px}
  .tab{flex:0 0 max(88px,25%)}
  .series-tabs{overflow-x:auto}.series-tab{flex-basis:126px}
  .col-right>#weaponDetailPanel,.col-right>#armorDetailPanel{max-height:none}
  .monster-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:560px){
  #game{padding:6px;gap:6px}
  h1{font-size:22px}
  .game-status{gap:6px}
  .theme-switcher{gap:3px;padding:3px}
  .theme-btn{width:18px;height:18px;flex-basis:18px}
  .player-meta{grid-template-columns:1fr}
  .meta-line{align-items:flex-start;flex-direction:column;gap:3px}
  .equip-card{grid-template-columns:1fr}
  .equip-summary{gap:5px 8px}
  .equip-slot{max-width:100%}
  .equip-name{max-width:170px}
  .equip-total{width:100%;margin-left:0;padding-left:0;padding-top:5px;border-left:0;border-top:1px solid rgba(88,166,255,.24)}
  .equip-core-btn{width:100%}
  .auto-potion-row{gap:3px;font-size:13px!important}
  .auto-potion-toggle{min-width:auto;font-size:12px!important;padding:2px 6px!important}
  .battle-bars{grid-template-columns:1fr}
  .battle-info-grid{grid-template-columns:1fr}
  .monster-head{grid-template-columns:42px minmax(0,1fr) 54px;grid-template-areas:"avatar main rank" "time time time"}
  .monster-avatar{grid-area:avatar;width:42px;height:42px}
  .monster-main{grid-area:main}
  .monster-rank-entry{grid-area:rank;width:54px;height:42px}
  .battle-time{grid-area:time}
  .map-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:5px;padding-bottom:0;scroll-snap-type:none}
  .map-item{min-height:78px}
  .map-item .mi-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
  .map-item .mi-desc{display:none}
  .coll-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important}#itemSlots{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))!important}
  #collGrid{grid-template-columns:1fr!important}
  #collGrid .coll-item{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"slot name" "slot stats";gap:4px 6px;padding:6px 8px;min-height:50px}
  #collGrid .ci-slot{width:64px}
  #collGrid .ci-name{gap:6px;font-size:16px}
  #collGrid .ci-stats{display:flex;align-items:center;justify-content:flex-start;justify-self:stretch;justify-items:start;flex-wrap:wrap;min-width:0;gap:4px 8px;white-space:normal}
  #collGrid .ci-tag{max-width:100%;font-size:12px;padding:4px 9px}
  #collGrid .ci-stats label:nth-of-type(n+2),#collGrid .ci-stats b:nth-of-type(n+2){display:none}
  #collGrid .ci-actions{flex:0 1 auto;margin-left:0}
  .weapon-codex{grid-template-columns:1fr}.codex-rank{height:auto;min-height:48px}.codex-bonus{align-items:stretch;flex-direction:row;flex-wrap:wrap}
  .weapon-favorite-panel{grid-template-columns:1fr}
  .shop-item{flex-direction:column;align-items:stretch}
  .shop-buy{width:100%}
  .socket-wallet,.socket-switch,.socket-summary,.socket-layout{grid-template-columns:1fr}
  .socket-switch-head{align-items:flex-start;flex-direction:column;gap:3px}.socket-switch-head em{text-align:left}.socket-switch-tools,.socket-weapon-picker{grid-template-columns:1fr}
  .gem-forge-intro{align-items:flex-start;flex-direction:column;gap:6px}.gem-forge-intro p{max-width:none;text-align:left}.gem-forge-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"output points" "stock actions"}.gem-forge-output{grid-area:output}.gem-forge-stock{grid-area:stock}.gem-forge-points{grid-area:points}.gem-forge-actions{grid-area:actions}
  .recharge-summary,.recharge-layout,.recharge-steps{grid-template-columns:1fr}
  .recharge-pack{grid-template-columns:1fr}
  .recharge-pack b,.recharge-pack strong{text-align:left}
  .upgrade-track{grid-template-columns:repeat(3,1fr)}.awaken-grid{grid-template-columns:1fr}
  .bp-head{align-items:stretch}.bp-claim-all{width:100%}
  .season-head,.season-layout,.season-reward-row{grid-template-columns:1fr}
  .season-stats{grid-template-columns:1fr}
  .season-actions{grid-template-columns:1fr}
  .season-task{grid-template-columns:1fr}.season-task-action .btn{width:100%}
  .modal-bg{align-items:stretch}
  .modal{width:100%;max-width:100%;max-height:calc(100dvh - 12px)}
}

@media (max-height:760px) and (min-width:1281px){
  body{font-size:clamp(15px,1vw,20px)}
  #game{gap:4px;padding:4px}
  h1{font-size:clamp(20px,1.6vw,30px)}
  .panel{padding:7px;margin:2px 0}
  .title{font-size:clamp(17px,1.1vw,22px);margin-bottom:5px;padding-bottom:4px}
  .player-panel{padding:8px}
  .player-meta{gap:5px;margin-bottom:6px}
  .meta-card{min-height:66px;padding:7px}
  .reward-line b{font-size:23px}
  .currency-line b{font-size:22px}
  .map-list{grid-auto-rows:clamp(58px,8vh,76px)}
  .zone-hero{padding:8px;margin-bottom:5px}
  .zone-icon{font-size:36px}.zone-title{font-size:21px}.zone-desc{font-size:15px}
  #log{font-size:16px}
  .battle-shell{gap:4px}
  .monster-head{padding:5px}
  .col-right{font-size:.78em}
  .tab-content{padding:6px}
}

@media (max-height:850px) and (min-width:1000px){
  #game{gap:4px;padding:4px}
  h1{font-size:clamp(20px,1.8vw,32px);line-height:1.05}
  .panel{padding:8px;margin:3px 0}
  .title{font-size:21px;margin-bottom:5px;padding-bottom:4px}
  .player-panel{padding:9px 10px}
  .player-title{font-size:23px;margin-bottom:6px}
  .player-vitals{gap:3px;margin-bottom:6px}
  .player-vitals .bar-bg{height:19px}
  .player-vitals .bar-text{line-height:19px}
  .player-meta{gap:6px;margin-bottom:6px}
  .meta-card{min-height:70px;padding:7px 9px}
  .reward-line b{font-size:24px}
  .currency-line b{font-size:23px}
  .equip-card{padding:6px 8px;margin-bottom:6px}
  .equip-summary{font-size:18px;line-height:1.25}
  .combat-stats{gap:4px;margin-bottom:5px}
  .combat-stats span{font-size:15px;padding:3px 8px}
  .auto-potion-row{font-size:16px;gap:4px}
  .battle-panel{padding:8px 10px}
  .battle-shell{gap:5px}
  .monster-head{grid-template-columns:42px minmax(0,1fr) 50px 64px;padding:5px}
  .monster-avatar{width:42px;height:42px;font-size:25px}
  .monster-rank-entry{width:50px;height:42px;font-size:13px}
  .monster-name{font-size:21px}
  .battle-bars{gap:4px 6px}
  .battle-bar-row .bar-bg{height:19px}
  .battle-info-grid>div{padding:5px 8px}
  .def-display{min-height:24px;padding:4px 7px;font-size:14px}
  .log-panel{flex-basis:0!important;min-height:126px!important}
  #log{font-size:18px;line-height:1.35}
}

@media (min-width:901px){
  .player-panel{
    display:grid;
    grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);
    grid-template-areas:
      "name vitals"
      "meta meta"
      "equip equip"
      "potions potions";
    gap:5px 8px;
    padding:7px 9px!important;
  }
  .player-title{
    grid-area:name;
    align-self:center;
    margin:0!important;
    padding:0 0 5px!important;
    font-size:clamp(20px,1.25vw,24px)!important;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .player-vitals{
    grid-area:vitals;
    align-self:center;
    display:grid;
    gap:3px!important;
    margin:0!important;
  }
  .player-vitals .stat-row{gap:6px!important;font-size:15px!important}
  .player-vitals .stat-row label{min-width:38px;font-size:15px}
  .player-vitals .bar-bg{height:17px!important}
  .player-vitals .bar-text{font-size:12px!important;line-height:17px!important}
  .player-meta{
    grid-area:meta;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
  }
  .meta-card{
    min-height:80px!important;
    padding:8px 10px!important;
    border-radius:8px;
  }
  .meta-head{min-height:22px}
  .meta-card .meta-label{font-size:13px}
  .meta-card b{font-size:20px}
  .meta-card small{font-size:12px}
  .meta-line{margin-top:6px;gap:3px;align-items:flex-start;flex-direction:column;min-width:0}
  .meta-line b,.meta-line small{max-width:100%}
  .reward-line b{font-size:24px}
  .season-line b{font-size:22px}
  .currency-line b{font-size:22px;flex:1 1 auto}
  .currency-line small{display:block!important;flex:0 1 auto;min-width:0}
  .battle-meta-line b{font-size:20px;max-width:100%}
  .season-line small,.battle-meta-line small,.currency-line small{overflow:hidden;text-overflow:ellipsis}
  .reward-hint{font-size:12px;padding:3px 7px}
  .reward-hint b,.season-hint b{display:inline;color:inherit;font-size:inherit;line-height:inherit;margin:0;max-width:none}
  .equip-card{
    grid-area:equip;
    min-width:0;
    margin:0!important;
    padding:5px 8px!important;
    border-radius:8px;
  }
  .equip-summary{
    font-size:15px!important;
    line-height:1.18!important;
    column-gap:4px;
    row-gap:1px;
  }
  .equip-slot{gap:4px;max-width:185px}
  .equip-name{max-width:112px}
  .equip-total{gap:6px;padding-left:7px}
  .combat-stats{
    display:none!important;
  }
  .auto-potion-row{
    grid-area:potions;
    min-width:0;
    margin:0;
    padding:5px 8px!important;
    border:1px solid rgba(88,166,255,.22);
    border-radius:8px;
    background:linear-gradient(180deg,rgba(88,166,255,.08),rgba(13,17,23,.72));
    gap:4px!important;
    flex-wrap:nowrap;
    font-size:15px!important;
  }
  .auto-potion-toggle{font-size:12px!important;padding:2px 7px!important}
}

.wt-bond{border-color:rgba(63,185,80,.35);background:linear-gradient(180deg,rgba(63,185,80,.08),rgba(13,17,23,.72))}
.wt-bond b{color:#3fb950}
.series-bond-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr);gap:10px;align-items:center;border-top:1px solid rgba(88,166,255,.16);padding-top:7px;margin-top:1px}
.series-bond-panel strong{display:block;color:#3fb950;font-size:14px;line-height:1.15}
.series-bond-panel em{display:block;color:#8b949e;font-size:12px;font-style:normal;margin-top:2px}
.series-bond-copy{min-width:0}
.series-bond-copy strong,.series-bond-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.series-bond-bar{height:10px;border:1px solid #30363d;border-radius:999px;background:#0d1117;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.series-bond-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#238636,#3fb950,#f5c518)}

@media (max-width:560px){
  .series-bond-panel{grid-template-columns:1fr}
  .awaken-head{flex-direction:column;gap:7px}
  .awaken-head-meta{width:100%;justify-content:space-between}
  .awaken-head b{white-space:normal}
}

.mi-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;max-height:none;overflow:visible}
.mi-tags span{border:1px solid rgba(88,166,255,.24);border-radius:999px;background:#0d1117;color:#8b949e;font-size:11px;line-height:1;padding:3px 6px;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-tags{display:flex;flex-wrap:wrap;gap:5px}
.mt-tags span{border:1px solid rgba(245,197,24,.28);border-radius:999px;background:#0d1117;color:#c9d1d9;font-size:12px;line-height:1;padding:4px 8px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-affixes{display:grid;grid-template-columns:1fr;gap:5px}
.mt-affixes span{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(240,136,62,.25);border-radius:7px;background:#17121d;color:#c9d1d9;font-size:12px;line-height:1.25;padding:5px 7px}
.mt-affixes b{color:#f0883e}.mt-affixes em{font-style:normal;color:#8b949e;text-align:right}

/* Professional mall refresh */
#shopModal .modal{width:min(1080px,96vw);max-width:min(1080px,96vw);max-height:92dvh;border-radius:12px;border-color:rgba(88,166,255,.32);background:linear-gradient(180deg,#151b24,#0d1117);box-shadow:0 28px 80px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.04)}
#shopModal .modal-close{border-radius:8px}
#shopModal .modal-body{padding:0;background:linear-gradient(180deg,#0d1117,#0a0e14)}
.shop-shell{--shop-accent:#58a6ff;--shop-accent-soft:rgba(88,166,255,.14);--shop-accent-border:rgba(88,166,255,.34);--shop-buy-top:#2ea043;--shop-buy-bottom:#238636;position:relative;display:grid;gap:12px;padding:14px;min-width:0}
#shopModal .shop-shell-close{position:absolute;z-index:6;top:27px;right:27px}
#shopModal .shop-shell>.shop-hero{padding-right:58px}
.shop-theme-items{--shop-accent:#3fb950;--shop-accent-soft:rgba(63,185,80,.13);--shop-accent-border:rgba(63,185,80,.36);--shop-buy-top:#2ea043;--shop-buy-bottom:#238636}
.shop-theme-weapons{--shop-accent:#f0883e;--shop-accent-soft:rgba(240,136,62,.13);--shop-accent-border:rgba(240,136,62,.36);--shop-buy-top:#f0883e;--shop-buy-bottom:#bc6c25}
.shop-theme-armors{--shop-accent:#58a6ff;--shop-accent-soft:rgba(88,166,255,.13);--shop-accent-border:rgba(88,166,255,.36);--shop-buy-top:#388bfd;--shop-buy-bottom:#1f6feb}
.shop-theme-diamond{--shop-accent:#f5c518;--shop-accent-soft:rgba(245,197,24,.13);--shop-accent-border:rgba(245,197,24,.38);--shop-buy-top:#388bfd;--shop-buy-bottom:#1f6feb}
.shop-theme-core{--shop-accent:#d2a8ff;--shop-accent-soft:rgba(210,168,255,.14);--shop-accent-border:rgba(210,168,255,.38);--shop-buy-top:#a475f9;--shop-buy-bottom:#8250df}
.shop-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);gap:12px;align-items:stretch;border:1px solid var(--shop-accent-border);border-radius:8px;background:linear-gradient(135deg,var(--shop-accent-soft),rgba(13,17,23,.96) 44%,rgba(22,27,34,.94));padding:13px;overflow:hidden}
.shop-hero-main{min-width:0;display:grid;gap:5px}
.shop-kicker{color:var(--shop-accent);font-size:13px;font-weight:bold;line-height:1.15}
.shop-hero-title{display:flex;align-items:center;gap:10px;min-width:0}
.shop-hero-title span{width:44px;height:44px;border:1px solid var(--shop-accent-border);border-radius:8px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;flex:0 0 auto}
.shop-hero-title strong{min-width:0;color:#f0f6fc;font-size:clamp(24px,2vw,34px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-hero-subtitle{color:#a9b4c0;font-size:15px;line-height:1.35;max-width:720px}
.shop-balance{align-self:stretch;min-width:150px;border-left:1px solid var(--shop-accent-border);padding:8px 0 8px 14px;display:flex;flex-direction:column;justify-content:center;text-align:right}
.shop-balance span{color:#8b949e;font-size:13px;line-height:1.2}
.shop-balance b{color:#f5c518;font-size:clamp(22px,1.6vw,30px);line-height:1.1;margin-top:4px;white-space:nowrap}
.shop-balance.diamond-balance b{color:#79c0ff}
.shop-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(88,166,255,.16);padding:0 2px 8px}
.shop-section-head strong{color:#f5c518;font-size:19px;line-height:1.2}
.shop-section-head span{color:#8b949e;font-size:13px;line-height:1.3;text-align:right}
.shop-equipment-section{display:grid;gap:12px;min-width:0}
.shop-equipment-armors{--shop-accent:#58a6ff;--shop-accent-soft:rgba(88,166,255,.13);--shop-accent-border:rgba(88,166,255,.36);--shop-buy-top:#388bfd;--shop-buy-bottom:#1f6feb}
.shop-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}
#shopModal .shop-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(112px,auto);gap:10px;align-items:center;min-width:0;min-height:112px;border:1px solid rgba(88,166,255,.16);border-radius:10px;background:radial-gradient(circle at 10% -20%,var(--shop-accent-soft),transparent 38%),linear-gradient(180deg,rgba(26,32,41,.98),rgba(11,16,23,.98));padding:12px 12px 12px 14px;box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;cursor:help;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
#shopModal .shop-item:before{display:none}
#shopModal .shop-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--shop-accent),rgba(255,255,255,.08))}
#shopModal .shop-item:hover,#shopModal .shop-item:focus-within{border-color:var(--shop-accent-border);transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.035),0 0 18px var(--shop-accent-soft)}
#shopModal .shop-item:focus{outline:none}
#shopModal .shop-item:focus-visible{box-shadow:0 16px 34px rgba(0,0,0,.32),0 0 0 2px var(--shop-accent-border)}
#shopModal .shop-item.owned{border-color:rgba(63,185,80,.48);background:linear-gradient(180deg,rgba(23,38,28,.96),rgba(10,18,13,.96))}
#shopModal .shop-item.lack{opacity:.76}
#shopModal .shop-item .si-icon{position:relative;width:54px;height:54px;border-radius:10px;border:1px solid var(--shop-accent-border);background:linear-gradient(180deg,rgba(255,255,255,.035),#0d1117);display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#shopModal .shop-item .si-icon.weapon{color:#f0883e}
#shopModal .shop-item .si-icon.armor{color:#58a6ff}
#shopModal .shop-item .si-icon.diamond{color:#79c0ff;border-color:rgba(245,197,24,.45);background:linear-gradient(180deg,rgba(245,197,24,.1),#0d1117)}
#shopModal .shop-item .si-info{position:relative;min-width:0;display:grid;gap:6px}
#shopModal .shop-item .si-name{font-size:20px;font-weight:bold;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopModal .shop-item .si-desc{font-size:14px;color:#a9b4c0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
#shopModal .shop-item.shop-compact-product{min-height:78px;padding:10px 12px 10px 14px}
#shopModal .shop-item.shop-compact-product .si-info{gap:0}
#shopModal .shop-item.shop-compact-product .si-name{font-size:19px}
#shopModal .si-brief{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
#shopModal .si-brief span{border:1px solid rgba(88,166,255,.22);border-radius:999px;background:rgba(13,17,23,.78);color:#8b949e;font-size:12px;line-height:1;padding:4px 7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-float-source{display:none!important}
.shop-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}
.shop-specs div{min-width:0;border:1px solid rgba(88,166,255,.18);border-radius:8px;background:rgba(13,17,23,.74);padding:7px 8px}
.shop-specs span{display:block;color:#7d8590;font-size:11px;line-height:1.1;white-space:nowrap}
.shop-specs b{display:block;color:#dbe7f3;font-size:14px;line-height:1.25;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopModal .si-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0}
#shopModal .si-tags span{border:1px solid rgba(88,166,255,.22);border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;line-height:1;padding:4px 7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopModal .shop-item.owned .si-tags span{border-color:rgba(63,185,80,.28)}
.alchemy-shop-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.alchemy-shop-tabs button{position:relative;min-width:0;border:1px solid var(--shop-accent-border);border-radius:7px;background:#0d1117;color:#8b949e;padding:9px 11px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.alchemy-shop-tabs button>span{grid-row:1/3;align-self:center;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(63,185,80,.28);border-radius:4px;color:#7ee787;font-size:14px;font-weight:900}
.alchemy-shop-tabs button>b{color:#c9d1d9;font-size:16px;line-height:1.15}.alchemy-shop-tabs button>em{font-style:normal;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alchemy-shop-tabs button:hover{border-color:#3fb950;background:#141d17}
.alchemy-shop-tabs button.active{border-color:#63d471;background:linear-gradient(180deg,#214b2d,#122b1a);padding-right:68px;box-shadow:inset 4px 0 #63d471,inset 0 0 0 1px rgba(126,231,135,.2),0 0 0 1px rgba(17,52,26,.65)}
.alchemy-shop-tabs button.active>span{border-color:#7ee787;background:#0b2111;color:#a5f3ad;box-shadow:0 0 8px rgba(99,212,113,.2)}
.alchemy-shop-tabs button.active>b{color:#f2fff4}.alchemy-shop-tabs button.active>em{color:#c4dfc8}
.alchemy-shop-tabs button.active::after{content:"当前";position:absolute;right:10px;top:9px;border:1px solid rgba(165,243,173,.7);border-radius:3px;background:#0b2111;color:#b7f7bd;font-size:11px;font-weight:700;line-height:1;padding:4px 6px}
#shopModal .alchemy-recipe{min-height:136px}.alchemy-materials{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.alchemy-material{display:inline-grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;align-items:center;min-width:0;border:1px solid rgba(63,185,80,.28);border-radius:4px;background:#0d1117;padding:4px 6px;color:#a9b4c0;font-size:11px;line-height:1.1}.alchemy-material i{font-style:normal}.alchemy-material b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alchemy-material em{color:#7ee787;font-style:normal;white-space:nowrap}.alchemy-material.lack{border-color:rgba(248,81,73,.38)}.alchemy-material.lack em{color:#ff7b72}
#shopModal .alchemy-craft-controls{min-width:132px}
#shopModal .shop-buy{position:relative;justify-self:end;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:112px;max-width:160px;min-height:42px;border:1px solid var(--shop-buy-bottom);border-radius:8px;background:linear-gradient(180deg,var(--shop-buy-top),var(--shop-buy-bottom));color:#fff;font-size:15px;font-weight:bold;line-height:1.15;padding:8px 11px;white-space:normal;overflow:visible;text-overflow:clip;cursor:pointer;transition:filter .15s,transform .15s,border-color .15s}
#shopModal .shop-buy-stack{justify-self:end;align-self:center;display:grid;grid-template-columns:1fr;gap:5px;min-width:118px;max-width:172px}
#shopModal .diamond-buy-stack{grid-template-columns:repeat(2,minmax(0,1fr));min-width:230px;max-width:248px}
#shopModal .shop-buy-stack .shop-buy{justify-self:stretch;max-width:none;width:100%;min-width:0;min-height:34px;padding:6px 8px;font-size:13px}
#shopModal .shop-unit-price{color:#8b949e;font-size:12px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopModal .shop-buy-main,#shopModal .shop-buy-sub{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopModal .shop-buy-sub{color:#f85149;font-size:12px;line-height:1}
#shopModal .shop-buy:not(:disabled) .shop-buy-sub{color:#dbe7f3;opacity:.92}
#shopModal .shop-buy:hover{filter:brightness(1.08);border-color:var(--shop-accent)}
#shopModal .shop-buy:active{transform:scale(.97)}
#shopModal .shop-buy:disabled{cursor:not-allowed;background:linear-gradient(180deg,#30363d,#1b212a);border-color:#30363d;color:#8b949e;opacity:.78}
#shopModal .shop-buy:disabled .shop-buy-main{color:#dbe7f3}
#shopModal .diamond-buy{border-color:#1f6feb;background:linear-gradient(180deg,#388bfd,#1f6feb)}
#shopTooltip{display:none}
.shop-floating-detail{--shop-accent:#58a6ff;--shop-accent-soft:rgba(88,166,255,.14);--shop-accent-border:rgba(88,166,255,.34);position:fixed;z-index:650;left:0;top:0;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;border:1px solid var(--shop-accent-border);border-radius:12px;background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(8,12,18,.98));box-shadow:0 20px 52px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04),0 0 28px var(--shop-accent-soft);padding:12px;color:#c9d1d9;font-size:14px;line-height:1.35;pointer-events:none;backdrop-filter:blur(8px)}
.shop-tip-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center}
.shop-tip-icon{width:46px;height:46px;border:1px solid var(--shop-accent-border);border-radius:10px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1}
.shop-tip-icon.weapon{color:#f0883e}.shop-tip-icon.armor{color:#58a6ff}.shop-tip-icon.diamond{color:#79c0ff}.shop-tip-icon.core{color:#d2a8ff}
.shop-tip-title{min-width:0}
.shop-tip-title strong{display:block;color:#f0f6fc;font-size:19px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-tip-title span{display:block;color:#8b949e;font-size:12px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-tip-status{font-style:normal;border:1px solid var(--shop-accent-border);border-radius:999px;background:rgba(13,17,23,.78);color:var(--shop-accent);font-size:12px;font-weight:bold;line-height:1;padding:5px 8px;white-space:nowrap}
.shop-tip-status.owned{border-color:rgba(63,185,80,.42);color:#3fb950}
.shop-tip-status.lack{border-color:rgba(248,81,73,.38);color:#f85149}
.shop-tip-desc{margin-top:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(13,17,23,.58);padding:8px 9px;color:#a9b4c0}
.shop-floating-detail .si-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.shop-floating-detail .si-tags span{border:1px solid var(--shop-accent-border);border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;line-height:1;padding:4px 7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopModal .shop-empty{border:1px dashed #30363d;border-radius:8px;background:#0d1117;padding:28px 14px;font-size:18px}
.npc-btn.shop-npc{border-color:rgba(88,166,255,.34);background:linear-gradient(180deg,rgba(24,31,39,.96),rgba(12,17,24,.96))}
.npc-btn.shop-npc:before{display:none}
.npc-btn.shop-npc:hover{border-color:#79c0ff;background:linear-gradient(180deg,rgba(28,38,49,.98),rgba(13,17,23,.98))}
.npc-btn.shop-npc .npc-icon{border-radius:8px;border-color:rgba(88,166,255,.35);background:linear-gradient(180deg,rgba(88,166,255,.1),#0d1117)}
.npc-btn.shop-npc:not(.diamond-npc) .npc-name{color:#79c0ff}
.npc-btn.shop-npc:not(.diamond-npc) .npc-name span{color:#f5c518}
.npc-shop-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.npc-shop-meta span{border:1px solid rgba(88,166,255,.26);border-radius:999px;background:#0d1117;color:#8b949e;font-size:12px;line-height:1;padding:4px 7px;white-space:nowrap}
.npc-grid .npc-tag,.npc-grid .npc-shop-meta,.npc-grid .npc-season-meta,.npc-grid .npc-recharge-meta{display:none}
.town-npc-grid{gap:8px;align-items:stretch}
.town-npc-grid .npc-btn{min-height:96px;height:100%;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:10px 9px;border-radius:10px;background:linear-gradient(180deg,rgba(29,37,47,.98),rgba(12,17,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.2)}
.town-npc-grid .npc-btn:before{display:none}
.town-npc-grid .npc-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(88,166,255,.11),transparent 42%,rgba(245,197,24,.06));pointer-events:none}
.town-npc-grid .npc-btn:hover{border-color:#79c0ff;background:linear-gradient(180deg,rgba(32,43,55,.98),rgba(13,17,23,.98))}
.town-npc-grid .npc-icon{width:40px;height:40px;border-radius:9px;font-size:23px;z-index:1}
.town-npc-grid .npc-info{z-index:1;display:flex;min-height:0;min-width:0;flex-direction:column;justify-content:center}
.town-npc-grid .npc-name{font-size:16px;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.town-npc-grid .npc-name span{display:inline;color:#f5c518}
.town-npc-grid .npc-desc{font-size:12px;line-height:1.25;margin-top:4px;color:#a9b4c0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.town-npc-grid .npc-shop-meta,.town-npc-grid .npc-season-meta,.town-npc-grid .npc-recharge-meta{margin-top:auto;padding-top:7px;gap:4px}
.town-npc-grid .npc-shop-meta span,.town-npc-grid .npc-season-meta span,.town-npc-grid .npc-recharge-meta span{font-size:11px;padding:4px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.town-npc-grid .diamond-npc{background:linear-gradient(180deg,rgba(38,33,16,.98),rgba(12,17,24,.98))}
.town-npc-grid .diamond-npc:after{background:linear-gradient(135deg,rgba(245,197,24,.14),transparent 42%,rgba(88,166,255,.08))}

@media (max-width:760px){
  .shop-shell{padding:10px;gap:10px}
  .shop-hero{grid-template-columns:1fr;gap:10px;padding:11px}
  .shop-balance{border-left:0;border-top:1px solid var(--shop-accent-border);padding:9px 0 0;text-align:left}
  .shop-section-head{align-items:flex-start;flex-direction:column}
  .shop-section-head span{text-align:left}
  .shop-product-grid{grid-template-columns:1fr}
  #shopModal .shop-item{grid-template-columns:48px minmax(0,1fr);min-height:0}
  #shopModal .shop-item .si-icon{width:48px;height:48px;font-size:27px}
  #shopModal .shop-buy{grid-column:1/-1;justify-self:stretch;max-width:none;width:100%}
  #shopModal .shop-buy-stack{grid-column:1/-1;justify-self:stretch;max-width:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  #shopModal .shop-buy-stack .shop-unit-price{grid-column:1/-1}
  #shopModal .alchemy-recipe{grid-template-columns:48px minmax(0,1fr)}
  #shopModal .alchemy-craft-controls{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:420px){
  .leaderboard-row{grid-template-columns:40px minmax(0,1fr);align-items:start}
  .lb-time{grid-column:2;text-align:left}.lb-time b{font-size:16px}
  .shop-hero-title strong{white-space:normal}
  #shopModal .shop-item{grid-template-columns:1fr}
  #shopModal .shop-item .si-icon{width:52px;height:52px}
  #shopModal .shop-buy-stack{grid-template-columns:1fr}
  .alchemy-shop-tabs{grid-template-columns:1fr}
  #shopModal .alchemy-recipe{grid-template-columns:1fr}
  #shopModal .alchemy-craft-controls{grid-template-columns:1fr}
  .shop-floating-detail{width:calc(100vw - 20px);padding:10px}
  .shop-tip-head{grid-template-columns:42px minmax(0,1fr)}
  .shop-tip-icon{width:42px;height:42px;font-size:24px}
  .shop-tip-status{grid-column:1/-1;justify-self:start}
  .shop-specs{grid-template-columns:1fr}
}

/* Keep hover feedback visual-only so cards and panels do not jump under the cursor. */
.map-item,
.monster-item,
.npc-btn{
  transform:none!important;
  transition:none!important;
}
.map-item:hover,
.monster-item:hover,
.npc-btn:hover,
.coll-item:hover,
.item-card:hover,
.bp-node.unlocked .bp-card:hover,
#shopModal .shop-item:hover,
#shopModal .shop-item:focus-within{
  transform:none!important;
}

/* Theme harmony pass for the right collection column. Kept at the end to beat older fixed green/yellow state rules. */
body[data-theme] .col-right .weapon-codex,
body[data-theme] .col-right .weapon-view-tabs,
body[data-theme] .col-right .weapon-favorite-panel>div,
body[data-theme] .col-right #collGrid .coll-item,
body[data-theme] .col-right #armorGrid .coll-item,
body[data-theme] .col-right #itemSlots .item-card,
body[data-theme] .col-right .honor-card,
body[data-theme] .col-right .leaderboard-row{
  border-color:rgba(var(--theme-accent-rgb),.36)!important;
  background:radial-gradient(circle at 12% -22%,rgba(var(--theme-accent-rgb),.18),transparent 38%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.14),rgba(10,15,22,.95))!important;
  box-shadow:inset 0 1px 0 rgba(var(--theme-accent-rgb),.08),0 5px 12px rgba(0,0,0,.16)!important;
}
body[data-theme] .col-right #collGrid .coll-item.owned,
body[data-theme] .col-right #armorGrid .coll-item.owned,
body[data-theme] .col-right .honor-card.owned{
  border-color:rgba(var(--theme-accent-rgb),.5)!important;
  background:radial-gradient(circle at 12% -20%,rgba(var(--theme-accent-rgb),.24),transparent 40%),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.18),rgba(10,15,22,.96))!important;
}
body[data-theme] .col-right #collGrid .coll-item.equipped,
body[data-theme] .col-right #armorGrid .coll-item.equipped,
body[data-theme] .col-right .weapon-view-tabs button.active,
body[data-theme] .col-right .series-tab.active,
body[data-theme] .col-right .honor-card.active{
  border-color:rgba(var(--theme-title-rgb),.62)!important;
  background:radial-gradient(circle at 12% -20%,rgba(var(--theme-title-rgb),.22),transparent 40%),linear-gradient(180deg,rgba(var(--theme-title-rgb),.14),rgba(var(--theme-accent-rgb),.1),rgba(10,15,22,.96))!important;
}
body[data-theme] .col-right #collGrid .coll-item.locked,
body[data-theme] .col-right #armorGrid .coll-item.locked,
body[data-theme] .col-right .honor-card.locked{
  border-color:rgba(var(--theme-accent-rgb),.18)!important;
  background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.07),rgba(13,17,23,.9))!important;
}
body[data-theme] .col-right .ci-glow,
body[data-theme] .col-right .coll-item.owned .ci-glow,
body[data-theme] .col-right .item-card:before{
  background:rgba(var(--theme-accent-rgb),.22)!important;
}
body[data-theme] .col-right .coll-item.equipped .ci-glow{
  background:rgba(var(--theme-title-rgb),.24)!important;
}
body[data-theme] .col-right .codex-bar div,
body[data-theme] .col-right .series-bond-bar div,
body[data-theme] .col-right .bp-progress-fill,
body[data-theme] .col-right .season-task-bar div{
  background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent-hover))!important;
}
body[data-theme] .col-right .codex-rank,
body[data-theme] .col-right .codex-bar,
body[data-theme] .col-right .codex-tags span,
body[data-theme] .col-right .codex-bonus span,
body[data-theme] .col-right .ci-tag,
body[data-theme] .col-right .ci-favorite,
body[data-theme] .col-right .weapon-view-tabs b,
body[data-theme] .col-right .equipped-tag,
body[data-theme] .col-right .honor-card-icon,
body[data-theme] .col-right .honor-card-action,
body[data-theme] .col-right .leaderboard-title>span,
body[data-theme] .col-right .leaderboard-select{
  border-color:rgba(var(--theme-accent-rgb),.34)!important;
  background:rgba(var(--theme-accent-rgb),.1)!important;
}
body[data-theme] .col-right .codex-rank b,
body[data-theme] .col-right .codex-head strong,
body[data-theme] .col-right .lb-time b,
body[data-theme] .col-right .honor-card.owned .honor-card-action{
  color:var(--theme-accent)!important;
}
body[data-theme] .col-right .codex-head em,
body[data-theme] .col-right .codex-bonus span,
body[data-theme] .col-right .ci-tag,
body[data-theme] .col-right .ci-favorite.active,
body[data-theme] .col-right .weapon-view-tabs button.active,
body[data-theme] .col-right .weapon-view-tabs b,
body[data-theme] .col-right .equipped-tag{
  color:var(--theme-title)!important;
}

.recharge-gift-panel{margin-top:12px;border:1px solid rgba(63,185,80,.28);border-radius:12px;background:linear-gradient(180deg,rgba(35,134,54,.1),rgba(13,17,23,.9));padding:11px}.recharge-gift-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.recharge-gift-head strong{display:block;color:#3fb950;font-size:20px;line-height:1.15}.recharge-gift-head span{display:block;color:#8b949e;font-size:13px;margin-top:3px}.recharge-gift-stats{text-align:right;flex-shrink:0}.recharge-gift-stats b{display:block;color:#f5c518;font-size:24px;line-height:1}.recharge-gift-meter{height:8px;border:1px solid #30363d;border-radius:999px;background:#0d1117;overflow:hidden;margin-bottom:7px}.recharge-gift-meter>div{height:100%;background:linear-gradient(90deg,#3fb950,#f5c518);transition:width .2s}.recharge-gift-summary{display:flex;justify-content:space-between;gap:8px;color:#8b949e;font-size:13px;margin-bottom:8px}.recharge-gift-list{display:grid;gap:7px}.recharge-gift-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #30363d;border-radius:10px;background:#0d1117;padding:9px;min-width:0}.recharge-gift-card.ready{border-color:rgba(63,185,80,.55);background:linear-gradient(180deg,rgba(35,134,54,.14),#0d1117)}.recharge-gift-card.claimed{border-color:rgba(88,166,255,.32);opacity:.72}.recharge-gift-threshold{border:1px solid rgba(245,197,24,.32);border-radius:9px;background:rgba(245,197,24,.08);padding:7px 4px;text-align:center}.recharge-gift-threshold b{display:block;color:#f5c518;font-size:20px;line-height:1}.recharge-gift-threshold span{display:block;color:#8b949e;font-size:12px;margin-top:2px}.recharge-gift-main{min-width:0}.recharge-gift-main strong{display:block;color:#c9d1d9;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-gift-card.ready .recharge-gift-main strong{color:#3fb950}.recharge-gift-main p{margin:3px 0 0;color:#8b949e;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-gift-main em{display:block;color:#f5c518;font-size:13px;font-style:normal;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-gift-action button{border:1px solid #30363d;border-radius:9px;background:#21262d;color:#8b949e;font-weight:bold;padding:8px 10px;white-space:nowrap}.recharge-gift-card.ready .recharge-gift-action button{border-color:#3fb950;background:#238636;color:#fff;cursor:pointer}.recharge-gift-card.ready .recharge-gift-action button:hover{filter:brightness(1.08)}
@media(max-width:720px){.recharge-gift-head{align-items:flex-start}.recharge-gift-card{grid-template-columns:1fr}.recharge-gift-threshold{text-align:left}.recharge-gift-action button{width:100%}}

.auction-modal{width:min(1040px,96vw)!important;max-width:min(1040px,96vw)!important}.auction-panel{display:grid;gap:10px}.auction-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.auction-summary>div{border:1px solid rgba(245,197,24,.3);border-radius:10px;background:linear-gradient(180deg,rgba(245,197,24,.09),#0d1117);padding:10px;text-align:center;min-width:0}.auction-summary b{display:block;color:#f5c518;font-size:22px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-summary span{display:block;color:#8b949e;font-size:13px;margin-top:4px;white-space:nowrap}.auction-tabs{display:flex;gap:4px;padding:3px;border:1px solid rgba(88,166,255,.18);border-radius:10px;background:rgba(13,17,23,.78);overflow-x:auto}.auction-tabs button{flex:1 0 96px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8b949e;font-size:14px;font-weight:bold;line-height:1;padding:8px 10px;cursor:pointer}.auction-tabs button:hover{border-color:rgba(245,197,24,.35);color:#c9d1d9;background:rgba(245,197,24,.07)}.auction-tabs button.active{border-color:rgba(245,197,24,.55);background:linear-gradient(180deg,rgba(245,197,24,.16),rgba(13,17,23,.95));color:#f5c518}.auction-list{display:grid;gap:7px}.auction-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(120px,auto) minmax(86px,auto);gap:9px;align-items:center;border:1px solid #30363d;border-radius:10px;background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(13,17,23,.98));padding:9px;min-width:0}.auction-row.sold{border-color:rgba(63,185,80,.4);background:linear-gradient(180deg,rgba(35,134,54,.12),#0d1117)}.auction-item-icon{width:48px;height:48px;border:1px solid rgba(245,197,24,.35);border-radius:9px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1}.auction-row-main{min-width:0}.auction-row-main b{display:block;color:#c9d1d9;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-row-main span{display:block;color:#8b949e;font-size:13px;line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-price{text-align:right;min-width:0}.auction-price b{display:block;color:#f5c518;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-price span{display:block;color:#8b949e;font-size:12px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-action,.auction-claim-all{border:1px solid #9e6a03;border-radius:8px;background:linear-gradient(180deg,#d29922,#9e6a03);color:#fff;font-size:14px;font-weight:bold;line-height:1;padding:8px 10px;cursor:pointer;white-space:nowrap}.auction-action:hover,.auction-claim-all:hover{filter:brightness(1.08)}.auction-action:disabled,.auction-claim-all:disabled{cursor:not-allowed;border-color:#30363d;background:linear-gradient(180deg,#30363d,#1b212a);color:#8b949e;filter:none}.auction-action.danger{border-color:#da3633;background:linear-gradient(180deg,#f85149,#a40e26)}.auction-sell-note{border:1px solid rgba(88,166,255,.22);border-radius:9px;background:rgba(88,166,255,.08);color:#a9b4c0;font-size:13px;line-height:1.35;padding:8px 10px}.auction-sell-controls{display:grid;grid-template-columns:72px 112px 112px;gap:6px;align-items:end}.auction-sell-controls label{display:grid;gap:3px;color:#8b949e;font-size:12px;font-weight:bold;line-height:1}.auction-sell-controls input{width:100%;box-sizing:border-box;border:1px solid #30363d;border-radius:8px;background:#0d1117;color:#c9d1d9;font-size:14px;line-height:1;padding:7px 8px}.auction-mine-tools{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.auction-empty{border:1px dashed #30363d;border-radius:12px;background:linear-gradient(180deg,rgba(22,27,34,.75),rgba(13,17,23,.9));padding:24px 12px;text-align:center;color:#8b949e;font-size:16px}.auction-empty.error{border-color:rgba(248,81,73,.4);color:#f85149}.auction-empty .btn{margin-left:8px}
.auction-price-preview{grid-column:1/-1;color:#f5c518;font-size:12px;font-weight:bold;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.auction-row.expired{border-color:rgba(248,81,73,.42);background:linear-gradient(180deg,rgba(248,81,73,.12),rgba(13,17,23,.98))}
.auction-actions{display:grid;grid-template-columns:minmax(92px,1fr) auto;gap:6px;align-items:center}.auction-actions .auction-action{width:100%}.auction-bid-input{width:100%;box-sizing:border-box;border:1px solid #30363d;border-radius:8px;background:#0d1117;color:#c9d1d9;font-size:14px;line-height:1;padding:7px 8px;outline:none}.auction-bid-input:focus{border-color:#58a6ff}
.auction-market-tools{display:grid;grid-template-columns:minmax(180px,1fr) 112px 136px auto auto;gap:7px;align-items:end}.auction-market-tools label{display:grid;gap:4px;color:#8b949e;font-size:12px;font-weight:bold;line-height:1;min-width:0}.auction-market-tools input,.auction-market-tools select{width:100%;box-sizing:border-box;border:1px solid #30363d;border-radius:8px;background:#0d1117;color:#c9d1d9;font-size:14px;line-height:1;padding:7px 8px;outline:none}.auction-market-tools input:focus,.auction-market-tools select:focus{border-color:#58a6ff}.auction-check{display:flex!important;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:1px solid #30363d;border-radius:8px;background:#0d1117;white-space:nowrap}.auction-check input{width:auto;margin:0}.auction-refresh{height:32px;border:1px solid #30363d;border-radius:8px;background:linear-gradient(180deg,#2a313d,#1b212a);color:#c9d1d9;font-size:14px;font-weight:bold;line-height:1;padding:0 12px;cursor:pointer;white-space:nowrap}.auction-refresh:hover{border-color:#58a6ff}.auction-refresh:disabled{cursor:not-allowed;color:#8b949e;filter:none}.auction-filter-status{color:#8b949e;font-size:12px;line-height:1.2;text-align:right;margin-top:-3px}
body[data-theme] .auction-summary>div,
body[data-theme] .auction-row,
body[data-theme] .auction-tabs,
body[data-theme] .auction-sell-note{border-color:rgba(var(--theme-accent-rgb),.32);background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.11),rgba(13,17,23,.96))}
body[data-theme] .auction-tabs button.active,
body[data-theme] .auction-action,
body[data-theme] .auction-claim-all{border-color:rgba(var(--theme-accent-rgb),.6);background:linear-gradient(180deg,var(--theme-accent),var(--theme-accent-hover));color:#fff}
body[data-theme] .auction-summary b,
body[data-theme] .auction-price b,
body[data-theme] .auction-tabs button.active{color:var(--theme-title)}
@media(max-width:720px){.auction-summary{grid-template-columns:1fr}.auction-row{grid-template-columns:44px minmax(0,1fr)}.auction-item-icon{width:44px;height:44px;font-size:25px}.auction-price{grid-column:1/-1;text-align:left}.auction-action{grid-column:1/-1;width:100%}.auction-actions{grid-column:1/-1}.auction-sell-controls{grid-column:1/-1;grid-template-columns:1fr 1fr}.sell-row .auction-action{grid-column:1/-1}.auction-mine-tools .auction-claim-all{width:100%}}
@media(max-width:720px){.auction-market-tools{grid-template-columns:1fr 1fr}.auction-search{grid-column:1/-1}.auction-check{justify-content:flex-start}.auction-refresh{width:100%}.auction-filter-status{text-align:left}}
@media(max-width:420px){.auction-market-tools{grid-template-columns:1fr}.auction-sell-controls{grid-template-columns:1fr}.auction-filter-status{margin-top:0}}

/* Office mode is true black/white, not a grayscale filter over the default theme. */
body[data-theme="mono"] *{
  text-shadow:none!important;
  box-shadow:none!important;
}
body[data-theme="mono"] :where(#game,#game *,#authScreen,#authScreen *){
  color:#000!important;
}
body[data-theme="mono"] .panel:before,
body[data-theme="mono"] .map-card-glow,
body[data-theme="mono"] .monster-glow,
body[data-theme="mono"] .ci-glow,
body[data-theme="mono"] .upgrade-glow,
body[data-theme="mono"] .shop-item:before,
body[data-theme="mono"] .npc-btn:before,
body[data-theme="mono"] .recharge-pack:before{
  display:none!important;
}
body[data-theme="mono"] .theme-switcher,
body[data-theme="mono"] .auth-panel,
body[data-theme="mono"] .panel,
body[data-theme="mono"] .tab,
body[data-theme="mono"] .tab-content,
body[data-theme="mono"] .modal,
body[data-theme="mono"] .monster-tooltip,
body[data-theme="mono"] .shop-floating-detail,
body[data-theme="mono"] .map-item,
body[data-theme="mono"] .monster-item,
body[data-theme="mono"] .npc-btn,
body[data-theme="mono"] .shop-item,
body[data-theme="mono"] .leaderboard-head,
body[data-theme="mono"] .leaderboard-monster-option,
body[data-theme="mono"] .auction-summary>div,
body[data-theme="mono"] .auction-row,
body[data-theme="mono"] .auction-tabs,
body[data-theme="mono"] .auction-sell-note,
body[data-theme="mono"] .season-head,
body[data-theme="mono"] .season-section,
body[data-theme="mono"] .season-action-panel,
body[data-theme="mono"] .season-task,
body[data-theme="mono"] .season-reward-card,
body[data-theme="mono"] .recharge-summary>div,
body[data-theme="mono"] .recharge-detail,
body[data-theme="mono"] .recharge-amount,
body[data-theme="mono"] .recharge-pack,
body[data-theme="mono"] .recharge-gift-panel,
body[data-theme="mono"] .recharge-gift-card,
body[data-theme="mono"] .weapon-codex,
body[data-theme="mono"] .coll-item,
body[data-theme="mono"] .item-card,
body[data-theme="mono"] .honor-card,
body[data-theme="mono"] .leaderboard-row,
body[data-theme="mono"] #log,
body[data-theme="mono"] .bar-bg,
body[data-theme="mono"] .codex-bar,
body[data-theme="mono"] .series-bond-bar,
body[data-theme="mono"] .bp-progress,
body[data-theme="mono"] .season-task-bar,
body[data-theme="mono"] .map-mini-bar,
body[data-theme="mono"] .auction-empty,
body[data-theme="mono"] .season-empty,
body[data-theme="mono"] .auth-input,
body[data-theme="mono"] .leaderboard-select,
body[data-theme="mono"] .auction-market-tools input,
body[data-theme="mono"] .auction-market-tools select,
body[data-theme="mono"] .auction-sell-controls input,
body[data-theme="mono"] .recharge-voucher,
body[data-theme="mono"] .auction-check{
  background:#fff!important;
  background-image:none!important;
  border-color:#000!important;
  color:#000!important;
  backdrop-filter:none!important;
}
body[data-theme="mono"] button:not(.theme-btn),
body[data-theme="mono"] input,
body[data-theme="mono"] select,
body[data-theme="mono"] textarea{
  background:#fff!important;
  background-image:none!important;
  border-color:#000!important;
  color:#000!important;
}
body[data-theme="mono"] .theme-btn{
  background:#fff!important;
  border-color:#000!important;
  box-shadow:none!important;
}
body[data-theme="mono"] .theme-btn[data-theme="mono"]{
  background:linear-gradient(135deg,#fff 0 48%,#000 49% 100%)!important;
}
body[data-theme="mono"] .theme-btn.active,
body[data-theme="mono"] .btn-primary,
body[data-theme="mono"] .modal-btn.btn-primary,
body[data-theme="mono"] .auto-potion-toggle.active,
body[data-theme="mono"] .tab.active,
body[data-theme="mono"] .map-item.selected,
body[data-theme="mono"] .leaderboard-monster-option.active,
body[data-theme="mono"] .auction-tabs button.active,
body[data-theme="mono"] .shop-buy:not(:disabled),
body[data-theme="mono"] .auction-action:not(:disabled),
body[data-theme="mono"] .auction-claim-all:not(:disabled),
body[data-theme="mono"] .monster-rank-mini,
body[data-theme="mono"] .reward-hint,
body[data-theme="mono"] .season-hint{
  background:#000!important;
  background-image:none!important;
  border-color:#000!important;
  color:#fff!important;
}
body[data-theme="mono"] .tab.active *,
body[data-theme="mono"] .map-item.selected *,
body[data-theme="mono"] .leaderboard-monster-option.active *,
body[data-theme="mono"] .auction-tabs button.active *,
body[data-theme="mono"] .shop-buy:not(:disabled) *,
body[data-theme="mono"] .auction-action:not(:disabled) *,
body[data-theme="mono"] .auction-claim-all:not(:disabled) *,
body[data-theme="mono"] .monster-rank-mini *,
body[data-theme="mono"] .reward-hint *,
body[data-theme="mono"] .season-hint *{
  color:#fff!important;
}
body[data-theme="mono"] .bar-fill,
body[data-theme="mono"] .bar-fill.healing-fill,
body[data-theme="mono"] #hpBar,
body[data-theme="mono"] #mpBar,
body[data-theme="mono"] #mHpBar,
body[data-theme="mono"] #mAtkBar,
body[data-theme="mono"] #mSkBar,
body[data-theme="mono"] .mastery-fill,
body[data-theme="mono"] .map-mini-bar>div,
body[data-theme="mono"] .codex-bar div,
body[data-theme="mono"] .series-bond-bar div,
body[data-theme="mono"] .bp-progress-fill,
body[data-theme="mono"] .season-task-bar div,
body[data-theme="mono"] .recharge-gift-meter>div{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
body[data-theme="mono"] .log-atk,
body[data-theme="mono"] .log-matk,
body[data-theme="mono"] .log-skill,
body[data-theme="mono"] .log-heal,
body[data-theme="mono"] .log-info,
body[data-theme="mono"] .log-drop,
body[data-theme="mono"] .log-boss,
body[data-theme="mono"] .log-system,
body[data-theme="mono"] .log-def,
body[data-theme="mono"] .mi-exp,
body[data-theme="mono"] .npc-tag,
body[data-theme="mono"] .reward-line b,
body[data-theme="mono"] .season-line b,
body[data-theme="mono"] .currency-line b,
body[data-theme="mono"] .auction-summary b,
body[data-theme="mono"] .auction-price b{
  color:#000!important;
}
body[data-theme="mono"] [style*="color:"]{
  color:#000!important;
}
body[data-theme="mono"] [style*="border-color:"]{
  border-color:#000!important;
}
body[data-theme="mono"] .monster-avatar,
body[data-theme="mono"] .npc-icon,
body[data-theme="mono"] .mi-icon,
body[data-theme="mono"] .auction-item-icon,
body[data-theme="mono"] .shop-tip-icon,
body[data-theme="mono"] .socket-core-icon,
body[data-theme="mono"] .player-badge-icon{
  font-family:"Segoe UI Symbol","Microsoft YaHei","SimHei",monospace!important;
  color:#000!important;
}
body[data-theme="mono"] .gem-icon-visual img{filter:grayscale(1) contrast(1.15)}
body[data-theme="mono"] .gem-icon-visual{background:#fff!important;box-shadow:inset 0 0 0 1px #000!important}
body[data-theme="mono"] button:disabled,
body[data-theme="mono"] .npc-btn.locked,
body[data-theme="mono"] .monster-item.locked,
body[data-theme="mono"] .coll-item.locked,
body[data-theme="mono"] .item-card.cooldown,
body[data-theme="mono"] .honor-card.locked,
body[data-theme="mono"] .awaken-option.locked{
  filter:none!important;
}

/* Office mono polish: plain document styling instead of a grayscale game skin. */
body[data-theme="mono"]{
  background:#fff!important;
  color:#000!important;
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;
}
body[data-theme="mono"] #game{
  grid-template-areas:"status status status" "map center right"!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  background:#fff!important;
}
body[data-theme="mono"] h1{
  display:none!important;
}
body[data-theme="mono"] .game-status{
  position:static!important;
  grid-area:status!important;
  justify-content:flex-end!important;
  width:100%!important;
  min-width:0!important;
  border:1px solid #000!important;
  border-radius:2px!important;
  background:#fff!important;
  padding:4px!important;
  z-index:auto!important;
}
body[data-theme="mono"] #game *,
body[data-theme="mono"] .modal-bg *,
body[data-theme="mono"] .monster-tooltip *,
body[data-theme="mono"] .weapon-tooltip *,
body[data-theme="mono"] .armor-tooltip *,
body[data-theme="mono"] .shop-floating-detail *{
  background-image:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body[data-theme="mono"] .modal-bg,
body[data-theme="mono"] .reconnect-overlay{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:none!important;
}
body[data-theme="mono"] .col-map,
body[data-theme="mono"] .col-center,
body[data-theme="mono"] .col-right{
  background:#fff!important;
  border-color:#000!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
body[data-theme="mono"] .theme-switcher,
body[data-theme="mono"] .panel,
body[data-theme="mono"] .player-panel,
body[data-theme="mono"] .battle-panel,
body[data-theme="mono"] .log-panel,
body[data-theme="mono"] .tab,
body[data-theme="mono"] .tab-content,
body[data-theme="mono"] .modal,
body[data-theme="mono"] .modal-header,
body[data-theme="mono"] .modal-body,
body[data-theme="mono"] .monster-tooltip,
body[data-theme="mono"] .weapon-tooltip,
body[data-theme="mono"] .armor-tooltip,
body[data-theme="mono"] .shop-floating-detail,
body[data-theme="mono"] .battle-lv-tip,
body[data-theme="mono"] .battle-lv-tip:before,
body[data-theme="mono"] .player-badge-chip,
body[data-theme="mono"] .player-badge-icon,
body[data-theme="mono"] .meta-card,
body[data-theme="mono"] .reward-card,
body[data-theme="mono"] .season-card,
body[data-theme="mono"] .equip-card,
body[data-theme="mono"] .auto-potion-row,
body[data-theme="mono"] .combat-stats span,
body[data-theme="mono"] .auto-potion-toggle,
body[data-theme="mono"] .bar-bg,
body[data-theme="mono"] #log,
body[data-theme="mono"] .map-item,
body[data-theme="mono"] .map-info-tabs,
body[data-theme="mono"] .map-info-tabs button,
body[data-theme="mono"] .zone-hero,
body[data-theme="mono"] .battle-zone,
body[data-theme="mono"] .explore-panel,
body[data-theme="mono"] .explore-stats>div,
body[data-theme="mono"] .explore-next,
body[data-theme="mono"] .explore-recommend,
body[data-theme="mono"] .landmark,
body[data-theme="mono"] .landmark-pct,
body[data-theme="mono"] .wild-npc-grid,
body[data-theme="mono"] .npc-btn,
body[data-theme="mono"] .npc-icon,
body[data-theme="mono"] .npc-tag,
body[data-theme="mono"] .npc-season-meta span,
body[data-theme="mono"] .npc-recharge-meta span,
body[data-theme="mono"] .monster-item,
body[data-theme="mono"] .monster-item .mi-icon,
body[data-theme="mono"] .monster-head,
body[data-theme="mono"] .monster-avatar,
body[data-theme="mono"] .monster-rank-entry,
body[data-theme="mono"] .battle-time,
body[data-theme="mono"] .battle-info-grid>div,
body[data-theme="mono"] .def-display,
body[data-theme="mono"] .def-badge,
body[data-theme="mono"] .weapon-codex,
body[data-theme="mono"] .weapon-view-tabs,
body[data-theme="mono"] .weapon-view-tabs button,
body[data-theme="mono"] .weapon-view-tabs b,
body[data-theme="mono"] .weapon-favorite-panel>div,
body[data-theme="mono"] .series-tab,
body[data-theme="mono"] .series-bond-panel,
body[data-theme="mono"] .series-bond-bar,
body[data-theme="mono"] .coll-item,
body[data-theme="mono"] .ci-tag,
body[data-theme="mono"] .ci-favorite,
body[data-theme="mono"] .equipped-tag,
body[data-theme="mono"] .item-card,
body[data-theme="mono"] .item-card.inventory-item-card .item-icon,
body[data-theme="mono"] .item-card.inventory-item-card .item-count,
body[data-theme="mono"] .item-card.inventory-item-card .item-cd,
body[data-theme="mono"] .empty-state,
body[data-theme="mono"] .honor-box,
body[data-theme="mono"] .honor-item,
body[data-theme="mono"] .honor-loadout-card,
body[data-theme="mono"] .honor-collect-summary>div,
body[data-theme="mono"] .honor-catalog-head,
body[data-theme="mono"] .honor-card,
body[data-theme="mono"] .honor-card-icon,
body[data-theme="mono"] .honor-card-action,
body[data-theme="mono"] .leaderboard-head,
body[data-theme="mono"] .leaderboard-title>span,
body[data-theme="mono"] .leaderboard-monster-option,
body[data-theme="mono"] .leaderboard-select,
body[data-theme="mono"] .leaderboard-mine,
body[data-theme="mono"] .leaderboard-row,
body[data-theme="mono"] .leaderboard-empty,
body[data-theme="mono"] .socket-manager-tabs,
body[data-theme="mono"] .socket-manager-tabs button,
body[data-theme="mono"] .socket-wallet,
body[data-theme="mono"] .socket-switch,
body[data-theme="mono"] .socket-summary,
body[data-theme="mono"] .socket-bonus,
body[data-theme="mono"] .socket-card,
body[data-theme="mono"] .socket-empty-mark,
body[data-theme="mono"] .socket-core-icon,
body[data-theme="mono"] .socket-action,
body[data-theme="mono"] .socket-empty-state,
body[data-theme="mono"] .socket-inventory-hint,
body[data-theme="mono"] .socket-core-pick,
body[data-theme="mono"] .gem-forge-intro,
body[data-theme="mono"] .gem-forge-error,
body[data-theme="mono"] .gem-forge-list,
body[data-theme="mono"] .gem-forge-row,
body[data-theme="mono"] .gem-forge-icon,
body[data-theme="mono"] .gem-forge-mini-icon,
body[data-theme="mono"] .gem-forge-track,
body[data-theme="mono"] .gem-forge-actions button,
body[data-theme="mono"] .core-item,
body[data-theme="mono"] .upgrade-card,
body[data-theme="mono"] .upgrade-weapon,
body[data-theme="mono"] .upgrade-rarity,
body[data-theme="mono"] .upgrade-level,
body[data-theme="mono"] .upgrade-step,
body[data-theme="mono"] .upgrade-stats>div,
body[data-theme="mono"] .upgrade-cost>div,
body[data-theme="mono"] .upgrade-result,
body[data-theme="mono"] .awaken-panel,
body[data-theme="mono"] .awaken-option,
body[data-theme="mono"] .awaken-head .awaken-fold,
body[data-theme="mono"] .enchant-tags span,
body[data-theme="mono"] .bp-head,
body[data-theme="mono"] .bp-progress,
body[data-theme="mono"] .bp-card,
body[data-theme="mono"] .season-head,
body[data-theme="mono"] .season-stats>div,
body[data-theme="mono"] .season-section,
body[data-theme="mono"] .season-action-panel,
body[data-theme="mono"] .season-task,
body[data-theme="mono"] .season-task-main b span,
body[data-theme="mono"] .season-task-bar,
body[data-theme="mono"] .season-tier,
body[data-theme="mono"] .season-reward-card,
body[data-theme="mono"] .season-empty,
body[data-theme="mono"] .mail-summary>div,
body[data-theme="mono"] .mail-row,
body[data-theme="mono"] .mail-row-meta strong,
body[data-theme="mono"] .mail-empty,
body[data-theme="mono"] .mail-attach,
body[data-theme="mono"] .shop-shell,
body[data-theme="mono"] .shop-hero,
body[data-theme="mono"] .shop-hero-title span,
body[data-theme="mono"] .shop-balance,
body[data-theme="mono"] .shop-section-head,
body[data-theme="mono"] .shop-item,
body[data-theme="mono"] .shop-item .si-icon,
body[data-theme="mono"] .si-tags span,
body[data-theme="mono"] .si-brief span,
body[data-theme="mono"] .shop-buy,
body[data-theme="mono"] .shop-empty,
body[data-theme="mono"] .shop-tip-icon,
body[data-theme="mono"] .shop-tip-status,
body[data-theme="mono"] .shop-tip-desc,
body[data-theme="mono"] .shop-specs>div,
body[data-theme="mono"] .recharge-summary>div,
body[data-theme="mono"] .recharge-pack,
body[data-theme="mono"] .recharge-detail,
body[data-theme="mono"] .recharge-amount,
body[data-theme="mono"] .recharge-steps>div,
body[data-theme="mono"] .recharge-voucher,
body[data-theme="mono"] .recharge-gift-panel,
body[data-theme="mono"] .recharge-gift-meter,
body[data-theme="mono"] .recharge-gift-card,
body[data-theme="mono"] .recharge-gift-threshold,
body[data-theme="mono"] .recharge-gift-action button,
body[data-theme="mono"] .auction-summary>div,
body[data-theme="mono"] .auction-tabs,
body[data-theme="mono"] .auction-tabs button,
body[data-theme="mono"] .auction-row,
body[data-theme="mono"] .auction-item-icon,
body[data-theme="mono"] .auction-action,
body[data-theme="mono"] .auction-claim-all,
body[data-theme="mono"] .auction-sell-note,
body[data-theme="mono"] .auction-empty,
body[data-theme="mono"] .auction-market-tools input,
body[data-theme="mono"] .auction-market-tools select,
body[data-theme="mono"] .auction-sell-controls input,
body[data-theme="mono"] .auction-check,
body[data-theme="mono"] .auction-refresh,
body[data-theme="mono"] .wt-stats>div,
body[data-theme="mono"] .wt-skill,
body[data-theme="mono"] .wt-bonus,
body[data-theme="mono"] .wt-socket,
body[data-theme="mono"] .wt-socket-icon,
body[data-theme="mono"] .wt-reward,
body[data-theme="mono"] .wt-awakening,
body[data-theme="mono"] .at-stats>div,
body[data-theme="mono"] .at-desc{
  background:#fff!important;
  border-color:#000!important;
  color:#000!important;
  border-radius:2px!important;
  opacity:1!important;
}
body[data-theme="mono"] .title,
body[data-theme="mono"] .modal-header,
body[data-theme="mono"] .mt-head,
body[data-theme="mono"] .wt-head,
body[data-theme="mono"] .at-head,
body[data-theme="mono"] .wt-section,
body[data-theme="mono"] .leaderboard-head,
body[data-theme="mono"] .season-section-head{
  border-color:#000!important;
}
body[data-theme="mono"] .item-card:before,
body[data-theme="mono"] .panel:before,
body[data-theme="mono"] .map-card-glow,
body[data-theme="mono"] .monster-glow,
body[data-theme="mono"] .ci-glow,
body[data-theme="mono"] .upgrade-glow,
body[data-theme="mono"] .shop-item:before,
body[data-theme="mono"] .recharge-pack:before,
body[data-theme="mono"] .npc-btn:before{
  display:none!important;
}
body[data-theme="mono"] button:not(.theme-btn),
body[data-theme="mono"] .btn,
body[data-theme="mono"] .modal-btn,
body[data-theme="mono"] input,
body[data-theme="mono"] select,
body[data-theme="mono"] textarea{
  background:#fff!important;
  border-color:#000!important;
  color:#000!important;
  border-radius:2px!important;
  box-shadow:none!important;
  filter:none!important;
}
body[data-theme="mono"] .theme-btn{
  border-radius:50%!important;
}
body[data-theme="mono"] .tab.active,
body[data-theme="mono"] .map-item.selected,
body[data-theme="mono"] .map-info-tabs button.active,
body[data-theme="mono"] .leaderboard-monster-option.active,
body[data-theme="mono"] .weapon-view-tabs button.active,
body[data-theme="mono"] .series-tab.active,
body[data-theme="mono"] .coll-item.equipped,
body[data-theme="mono"] .honor-card.active,
body[data-theme="mono"] .auction-tabs button.active,
body[data-theme="mono"] .btn-primary,
body[data-theme="mono"] .modal-btn.btn-primary,
body[data-theme="mono"] .auto-potion-toggle.active,
body[data-theme="mono"] .reward-hint,
body[data-theme="mono"] .season-hint,
body[data-theme="mono"] .shop-buy:not(:disabled),
body[data-theme="mono"] .auction-action:not(:disabled),
body[data-theme="mono"] .auction-claim-all:not(:disabled),
body[data-theme="mono"] .monster-rank-mini,
body[data-theme="mono"] .upgrade-action:not(:disabled),
body[data-theme="mono"] .awaken-action:not(:disabled),
body[data-theme="mono"] .recharge-steps span,
body[data-theme="mono"] .recharge-gift-card.ready .recharge-gift-action button{
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
body[data-theme="mono"] .tab.active *,
body[data-theme="mono"] .map-item.selected *,
body[data-theme="mono"] .map-info-tabs button.active *,
body[data-theme="mono"] .leaderboard-monster-option.active *,
body[data-theme="mono"] .weapon-view-tabs button.active *,
body[data-theme="mono"] .series-tab.active *,
body[data-theme="mono"] .coll-item.equipped *,
body[data-theme="mono"] .honor-card.active *,
body[data-theme="mono"] .auction-tabs button.active *,
body[data-theme="mono"] .btn-primary *,
body[data-theme="mono"] .modal-btn.btn-primary *,
body[data-theme="mono"] .auto-potion-toggle.active *,
body[data-theme="mono"] .reward-hint *,
body[data-theme="mono"] .season-hint *,
body[data-theme="mono"] .shop-buy:not(:disabled) *,
body[data-theme="mono"] .auction-action:not(:disabled) *,
body[data-theme="mono"] .auction-claim-all:not(:disabled) *,
body[data-theme="mono"] .monster-rank-mini *,
body[data-theme="mono"] .upgrade-action:not(:disabled) *,
body[data-theme="mono"] .awaken-action:not(:disabled) *,
body[data-theme="mono"] .recharge-steps span *,
body[data-theme="mono"] .recharge-gift-card.ready .recharge-gift-action button *{
  color:#fff!important;
}
body[data-theme="mono"] button:disabled,
body[data-theme="mono"] .btn:disabled,
body[data-theme="mono"] .shop-buy:disabled,
body[data-theme="mono"] .auction-action:disabled,
body[data-theme="mono"] .auction-claim-all:disabled,
body[data-theme="mono"] .upgrade-action:disabled,
body[data-theme="mono"] .awaken-action:disabled,
body[data-theme="mono"] .npc-btn.locked,
body[data-theme="mono"] .monster-item.locked,
body[data-theme="mono"] .coll-item.locked,
body[data-theme="mono"] .item-card.cooldown,
body[data-theme="mono"] .honor-card.locked,
body[data-theme="mono"] .bp-node.locked .bp-card,
body[data-theme="mono"] .season-task.claimed,
body[data-theme="mono"] .season-reward-card.locked,
body[data-theme="mono"] .awaken-option.locked{
  opacity:1!important;
  filter:none!important;
}
body[data-theme="mono"] .bar-fill,
body[data-theme="mono"] .bar-fill.healing-fill,
body[data-theme="mono"] #hpBar,
body[data-theme="mono"] #mpBar,
body[data-theme="mono"] #mHpBar,
body[data-theme="mono"] #mAtkBar,
body[data-theme="mono"] #mSkBar,
body[data-theme="mono"] .mastery-fill,
body[data-theme="mono"] .map-mini-bar>div,
body[data-theme="mono"] .zone-progress>div,
body[data-theme="mono"] .codex-bar div,
body[data-theme="mono"] .series-bond-bar div,
body[data-theme="mono"] .bp-progress-fill,
body[data-theme="mono"] .season-task-bar div,
body[data-theme="mono"] .recharge-gift-meter>div{
  background:#000!important;
  background-image:none!important;
}
body[data-theme="mono"] .item-card.inventory-item-card .item-count,
body[data-theme="mono"] .item-card.inventory-item-card .item-cd{
  background:#fff!important;
  border:1px solid #000!important;
  color:#000!important;
}
body[data-theme="mono"] .item-card.inventory-item-card .item-cd{
  inset:4px!important;
  border-radius:2px!important;
}
body[data-theme="mono"] .potion-s-icon,
body[data-theme="mono"] .potion-regen-icon,
body[data-theme="mono"] .item-icon-stack .potion-s-icon,
body[data-theme="mono"] .item-icon-stack .potion-regen-icon{
  filter:none!important;
}
body[data-theme="mono"] #log,
body[data-theme="mono"] .shop-floating-detail,
body[data-theme="mono"] .monster-tooltip,
body[data-theme="mono"] .weapon-tooltip,
body[data-theme="mono"] .armor-tooltip{
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;
}
body[data-theme="mono"] .bar-text,
body[data-theme="mono"] .bp-progress-text,
body[data-theme="mono"] .zone-progress span{
  color:#000!important;
  mix-blend-mode:normal!important;
}

/* Weapon tab in mono mode should read like a web data table, not item cards. */
body[data-theme="mono"] #tab0.active{
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  gap:6px!important;
  padding:6px!important;
  background:#fff!important;
}
body[data-theme="mono"] #weaponCodexPanel{
  min-width:0!important;
}
body[data-theme="mono"] .weapon-codex{
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-areas:"rank main" "bonus bonus" "bond bond"!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #000!important;
}
body[data-theme="mono"] .codex-rank{
  grid-area:rank!important;
  height:auto!important;
  min-height:58px!important;
  border:0!important;
  border-right:1px solid #000!important;
  align-items:flex-start!important;
  padding:8px!important;
  text-align:left!important;
}
body[data-theme="mono"] .codex-rank b{
  font-size:18px!important;
}
body[data-theme="mono"] .codex-rank span{
  margin-top:3px!important;
  font-size:12px!important;
}
body[data-theme="mono"] .codex-main{
  grid-area:main!important;
  padding:8px!important;
}
body[data-theme="mono"] .codex-head{
  margin:0 0 6px!important;
  padding-bottom:5px!important;
  border-bottom:1px solid #000!important;
}
body[data-theme="mono"] .codex-head strong,
body[data-theme="mono"] .codex-head em,
body[data-theme="mono"] .codex-rank b,
body[data-theme="mono"] .codex-rank span{
  color:#000!important;
}
body[data-theme="mono"] .codex-bar,
body[data-theme="mono"] .series-bond-bar{
  height:8px!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
}
body[data-theme="mono"] .codex-tags,
body[data-theme="mono"] .codex-bonus{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
}
body[data-theme="mono"] .codex-tags span,
body[data-theme="mono"] .codex-bonus span{
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  padding:0!important;
  font-size:12px!important;
  color:#000!important;
}
body[data-theme="mono"] .codex-bonus{
  grid-area:bonus!important;
  border-top:1px solid #000!important;
  padding:6px 8px!important;
}
body[data-theme="mono"] .series-bond-panel{
  grid-area:bond!important;
  grid-template-columns:minmax(132px,180px) minmax(0,1fr)!important;
  gap:8px!important;
  border:0!important;
  border-top:1px solid #000!important;
  padding:7px 8px!important;
  margin:0!important;
}
body[data-theme="mono"] .series-bond-copy strong,
body[data-theme="mono"] .series-bond-copy em{
  color:#000!important;
}
body[data-theme="mono"] .weapon-view-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #000!important;
  border-bottom:0!important;
  overflow:visible!important;
}
body[data-theme="mono"] .weapon-view-tabs button{
  min-height:34px!important;
  border:0!important;
  border-right:1px solid #000!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  font-size:14px!important;
}
body[data-theme="mono"] .weapon-view-tabs button:last-child{
  border-right:0!important;
}
body[data-theme="mono"] .weapon-view-tabs button.active,
body[data-theme="mono"] .weapon-view-tabs button.active *{
  background:#fff!important;
  color:#000!important;
}
body[data-theme="mono"] .weapon-view-tabs button.active{
  border-bottom:3px solid #000!important;
}
body[data-theme="mono"] .weapon-view-tabs b{
  min-width:18px!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  padding:2px 5px!important;
}
body[data-theme="mono"] .weapon-favorite-panel{
  gap:0!important;
  margin:0!important;
  border:1px solid #000!important;
  border-bottom:0!important;
}
body[data-theme="mono"] .weapon-favorite-panel>div{
  border:0!important;
  border-right:1px solid #000!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  padding:7px 8px!important;
  text-align:left!important;
}
body[data-theme="mono"] .weapon-favorite-panel>div:last-child{
  border-right:0!important;
}
body[data-theme="mono"] .weapon-favorite-panel b,
body[data-theme="mono"] .weapon-favorite-panel span{
  color:#000!important;
}
body[data-theme="mono"] .series-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #000!important;
  border-bottom:0!important;
  overflow:visible!important;
}
body[data-theme="mono"] .series-tab{
  flex:auto!important;
  min-width:0!important;
  border:0!important;
  border-right:1px solid #000!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  padding:8px 6px!important;
  font-size:13px!important;
}
body[data-theme="mono"] .series-tab.active,
body[data-theme="mono"] .series-tab.active *{
  background:#fff!important;
  color:#000!important;
}
body[data-theme="mono"] .series-tab.active{
  border-bottom:3px solid #000!important;
}
body[data-theme="mono"] #collGrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:none!important;
  grid-auto-rows:minmax(38px,auto)!important;
  gap:0!important;
  padding:0!important;
  align-content:start!important;
  border:1px solid #000!important;
  border-top:0!important;
  background:#fff!important;
  overflow:auto!important;
}
body[data-theme="mono"] #collGrid::before{
  content:"序号  /  武器名称  /  属性";
  display:block!important;
  padding:7px 10px!important;
  border-bottom:1px solid #000!important;
  background:#fff!important;
  color:#000!important;
  font-size:12px!important;
  font-weight:bold!important;
  letter-spacing:0!important;
}
body[data-theme="mono"] #collGrid .coll-slot-spacer{
  display:none!important;
}
body[data-theme="mono"] #collGrid .coll-item{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) minmax(170px,auto)!important;
  grid-template-areas:"slot name stats"!important;
  min-height:40px!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-theme="mono"] #collGrid .coll-item:last-child{
  border-bottom:0!important;
}
body[data-theme="mono"] #collGrid .coll-item:hover{
  background:#f5f5f5!important;
}
body[data-theme="mono"] #collGrid .coll-item.equipped{
  background:#f5f5f5!important;
  border-left:4px solid #000!important;
}
body[data-theme="mono"] #collGrid .coll-item.equipped,
body[data-theme="mono"] #collGrid .coll-item.equipped *{
  color:#000!important;
}
body[data-theme="mono"] #collGrid .ci-slot{
  width:auto!important;
  height:100%!important;
  padding:0 8px!important;
  border-right:1px solid #000!important;
  color:#000!important;
  align-items:center!important;
  font-size:12px!important;
  font-weight:normal!important;
}
body[data-theme="mono"] #collGrid .ci-slot span{
  min-width:0!important;
}
body[data-theme="mono"] #collGrid .ci-name{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  min-height:40px!important;
  padding:6px 8px!important;
  border-right:1px solid #000!important;
  align-items:center!important;
  font-size:15px!important;
  text-align:left!important;
  overflow:hidden!important;
}
body[data-theme="mono"] #collGrid .ci-name-text{
  color:#000!important;
  font-weight:bold!important;
}
body[data-theme="mono"] #collGrid .ci-tag,
body[data-theme="mono"] #collGrid .equipped-tag{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  color:#000!important;
  font-size:12px!important;
  font-weight:normal!important;
  max-width:220px!important;
}
body[data-theme="mono"] #collGrid .ci-favorite{
  width:18px!important;
  height:18px!important;
  flex-basis:18px!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  font-size:12px!important;
  line-height:16px!important;
}
body[data-theme="mono"] #collGrid .ci-favorite.active{
  background:#000!important;
  color:#fff!important;
}
body[data-theme="mono"] #collGrid .ci-stats{
  min-width:170px!important;
  padding:0 8px!important;
  color:#000!important;
  font-size:12px!important;
}
body[data-theme="mono"] #collGrid .ci-stats span{
  gap:4px!important;
  flex-wrap:nowrap!important;
}
body[data-theme="mono"] #collGrid .ci-stats label,
body[data-theme="mono"] #collGrid .ci-stats b{
  color:#000!important;
  font-size:12px!important;
}
body[data-theme="mono"] #collGrid .empty-state{
  border:0!important;
  border-radius:0!important;
  min-height:96px!important;
}
body[data-theme="mono"] .weapon-tooltip{
  width:min(520px,calc(100vw - 28px))!important;
  border-radius:2px!important;
}
body[data-theme="mono"] .wt-head{
  align-items:center!important;
}
body[data-theme="mono"] .wt-name,
body[data-theme="mono"] .wt-rarity,
body[data-theme="mono"] .wt-meta,
body[data-theme="mono"] .wt-skill-name,
body[data-theme="mono"] .wt-awakening b,
body[data-theme="mono"] .wt-awakening span,
body[data-theme="mono"] .wt-reward b,
body[data-theme="mono"] .wt-reward span,
body[data-theme="mono"] .wt-reward em,
body[data-theme="mono"] .wt-socket-info{
  color:#000!important;
}
body[data-theme="mono"] .wt-rarity{
  border-radius:0!important;
}
body[data-theme="mono"] .wt-stats>div,
body[data-theme="mono"] .wt-skill,
body[data-theme="mono"] .wt-awakening,
body[data-theme="mono"] .wt-reward,
body[data-theme="mono"] .wt-socket{
  border-radius:0!important;
}

/* Armor tab follows the same plain table treatment as weapons in mono mode. */
body[data-theme="mono"] #tab1.active{
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
  padding:6px!important;
  background:#fff!important;
}
body[data-theme="mono"] #armorGrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:none!important;
  grid-auto-rows:minmax(42px,auto)!important;
  gap:0!important;
  padding:0!important;
  align-content:start!important;
  border:1px solid #000!important;
  background:#fff!important;
  overflow:auto!important;
}
body[data-theme="mono"] #armorGrid::before{
  content:"套装名称  /  属性  /  状态";
  display:block!important;
  padding:7px 10px!important;
  border-bottom:1px solid #000!important;
  background:#fff!important;
  color:#000!important;
  font-size:12px!important;
  font-weight:bold!important;
  letter-spacing:0!important;
}
body[data-theme="mono"] #armorGrid .coll-item{
  display:grid!important;
  grid-template-columns:minmax(120px,.9fr) minmax(180px,1.2fr) minmax(70px,auto)!important;
  grid-template-areas:"name stats state" "name desc state"!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-theme="mono"] #armorGrid .coll-item:last-child{
  border-bottom:0!important;
}
body[data-theme="mono"] #armorGrid .coll-item:hover{
  background:#f5f5f5!important;
}
body[data-theme="mono"] #armorGrid .coll-item.equipped{
  background:#f5f5f5!important;
  border-left:4px solid #000!important;
}
body[data-theme="mono"] #armorGrid .coll-item.equipped,
body[data-theme="mono"] #armorGrid .coll-item.equipped *{
  color:#000!important;
}
body[data-theme="mono"] #armorGrid .ci-name{
  grid-area:name!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  padding:7px 9px!important;
  border-right:1px solid #000!important;
  color:#000!important;
  font-size:15px!important;
  font-weight:bold!important;
  text-align:left!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-theme="mono"] #armorGrid .ci-name + .ci-dmg{
  grid-area:stats!important;
  padding:7px 9px 3px!important;
  color:#000!important;
  font-size:13px!important;
  text-align:left!important;
}
body[data-theme="mono"] #armorGrid .ci-name + .ci-dmg + .ci-dmg{
  grid-area:desc!important;
  padding:0 9px 7px!important;
  color:#000!important;
  font-size:12px!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-theme="mono"] #armorGrid .ci-tag{
  grid-area:state!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-left:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  padding:0 8px!important;
  margin:0!important;
  font-size:12px!important;
  font-weight:normal!important;
}
body[data-theme="mono"] .armor-tooltip .at-name,
body[data-theme="mono"] .armor-tooltip .at-rarity,
body[data-theme="mono"] .armor-tooltip .at-meta,
body[data-theme="mono"] .armor-tooltip .at-stats b,
body[data-theme="mono"] .armor-tooltip .at-stats span,
body[data-theme="mono"] .armor-tooltip .at-desc,
body[data-theme="mono"] .armor-tooltip .at-cost{
  color:#000!important;
}

/* Mono progress bars: readable over both filled and empty areas. */
body[data-theme="mono"] .bar-bg,
body[data-theme="mono"] .player-vitals .bar-bg,
body[data-theme="mono"] .battle-bar-row .bar-bg{
  height:20px!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
body[data-theme="mono"] .bar-fill,
body[data-theme="mono"] .bar-fill.healing-fill,
body[data-theme="mono"] #hpBar,
body[data-theme="mono"] #mpBar,
body[data-theme="mono"] #mHpBar,
body[data-theme="mono"] #mAtkBar,
body[data-theme="mono"] #mSkBar{
  background:#000!important;
  background-image:none!important;
  border-radius:0!important;
}
body[data-theme="mono"] .bar-text,
body[data-theme="mono"] .player-vitals .bar-text,
body[data-theme="mono"] .battle-bar-row .bar-text{
  color:#fff!important;
  line-height:18px!important;
  font-weight:bold!important;
  mix-blend-mode:difference!important;
}

@media (max-width:1280px) and (min-width:901px){
  body[data-theme="mono"] #game{
    grid-template-areas:"status status" "map center" "right right"!important;
    grid-template-rows:auto auto auto!important;
  }
}
@media (max-width:900px){
  body[data-theme="mono"] #game{
    grid-template-areas:"status" "map" "center" "right"!important;
    grid-template-rows:auto auto auto auto!important;
  }
  body[data-theme="mono"] #collGrid .coll-item{
    grid-template-columns:62px minmax(0,1fr)!important;
    grid-template-areas:"slot name" "slot stats"!important;
  }
  body[data-theme="mono"] #collGrid .ci-name{
    border-right:0!important;
  }
  body[data-theme="mono"] #collGrid .ci-stats{
    min-width:0!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    padding:0 8px 6px!important;
  }
  body[data-theme="mono"] .weapon-codex{
    grid-template-columns:1fr!important;
    grid-template-areas:"rank" "main" "bonus" "bond"!important;
  }
  body[data-theme="mono"] .codex-rank{
    border-right:0!important;
    border-bottom:1px solid #000!important;
  }
  body[data-theme="mono"] .series-bond-panel{
    grid-template-columns:1fr!important;
  }
  body[data-theme="mono"] #armorGrid .coll-item{
    grid-template-columns:1fr!important;
    grid-template-areas:"name" "stats" "desc" "state"!important;
  }
  body[data-theme="mono"] #armorGrid .ci-name,
  body[data-theme="mono"] #armorGrid .ci-tag{
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid #000!important;
  }
  body[data-theme="mono"] #armorGrid .ci-tag{
    justify-content:flex-start!important;
    padding:7px 9px!important;
  }
}

/* Final mono cleanup for legacy gradients and black card remnants. */
body[data-theme="mono"] #tab0 *,
body[data-theme="mono"] #tab1 *,
body[data-theme="mono"] .col-map *,
body[data-theme="mono"] #mapContent *,
body[data-theme="mono"] .monster-list *{
  background-image:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body[data-theme="mono"] #tab0 .coll-item,
body[data-theme="mono"] #tab0 .coll-item *,
body[data-theme="mono"] #tab1 .coll-item,
body[data-theme="mono"] #tab1 .coll-item *,
body[data-theme="mono"] .map-item,
body[data-theme="mono"] .map-item *,
body[data-theme="mono"] .monster-item,
body[data-theme="mono"] .monster-item *,
body[data-theme="mono"] .npc-btn,
body[data-theme="mono"] .npc-btn *,
body[data-theme="mono"] .zone-hero,
body[data-theme="mono"] .zone-hero *,
body[data-theme="mono"] .map-info-tabs,
body[data-theme="mono"] .map-info-tabs *,
body[data-theme="mono"] .explore-panel,
body[data-theme="mono"] .explore-panel *{
  color:#000!important;
}
body[data-theme="mono"] .map-item,
body[data-theme="mono"] .map-item.selected,
body[data-theme="mono"] .map-item:hover,
body[data-theme="mono"] .monster-item,
body[data-theme="mono"] .monster-item:hover,
body[data-theme="mono"] .npc-btn,
body[data-theme="mono"] .npc-btn:hover,
body[data-theme="mono"] .zone-hero,
body[data-theme="mono"] .battle-zone,
body[data-theme="mono"] .explore-panel,
body[data-theme="mono"] .landmark,
body[data-theme="mono"] .map-info-tabs,
body[data-theme="mono"] .map-info-tabs button,
body[data-theme="mono"] .map-info-tabs button.active{
  background:#fff!important;
  border-color:#000!important;
  border-radius:2px!important;
}
body[data-theme="mono"] .map-item.selected{
  border-width:2px!important;
  outline:0!important;
}
body[data-theme="mono"] .map-mini-bar,
body[data-theme="mono"] .zone-progress,
body[data-theme="mono"] .mastery-bar{
  background:#fff!important;
  border:1px solid #000!important;
  border-radius:0!important;
}
body[data-theme="mono"] .map-mini-bar>div,
body[data-theme="mono"] .zone-progress>div,
body[data-theme="mono"] .mastery-fill{
  background:#000!important;
  border-radius:0!important;
}
body[data-theme="mono"] .zone-progress span{
  color:#fff!important;
  mix-blend-mode:difference!important;
}
body[data-theme="mono"] .mi-tags span,
body[data-theme="mono"] .mt-tags span,
body[data-theme="mono"] .mt-affixes span,
body[data-theme="mono"] .npc-tag,
body[data-theme="mono"] .npc-shop-meta span,
body[data-theme="mono"] .npc-season-meta span,
body[data-theme="mono"] .npc-recharge-meta span{
  background:#fff!important;
  border:1px solid #000!important;
  border-radius:2px!important;
  color:#000!important;
}
body[data-theme="mono"] .monster-fight,
body[data-theme="mono"] .monster-rank-mini{
  background:#fff!important;
  border:1px solid #000!important;
  border-radius:2px!important;
  color:#000!important;
}
body[data-theme="mono"] .monster-fight:hover,
body[data-theme="mono"] .monster-rank-mini:hover{
  background:#f5f5f5!important;
  color:#000!important;
}
body[data-theme="mono"] #tab0 .coll-item,
body[data-theme="mono"] #tab0 .coll-item.owned,
body[data-theme="mono"] #tab0 .coll-item.equipped,
body[data-theme="mono"] #tab0 .coll-item.locked,
body[data-theme="mono"] #tab1 .coll-item,
body[data-theme="mono"] #tab1 .coll-item.owned,
body[data-theme="mono"] #tab1 .coll-item.equipped,
body[data-theme="mono"] #tab1 .coll-item.locked{
  background:#fff!important;
  border-color:#000!important;
}
body[data-theme="mono"] #tab0 .coll-item.equipped,
body[data-theme="mono"] #tab1 .coll-item.equipped{
  background:#f5f5f5!important;
  border-left:4px solid #000!important;
}

/* Strongest weapon-list override: beats the older themed right-column rules. */
body[data-theme="mono"] .col-right #seriesTabs[style*="display: none"]{
  display:none!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid.coll-grid,
body[data-theme="mono"] .col-right #tab0 #collGrid.favorite-weapon-grid{
  background:#fff!important;
  background-image:none!important;
  border:1px solid #000!important;
  border-top:0!important;
  gap:0!important;
  padding:0!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid.coll-grid>.coll-item,
body[data-theme="mono"] .col-right #tab0 #collGrid.favorite-weapon-grid>.coll-item,
body[data-theme="mono"] .col-right #tab0 #collGrid.coll-grid>.coll-item.owned,
body[data-theme="mono"] .col-right #tab0 #collGrid.favorite-weapon-grid>.coll-item.owned,
body[data-theme="mono"] .col-right #tab0 #collGrid.coll-grid>.coll-item.locked,
body[data-theme="mono"] .col-right #tab0 #collGrid.favorite-weapon-grid>.coll-item.locked{
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#000!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid.coll-grid>.coll-item.equipped,
body[data-theme="mono"] .col-right #tab0 #collGrid.favorite-weapon-grid>.coll-item.equipped{
  background:#f5f5f5!important;
  background-image:none!important;
  border:0!important;
  border-left:4px solid #000!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#000!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid.coll-grid>.coll-item *,
body[data-theme="mono"] .col-right #tab0 #collGrid.favorite-weapon-grid>.coll-item *{
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  color:#000!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid .ci-glow{
  display:none!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid .ci-name{
  background:#fff!important;
  background-image:none!important;
  border-right:1px solid #000!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid .coll-item.equipped .ci-name{
  background:#f5f5f5!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid .ci-tag,
body[data-theme="mono"] .col-right #tab0 #collGrid .equipped-tag{
  background:transparent!important;
  border:0!important;
  color:#000!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid .ci-favorite{
  background:#fff!important;
  border:1px solid #000!important;
  color:#000!important;
}
body[data-theme="mono"] .col-right #tab0 #collGrid .ci-favorite.active{
  background:#000!important;
  color:#fff!important;
}

/* Mono tabs and combat bars: no black active tab, no game-like progress fills. */
body[data-theme="mono"] .tabs{
  gap:0!important;
  border:1px solid #000!important;
  border-bottom:0!important;
  margin:0!important;
}
body[data-theme="mono"] .tabs .tab,
body[data-theme="mono"] .tabs .tab.active,
body[data-theme="mono"] .tabs .tab:hover{
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-right:1px solid #000!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body[data-theme="mono"] .tabs .tab:last-child{
  border-right:0!important;
}
body[data-theme="mono"] .tabs .tab.active{
  border-bottom:3px solid #000!important;
  font-weight:bold!important;
}
body[data-theme="mono"] .tabs .tab.active *,
body[data-theme="mono"] .tabs .tab:hover *{
  color:#000!important;
}
body[data-theme="mono"] .player-vitals .bar-bg,
body[data-theme="mono"] .battle-bars .bar-bg,
body[data-theme="mono"] .battle-bar-row .bar-bg{
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
  box-shadow:none!important;
  display:block!important;
}
body[data-theme="mono"] .player-vitals .bar-fill,
body[data-theme="mono"] .battle-bars .bar-fill,
body[data-theme="mono"] .battle-bar-row .bar-fill,
body[data-theme="mono"] #hpBar,
body[data-theme="mono"] #mpBar,
body[data-theme="mono"] #mHpBar,
body[data-theme="mono"] #mAtkBar,
body[data-theme="mono"] #mSkBar{
  display:none!important;
}
body[data-theme="mono"] .player-vitals .bar-text,
body[data-theme="mono"] .battle-bars .bar-text,
body[data-theme="mono"] .battle-bar-row .bar-text{
  position:static!important;
  display:inline!important;
  color:#000!important;
  mix-blend-mode:normal!important;
  text-align:left!important;
  line-height:1.3!important;
  padding:0!important;
  font-weight:bold!important;
}

/* Mono mode removes decorative map/combat icons and keeps claim hints as text. */
body[data-theme="mono"] .map-item .mi-icon,
body[data-theme="mono"] .zone-icon,
body[data-theme="mono"] .battle-zone .zone-icon,
body[data-theme="mono"] .npc-icon,
body[data-theme="mono"] .monster-item .mi-icon,
body[data-theme="mono"] .monster-avatar,
body[data-theme="mono"] .mt-icon{
  display:none!important;
}
body[data-theme="mono"] .battle-zone{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"title" "desc" "progress"!important;
  column-gap:0!important;
}
body[data-theme="mono"] .npc-btn,
body[data-theme="mono"] .monster-item{
  grid-template-columns:minmax(0,1fr) auto!important;
}
body[data-theme="mono"] .reward-hint,
body[data-theme="mono"] .season-hint{
  background:#fff!important;
  background-image:none!important;
  border:1px solid #000!important;
  border-radius:2px!important;
  color:#000!important;
  padding:2px 6px!important;
  font-size:12px!important;
  line-height:1.1!important;
}
body[data-theme="mono"] .reward-hint *,
body[data-theme="mono"] .season-hint *{
  color:#000!important;
}

/* Mono exploration and monster details: values and tables instead of progress bars/cards. */
body[data-theme="mono"] .map-mini-bar,
body[data-theme="mono"] .map-mini-bar>div,
body[data-theme="mono"] .zone-progress>div{
  display:none!important;
}
body[data-theme="mono"] .zone-progress,
body[data-theme="mono"] .battle-zone .zone-progress{
  height:auto!important;
  margin:4px 0 0!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
body[data-theme="mono"] .zone-progress span{
  position:static!important;
  display:inline!important;
  color:#000!important;
  mix-blend-mode:normal!important;
  line-height:1.25!important;
  text-align:left!important;
  font-weight:bold!important;
}
body[data-theme="mono"] .monster-tooltip{
  background:#fff!important;
  background-image:none!important;
  border:1px solid #000!important;
  border-radius:2px!important;
  color:#000!important;
  box-shadow:none!important;
  padding:10px!important;
}
body[data-theme="mono"] .monster-tooltip *,
body[data-theme="mono"] .monster-tooltip [style*="color:"]{
  color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body[data-theme="mono"] .mt-head{
  display:block!important;
  border-bottom:1px solid #000!important;
  padding-bottom:6px!important;
  margin-bottom:6px!important;
}
body[data-theme="mono"] .mt-name{
  color:#000!important;
  font-size:20px!important;
}
body[data-theme="mono"] .mt-sub{
  color:#000!important;
  font-size:13px!important;
}
body[data-theme="mono"] .mt-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  border:1px solid #000!important;
  border-bottom:0!important;
}
body[data-theme="mono"] .mt-stats>div{
  background:#fff!important;
  border:0!important;
  border-right:1px solid #000!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  padding:6px!important;
  text-align:left!important;
}
body[data-theme="mono"] .mt-stats>div:last-child{
  border-right:0!important;
}
body[data-theme="mono"] .mt-stats b,
body[data-theme="mono"] .mt-stats span,
body[data-theme="mono"] .mt-stats em{
  display:inline!important;
  color:#000!important;
  font-size:13px!important;
  margin:0!important;
}
body[data-theme="mono"] .mt-stats b:after{
  content:": ";
}
body[data-theme="mono"] .mt-section{
  border-top:1px solid #000!important;
  margin-top:8px!important;
  padding-top:7px!important;
}
body[data-theme="mono"] .mt-title{
  color:#000!important;
  font-weight:bold!important;
  margin-bottom:5px!important;
}
body[data-theme="mono"] .mt-tags,
body[data-theme="mono"] .mt-affixes{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border:1px solid #000!important;
  border-bottom:0!important;
}
body[data-theme="mono"] .mt-tags span,
body[data-theme="mono"] .mt-affixes span,
body[data-theme="mono"] .mt-skill,
body[data-theme="mono"] .mt-drop div,
body[data-theme="mono"] .mt-record-line span{
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #000!important;
  border-radius:0!important;
  color:#000!important;
  padding:5px 7px!important;
}
body[data-theme="mono"] .mt-skill{
  display:grid!important;
  grid-template-columns:minmax(90px,.6fr) minmax(0,1fr)!important;
  gap:8px!important;
  margin:0!important;
}
body[data-theme="mono"] .mt-skill b,
body[data-theme="mono"] .mt-skill span,
body[data-theme="mono"] .mt-affixes b,
body[data-theme="mono"] .mt-affixes em{
  color:#000!important;
}
body[data-theme="mono"] .mt-drop{
  color:#000!important;
  border:1px solid #000!important;
  border-bottom:0!important;
}
body[data-theme="mono"] .mt-drop div{
  margin:0!important;
}
body[data-theme="mono"] .wow-equip-tooltip .wowtt,
body[data-theme="mono"] .wow-equip-tooltip .wowtt *,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-name,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-quality,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-line,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-row,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-row b,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-section-title,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-reward b,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-reward span,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-reward em,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-socket b,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-socket em{
  color:#000!important;
}
body[data-theme="mono"] .wow-equip-tooltip .wowtt-quality,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-rows,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-compare,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-related,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-section,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-reward,
body[data-theme="mono"] .wow-equip-tooltip .wowtt-socket>span{
  background:#fff!important;
  border-color:#000!important;
  border-radius:0!important;
}
body[data-theme="mono"] .wow-equip-tooltip .wowtt-compare{box-shadow:inset 4px 0 0 #000!important}

/* --------------------------------------------------------------------------
   Adventure dashboard refresh
   A small layer of design tokens and layout rules keeps the existing game
   components intact while making the reading order and actions more obvious.
   -------------------------------------------------------------------------- */
:root{
  --ui-surface:rgba(13,19,29,.88);
  --ui-surface-strong:rgba(18,26,38,.96);
  --ui-line:rgba(148,163,184,.18);
  --ui-muted:#92a0b2;
  --ui-text:#e8edf5;
  --ui-shadow:0 18px 42px rgba(0,0,0,.24);
}
body{
  color:var(--ui-text);
  font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;
  background:
    radial-gradient(900px 480px at -8% -12%,rgba(var(--theme-accent-rgb),.22),transparent 64%),
    radial-gradient(760px 460px at 106% 4%,rgba(var(--theme-secondary-rgb),.13),transparent 66%),
    linear-gradient(145deg,#080d15 0%,var(--theme-bg) 48%,#090e16 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);
}
.eyebrow{
  display:block;
  color:var(--theme-accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.15;
}

/* Authentication is treated as a focused starting point, not another card. */
.auth-screen{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 112%,rgba(var(--theme-secondary-rgb),.18),transparent 42%)}
.auth-screen::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(480px 280px at 18% 20%,rgba(var(--theme-accent-rgb),.14),transparent 72%),radial-gradient(560px 300px at 82% 82%,rgba(var(--theme-secondary-rgb),.12),transparent 70%)}
.auth-panel{width:min(440px,100%);padding:28px;border-color:rgba(var(--theme-accent-rgb),.28);border-radius:20px;background:linear-gradient(145deg,rgba(24,32,45,.97),rgba(10,15,23,.98));box-shadow:0 30px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07)}
.auth-brand{margin-bottom:7px;text-align:center}.auth-brand .eyebrow{margin-bottom:7px}.auth-panel h2{color:#f4f7fb;font-size:30px;letter-spacing:.04em}.auth-brand p{margin-top:7px;color:var(--ui-muted);font-size:14px}.auth-input{border-color:var(--ui-line);border-radius:11px;background:rgba(4,8,14,.66);padding:12px 13px}.auth-input:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb),.14)}.auth-submit{border-radius:11px;padding:11px 12px;box-shadow:0 8px 18px rgba(var(--theme-accent-rgb),.18)}

/* Header, columns and panels establish a three-step scan: explore, act, manage. */
#game{grid-template-areas:"header header header" "map center right";grid-template-rows:auto minmax(0,1fr)}
.game-header{grid-area:header;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:10px 13px;border:1px solid var(--ui-line);border-radius:16px;background:linear-gradient(100deg,rgba(15,23,35,.94),rgba(11,17,27,.78));box-shadow:var(--ui-shadow);overflow:hidden}
.game-header::after{content:"";position:absolute;width:340px;height:180px;right:15%;top:-155px;border-radius:50%;background:rgba(var(--theme-accent-rgb),.2);filter:blur(24px);pointer-events:none}.game-header>*{position:relative;z-index:1}
.game-brand{min-width:0}.game-brand h1{margin:2px 0 0;color:#f3f7fb;font-size:clamp(22px,2vw,37px);font-weight:800;line-height:1.1;letter-spacing:.035em;text-align:left;text-shadow:0 0 22px rgba(var(--theme-title-rgb),.2)}.game-brand p{margin-top:5px;color:var(--ui-muted);font-size:12px;line-height:1.2}.game-brand .eyebrow{color:var(--theme-secondary)}
.game-status{position:static;right:auto;top:auto;z-index:auto;margin-left:auto;padding:0;flex:0 0 auto}.theme-switcher{border-color:var(--ui-line);background:rgba(4,8,14,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.status-logout{border-color:rgba(248,81,73,.34)!important;background:linear-gradient(180deg,rgba(248,81,73,.18),rgba(42,20,26,.86))!important;color:#ffd9d7!important}
.col-map,.col-center,.col-right{border:1px solid var(--ui-line);border-radius:16px;background:linear-gradient(180deg,rgba(19,27,39,.62),rgba(7,12,19,.4));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--ui-shadow)}
.col-map{padding:8px}.col-center{padding:0 4px}.col-right{padding:8px}
.column-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:46px;padding:2px 4px 9px;border-bottom:1px solid var(--ui-line)}.column-heading strong{display:block;margin-top:3px;font-size:18px;line-height:1.1;color:#f4f7fb}.column-heading>span{color:var(--ui-muted);font-size:12px;white-space:nowrap}.collection-heading{margin:0 0 7px;padding:2px 4px 8px}
.panel{border-color:var(--ui-line);background:linear-gradient(145deg,rgba(25,34,48,.93),rgba(10,15,23,.95));box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)}
.player-panel{background:radial-gradient(circle at 4% 0,rgba(var(--theme-title-rgb),.14),transparent 35%),linear-gradient(145deg,rgba(24,34,49,.98),rgba(9,14,22,.99))}.player-kicker{margin-bottom:5px}.player-title{border-bottom-color:rgba(var(--theme-title-rgb),.2);color:#f4f7fb}.meta-card,.equip-card,.auto-potion-row{border-color:var(--ui-line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(2,6,12,.28))}.meta-card .meta-label,.stat-row label,.auto-potion-label{color:var(--ui-muted)}.player-vitals .bar-bg,.battle-bar-row .bar-bg{border-color:rgba(255,255,255,.08);background:#060a10}.combat-stats span{border-color:rgba(var(--theme-secondary-rgb),.33);background:rgba(var(--theme-secondary-rgb),.08)}
.battle-panel{background:radial-gradient(circle at 0 0,rgba(var(--theme-secondary-rgb),.13),transparent 35%),linear-gradient(145deg,rgba(25,31,42,.98),rgba(8,13,20,.99))}.log-panel{background:linear-gradient(145deg,rgba(15,25,37,.98),rgba(7,12,19,.98))}#log{border-color:var(--ui-line);background:rgba(3,7,12,.62);font-size:clamp(14px,1vw,18px);line-height:1.55}

/* Browseable cards keep color as a state cue, while spacing carries hierarchy. */
.map-list{gap:7px;margin-top:1px}.map-item{border-color:var(--ui-line);background:linear-gradient(155deg,rgba(33,44,59,.93),rgba(12,18,27,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 14px rgba(0,0,0,.15)}.map-item:hover{border-color:rgba(var(--theme-accent-rgb),.72);filter:brightness(1.09)}.map-item.selected{border-color:var(--theme-secondary);background:radial-gradient(circle at 50% -10%,rgba(var(--theme-secondary-rgb),.18),transparent 58%),linear-gradient(155deg,rgba(48,37,20,.96),rgba(19,15,9,.98))}.map-item .mi-desc{color:var(--ui-muted)}
.tabs{gap:5px;margin:0;padding:4px;border:1px solid var(--ui-line);border-radius:12px;background:rgba(3,8,14,.42)}.tab{appearance:none;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--ui-muted);font-weight:700}.tab:hover{border-color:rgba(var(--theme-accent-rgb),.35)!important;background:rgba(var(--theme-accent-rgb),.08)!important}.tab.active{border-color:rgba(var(--theme-accent-rgb),.5)!important;background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.2),rgba(var(--theme-accent-rgb),.08))!important;color:#f4f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.tab-content{margin-top:7px;border:1px solid var(--ui-line);border-radius:12px;padding:9px;background:linear-gradient(180deg,rgba(13,20,30,.92),rgba(7,12,19,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.col-right>#weaponDetailPanel,.col-right>#armorDetailPanel{border-color:var(--ui-line);border-radius:12px}.map-item:focus-visible,.tab:focus-visible,.btn:focus-visible,.theme-btn:focus-visible,.auth-input:focus-visible,.auth-submit:focus-visible{outline:3px solid rgba(var(--theme-accent-rgb),.46);outline-offset:2px}

@media (max-width:1280px) and (min-width:901px){
  #game{grid-template-areas:"header header" "map center" "right right";grid-template-rows:auto auto auto}
}
@media (max-width:900px){
  #game{grid-template-areas:"header" "map" "center" "right";grid-template-rows:auto}
  .col-map,.col-center,.col-right{padding:8px}
}
@media (max-width:560px){
  .game-header{align-items:flex-start;flex-direction:column;gap:10px;padding:11px}
  .game-status{width:100%;margin-left:0;justify-content:space-between}.game-brand h1{font-size:25px}.game-brand p{font-size:11px}
  .column-heading{min-height:42px}.col-map,.col-center,.col-right{border-radius:13px}.tabs{gap:3px;padding:3px}.tab{font-size:14px}.tab-content{padding:7px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Preserve the intentional plain-document mono theme after the dashboard pass. */
body[data-theme="mono"]::before{display:none}
body[data-theme="mono"] #game{grid-template-areas:"header header header" "map center right"!important;grid-template-rows:auto minmax(0,1fr)!important}
body[data-theme="mono"] .game-header{grid-area:header!important;display:flex!important;justify-content:flex-end!important;border:1px solid #000!important;border-radius:2px!important;background:#fff!important;box-shadow:none!important;padding:4px!important}
body[data-theme="mono"] .game-header::after,body[data-theme="mono"] .game-brand,body[data-theme="mono"] .column-heading{display:none!important}
body[data-theme="mono"] .game-status{position:static!important;display:flex!important;width:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;padding:0!important}
body[data-theme="mono"] .col-map{padding:4px!important}body[data-theme="mono"] .col-right{padding:4px!important}
@media (max-width:1280px) and (min-width:901px){body[data-theme="mono"] #game{grid-template-areas:"header header" "map center" "right right"!important;grid-template-rows:auto auto auto!important}}
@media (max-width:900px){body[data-theme="mono"] #game{grid-template-areas:"header" "map" "center" "right"!important;grid-template-rows:auto auto auto auto!important}body[data-theme="mono"] .game-header{align-items:center!important;flex-direction:row!important}}

/* Boss browser, 0-7 battle tiers and passive combat reports. */
.meta-purpose{margin-left:auto;color:#6f7d90;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}
.battle-meta-line b{flex:0 0 auto;min-width:29px;max-width:none;font-size:28px;line-height:1;color:#ffd65a}
.battle-meta-line small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pBattleTierName{color:#dce7f5;font-weight:700}
.battle-lv-tip{width:min(340px,calc(100vw - 28px))}
.battle-lv-list{max-height:min(440px,65vh);overflow-y:auto;padding-right:2px}

.monster-browser{margin:0 0 8px;border:1px solid var(--ui-line,#30363d);border-radius:12px;background:linear-gradient(145deg,rgba(15,23,34,.9),rgba(5,10,17,.82));padding:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.monster-search-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px}
.monster-search-row>div{min-width:100px}.monster-browser-kicker{display:block;color:var(--theme-secondary,#f5c518);font-size:11px;font-weight:800;letter-spacing:.06em}.monster-search-row>div>b{display:block;margin-top:2px;color:#dce5f1;font-size:13px}
.monster-search{display:flex;align-items:center;flex:1;max-width:300px;height:34px;border:1px solid rgba(var(--theme-accent-rgb),.28);border-radius:9px;background:rgba(2,7,13,.62);overflow:hidden}
.monster-search>span{padding-left:9px;color:#7f8b9b;font-size:11px;font-weight:700}.monster-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#edf4fc;font:inherit;font-size:12px;padding:7px}.monster-search input::placeholder{color:#596574}.monster-search button{align-self:stretch;width:30px;border:0;border-left:1px solid rgba(255,255,255,.07);background:transparent;color:#8491a3;font-size:18px;cursor:pointer}.monster-search button:hover{color:#fff;background:rgba(var(--theme-accent-rgb),.12)}
.monster-level-filters{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.monster-level-filters button{flex:0 0 auto;min-height:29px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:rgba(255,255,255,.025);color:#93a0b1;font-size:11px;font-weight:750;padding:5px 8px;cursor:pointer;white-space:nowrap}.monster-level-filters button span{margin-left:4px;color:#5f6c7d}.monster-level-filters button:hover{border-color:rgba(var(--theme-accent-rgb),.5);color:#dce7f5}.monster-level-filters button.active{border-color:rgba(var(--theme-secondary-rgb),.62);background:rgba(var(--theme-secondary-rgb),.13);color:var(--theme-secondary,#f5c518)}.monster-level-filters button.active span{color:inherit}
.monster-item{align-items:flex-start;min-height:88px;padding:8px}.monster-item.current{border-color:#3fb950;box-shadow:0 0 0 1px rgba(63,185,80,.2),0 7px 15px rgba(0,0,0,.2)}.monster-item.locked{opacity:.78}.monster-item.planned{opacity:.62}.monster-item .mi-icon{margin-top:2px}

.map-item.locked{cursor:default;filter:grayscale(.45);opacity:.58}
.map-item.locked:hover{border-color:var(--ui-line,#30363d);background:#151a22;filter:grayscale(.45)}
.weapon-product.recommended{border-color:#b7791f;box-shadow:inset 3px 0 0 #d29922}
.shop-recommend-badge{display:inline-block;margin-left:5px;padding:1px 4px;border:1px solid #9e6a03;border-radius:3px;background:#3b2a09;color:#f2cc60;font-size:9px;vertical-align:2px}
.monster-item .mi-name-row{display:flex;align-items:flex-start;gap:6px;min-width:0}.monster-item .mi-name-row .mi-name{flex:1;min-width:0}.mi-level-badge{flex:0 0 auto;border:1px solid rgba(var(--theme-secondary-rgb),.34);border-radius:999px;background:rgba(var(--theme-secondary-rgb),.08);color:var(--theme-secondary,#f5c518);font-size:10px;font-weight:800;line-height:1;padding:3px 6px;white-space:nowrap}.mi-instance{margin-top:2px;color:#718096;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-item .mi-summary{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:5px;white-space:normal;overflow:visible;font-size:11px}.monster-item .mi-summary span{overflow:visible}.monster-item .mi-exp{color:#5fcf78}.monster-item .mi-exp b{display:inline;color:#eaf7ed}.monster-item .mi-exp.is-zero b{color:#718096}.mi-mastery{font-weight:700}.mi-lock-reason{margin-top:4px;color:#db8b83;font-size:11px;line-height:1.25}.monster-item .mi-tags{margin-top:5px}.monster-actions{flex-basis:64px;align-self:stretch;align-items:stretch}.monster-fight:disabled{cursor:default;opacity:.62;filter:none}.monster-empty-state{grid-column:1/-1;font-size:14px;padding:22px 12px}

.battle-report-stack{display:grid;gap:6px}.battle-report[hidden]{display:none!important}.battle-report{border:1px solid rgba(148,163,184,.2);border-radius:10px;background:rgba(4,9,15,.58);padding:8px}.offline-settlement-report{border-color:rgba(63,185,80,.3);background:linear-gradient(145deg,rgba(63,185,80,.08),rgba(4,9,15,.62))}.battle-report-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.battle-report-head span{color:#9aa8b9;font-size:10px;font-weight:800;letter-spacing:.05em}.battle-report-head b{min-width:0;color:#edf3fa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-report-metrics{display:flex;flex-wrap:wrap;gap:4px}.battle-report-metrics>span{border:1px solid rgba(148,163,184,.16);border-radius:7px;background:rgba(255,255,255,.025);color:#8492a4;font-size:10px;padding:4px 6px}.battle-report-metrics b{color:#e5edf7;font-size:11px}.battle-report-detail{display:grid;grid-template-columns:58px minmax(0,1fr);gap:7px;margin-top:5px;border-top:1px solid rgba(148,163,184,.12);padding-top:5px}.battle-report-detail span{color:#7f8c9d;font-size:10px}.battle-report-detail b{color:#e6c4bf;font-size:11px;line-height:1.3}.offline-settlement-report .battle-report-detail b{color:#a8ddb2}.offline-settlement-report.rested-report{border-color:rgba(88,166,255,.38);background:linear-gradient(145deg,rgba(88,166,255,.1),rgba(4,9,15,.62))}.offline-settlement-report.rested-report .battle-report-detail b{color:#b9ddff}

@media (max-width:620px){.meta-purpose{display:none}.monster-search-row{align-items:stretch;flex-direction:column}.monster-search{max-width:none}.monster-item{min-height:92px}.mi-level-badge{font-size:9px}.battle-report-detail{grid-template-columns:1fr;gap:2px}}
body[data-theme="mono"] .monster-browser,body[data-theme="mono"] .monster-search,body[data-theme="mono"] .monster-level-filters button,body[data-theme="mono"] .mi-level-badge,body[data-theme="mono"] .battle-report,body[data-theme="mono"] .battle-report-metrics>span{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .monster-search input,body[data-theme="mono"] .monster-search button,body[data-theme="mono"] .monster-browser-kicker,body[data-theme="mono"] .mi-instance,body[data-theme="mono"] .mi-lock-reason,body[data-theme="mono"] .battle-report *{color:#000!important;background:#fff!important}

/* Combat loadouts, codex, pets and season trials. */
.combat-command-panel{margin-top:8px;border:1px solid rgba(var(--theme-accent-rgb),.28);border-radius:11px;background:linear-gradient(145deg,rgba(var(--theme-accent-rgb),.08),rgba(4,9,15,.6));overflow:hidden}.combat-command-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;color:#dce7f5;font-size:13px;font-weight:800;cursor:pointer;list-style:none}.combat-command-panel>summary::-webkit-details-marker{display:none}.combat-command-panel>summary:before{content:"▸";color:var(--theme-secondary);transition:transform .15s}.combat-command-panel[open]>summary:before{transform:rotate(90deg)}.combat-command-panel>summary span{flex:1}.combat-command-panel>summary b{color:var(--theme-secondary);font-size:11px}.combat-loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 8px 8px}.combat-loadout-card{min-width:0;border:1px solid #30363d;border-radius:8px;background:#0d1117;padding:7px}.combat-loadout-card.active{border-color:rgba(var(--theme-secondary-rgb),.62);box-shadow:inset 0 0 0 1px rgba(var(--theme-secondary-rgb),.1)}.combat-loadout-card.empty{opacity:.78}.loadout-card-head{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px}.loadout-card-head>span{display:grid;width:25px;height:25px;place-items:center;border:1px solid #3b4654;border-radius:50%;color:#58a6ff;font-size:11px;font-weight:900}.loadout-card-head b,.loadout-card-head em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-card-head b{color:#e8eef6;font-size:12px}.loadout-card-head em{margin-top:1px;color:#788697;font-size:9px;font-style:normal}.combat-loadout-card p{height:25px;margin:6px 0;color:#8e9cac;font-size:9px;line-height:1.35;overflow:hidden}.loadout-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.loadout-card-actions button,.combat-tactics-head button{min-height:26px;border:1px solid rgba(var(--theme-accent-rgb),.35);border-radius:6px;background:rgba(var(--theme-accent-rgb),.1);color:#b9d9ff;font-size:9px;font-weight:750;cursor:pointer}.loadout-card-actions button:last-child,.combat-tactics-head button{border-color:#8c6512;background:#7a550d;color:#fff}.loadout-card-actions button:disabled{border-color:#30363d;background:#161b22;color:#555f6d;cursor:default}.combat-tactics{border-top:1px solid rgba(148,163,184,.16);padding:8px}.combat-tactics-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.combat-tactics-head b,.combat-tactics-head span{display:block}.combat-tactics-head b{color:#f0f4f8;font-size:12px}.combat-tactics-head span{color:#758395;font-size:9px}.combat-tactics-head button{padding:4px 9px}.combat-tactics-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.combat-tactics-fields label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;border:1px solid rgba(148,163,184,.14);border-radius:7px;background:rgba(4,9,15,.55);padding:6px}.combat-tactics-fields label>span{color:#aeb9c7;font-size:9px}.combat-tactics-fields select{min-width:0;border:1px solid #30363d;border-radius:5px;background:#111820;color:#e0e8f1;font-size:9px;padding:3px}.combat-tactics-fields input{justify-self:end}.combat-tactics-fields i{grid-column:1/-1;color:#657284;font-size:8px;font-style:normal;line-height:1.3}

.memento-wallet{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 8px;margin-bottom:8px;border:1px solid rgba(210,168,255,.32);border-radius:9px;background:linear-gradient(145deg,rgba(210,168,255,.1),rgba(13,17,23,.85));padding:8px 10px}.memento-wallet span{color:#c9d1d9;font-size:12px;font-weight:750}.memento-wallet b{justify-self:end;color:#d2a8ff;font-size:20px}.memento-wallet em{grid-column:1/-1;color:#737f8e;font-size:9px;font-style:normal}
.codex-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}.codex-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;border:1px solid #30363d;border-radius:8px;background:#0d1117;color:#8794a5;font-size:11px;font-weight:750;padding:7px 4px;cursor:pointer}.codex-tabs button b{display:grid;min-width:18px;height:18px;place-items:center;border-radius:9px;background:#202936;color:#9daabc;font-size:9px}.codex-tabs button.active{border-color:rgba(var(--theme-secondary-rgb),.58);background:rgba(var(--theme-secondary-rgb),.1);color:var(--theme-secondary)}.codex-tabs button.active b{background:rgba(var(--theme-secondary-rgb),.16);color:inherit}.codex-content{min-height:180px}.codex-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.codex-summary>div{border:1px solid rgba(var(--theme-accent-rgb),.2);border-radius:8px;background:rgba(var(--theme-accent-rgb),.055);padding:8px;text-align:center}.codex-summary b,.codex-summary span{display:block}.codex-summary b{color:#f2cc60;font-size:17px}.codex-summary span{margin-top:2px;color:#7f8c9d;font-size:9px}.boss-trophy-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:-2px 0 8px}.boss-trophy-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;border:1px solid rgba(163,113,247,.24);border-radius:8px;background:rgba(163,113,247,.055);padding:7px 8px}.boss-trophy-summary span{color:#b8a6d9;font-size:9px;font-weight:750}.boss-trophy-summary b{color:#d2a8ff;font-size:14px}.boss-trophy-summary em{grid-column:1/-1;color:#7f8c9d;font-size:8px;font-style:normal}.boss-trophy-summary>div.complete{border-color:rgba(63,185,80,.34);background:rgba(63,185,80,.07)}.boss-trophy-summary>div.complete span,.boss-trophy-summary>div.complete b{color:#56d364}.boss-trophy-summary>div.complete em{color:#7ee787}.boss-codex-list{display:grid;gap:7px}.boss-codex-card{border:1px solid #30363d;border-left:3px solid #596575;border-radius:9px;background:linear-gradient(145deg,#131a23,#0a0f16);padding:8px}.boss-codex-card.discovered{border-left-color:#d29922}.boss-codex-card.undiscovered{filter:saturate(.65);opacity:.82}.boss-codex-head{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px}.boss-codex-icon{display:grid;width:35px;height:35px;place-items:center;border:1px solid #3b4654;border-radius:7px;background:#080d13;font-size:21px}.boss-codex-head b,.boss-codex-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-codex-head b{color:#f0f3f7;font-size:13px}.boss-codex-head span{margin-top:2px;color:#778596;font-size:9px}.boss-codex-head em{border:1px solid #3a4654;border-radius:999px;color:#7f8c9c;font-size:8px;font-style:normal;padding:3px 5px}.boss-codex-card.discovered .boss-codex-head em{border-color:#7a5811;color:#f2cc60}.boss-codex-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:7px}.boss-codex-progress>div{height:6px;border:1px solid #30363d;border-radius:4px;background:#080d13;overflow:hidden}.boss-codex-progress>div span{display:block;height:100%;background:linear-gradient(90deg,#1f6feb,#d29922)}.boss-codex-progress>b{color:#8f9bab;font-size:8px}.boss-codex-records{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.boss-codex-records span{border:1px solid rgba(148,163,184,.14);border-radius:5px;background:rgba(255,255,255,.02);color:#8d9aab;font-size:8px;padding:3px 5px}.boss-codex-basic{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.boss-codex-basic span{color:#758293;font-size:8px}.boss-codex-basic b{color:#dce5ef}.codex-locked-line{margin-top:6px;color:#606c7c;font-size:9px}.boss-codex-research{margin-top:5px;border:1px solid rgba(148,163,184,.13);border-radius:6px;background:rgba(4,9,15,.42);padding:5px 6px}.boss-codex-research strong{display:block;color:#8f9dad;font-size:9px}.boss-codex-research p{margin:2px 0 0;color:#c4ced9;font-size:9px;line-height:1.35}.boss-codex-research.locked p{color:#5f6a78}.boss-codex-research.open{border-color:rgba(88,166,255,.22)}.boss-codex-research.open strong{color:#58a6ff}.boss-codex-death{display:grid;grid-template-columns:55px minmax(0,1fr);gap:5px;margin-top:6px;border-top:1px solid rgba(248,81,73,.18);padding-top:5px}.boss-codex-death span{color:#a07170;font-size:8px}.boss-codex-death b{color:#d9aaa6;font-size:9px}.boss-codex-action{width:100%;min-height:27px;margin-top:7px;border:1px solid #8a620d;border-radius:6px;background:#78520c;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.boss-codex-action:disabled{border-color:#30363d;background:#161b22;color:#5e6875;cursor:default}
.boss-codex-lore{margin-top:6px;border-left:2px solid rgba(88,166,255,.28);padding:3px 0 3px 7px;color:#8491a1;font-size:9px;line-height:1.45}.boss-codex-collection{margin-top:6px;border:1px solid rgba(210,153,34,.18);border-radius:6px;background:rgba(210,153,34,.035);padding:6px}.boss-codex-collection>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.boss-codex-collection strong{color:#c9d1d9;font-size:9px}.boss-codex-collection b{color:#f2cc60;font-size:10px}.boss-codex-collection>div:last-child{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.boss-codex-collection span{border:1px solid rgba(148,163,184,.14);border-radius:5px;padding:3px 5px;color:#778596;font-size:8px}.boss-codex-collection span.owned,.boss-codex-collection span.complete{border-color:rgba(63,185,80,.26);color:#72d486}.boss-codex-collection span.missing{color:#697584}.boss-codex-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:6px}.boss-codex-milestones span{border:1px solid #30363d;border-radius:5px;background:#0b1016;color:#5f6a78;font-size:8px;padding:4px;text-align:center}.boss-codex-milestones span.open{border-color:rgba(88,166,255,.28);background:rgba(88,166,255,.07);color:#78b7ff}.boss-codex-trial{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:6px;border:1px solid rgba(210,168,255,.25);border-radius:6px;background:rgba(210,168,255,.06);padding:6px}.boss-codex-trial strong,.boss-codex-trial span{display:block}.boss-codex-trial strong{color:#d2a8ff;font-size:9px}.boss-codex-trial span{margin-top:2px;color:#8d7ea0;font-size:8px}.boss-codex-trial button{min-height:24px;border:1px solid rgba(210,168,255,.35);border-radius:5px;background:rgba(210,168,255,.12);color:#d2a8ff;font-size:9px;font-weight:700;cursor:pointer}.boss-codex-trial button:disabled{border-color:#30363d;background:#161b22;color:#606a77;cursor:default}
.boss-codex-card.trial-pending{border-color:rgba(210,168,255,.34);border-left-color:#a371f7}.boss-codex-card.codex-complete{border-left-color:#3fb950}.boss-codex-card.codex-complete .boss-codex-head em{border-color:rgba(63,185,80,.42);color:#7ee787}.boss-codex-trial-badge{display:inline-flex;margin-left:7px;border:1px solid rgba(210,168,255,.38);border-radius:4px;background:rgba(210,168,255,.1);color:#d2a8ff;font-size:8px;line-height:1;padding:3px 5px;vertical-align:1px}.boss-codex-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:7px}.boss-codex-actions.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-codex-actions .boss-codex-action{margin-top:0}.boss-codex-trial-action{min-height:27px;border:1px solid rgba(210,168,255,.48);border-radius:6px;background:#6e40c9;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.boss-codex-trial-action:disabled{border-color:#30363d;background:#161b22;color:#5e6875;cursor:default}.boss-codex-action.secondary{border-color:#4a5564;background:#202936;color:#d7dee8}.boss-codex-attention{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;border:1px solid rgba(210,168,255,.38);border-left:3px solid #a371f7;border-radius:6px;background:rgba(163,113,247,.08);padding:8px 10px}.boss-codex-attention strong,.boss-codex-attention span{display:block}.boss-codex-attention strong{color:#e2c5ff;font-size:11px}.boss-codex-attention span{margin-top:2px;color:#9a8aaa;font-size:9px}.boss-codex-attention button{min-height:27px;border:1px solid rgba(210,168,255,.4);border-radius:5px;background:rgba(210,168,255,.12);color:#d2a8ff;font-size:9px;font-weight:750;cursor:pointer}.boss-codex-archive{margin:0 0 8px;border:1px solid rgba(63,185,80,.26);border-radius:7px;background:rgba(63,185,80,.045)}.boss-codex-archive>summary,.boss-codex-archive-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-height:42px;padding:7px 8px;color:#7ee787}.boss-codex-archive>summary{cursor:pointer;list-style:none}.boss-codex-archive>summary::-webkit-details-marker{display:none}.boss-codex-archive>summary::before,.boss-codex-archive-empty::before{content:"▸";grid-row:1/3;grid-column:1;color:#56d364}.boss-codex-archive>summary::before{transition:transform .15s ease}.boss-codex-archive[open]>summary::before{transform:rotate(90deg)}.boss-codex-archive>summary span,.boss-codex-archive-empty span{grid-column:2;font-size:11px;font-weight:800}.boss-codex-archive>summary b,.boss-codex-archive-empty b{grid-row:1/3;grid-column:3;display:grid;min-width:24px;height:22px;place-items:center;border-radius:4px;background:rgba(63,185,80,.12);font-size:10px}.boss-codex-archive>summary em,.boss-codex-archive-empty em{grid-column:2;color:#718178;font-size:8px;font-style:normal}.boss-codex-archive>.boss-codex-list{padding:7px;border-top:1px solid rgba(63,185,80,.18)}.boss-codex-archive-empty{margin-bottom:8px;border:1px dashed rgba(148,163,184,.2);border-radius:7px;background:rgba(255,255,255,.015);color:#7c8997}.boss-codex-archive-empty::before{content:"—";color:#65717e}.boss-codex-archive-empty b{background:#202936;color:#7f8c9d}.boss-codex-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 2px 6px;color:#8d9aaa}.boss-codex-section-head span{font-size:10px;font-weight:800}.boss-codex-section-head b{display:grid;min-width:22px;height:20px;place-items:center;border-radius:4px;background:#202936;color:#aeb8c4;font-size:9px}.boss-codex-all-complete{border:1px dashed rgba(63,185,80,.24);border-radius:7px;background:rgba(63,185,80,.035);color:#72a27c;font-size:10px;padding:14px;text-align:center}
.pet-codex-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px;border:1px solid rgba(63,185,80,.24);border-radius:9px;background:rgba(63,185,80,.06);padding:9px}.pet-codex-head b,.pet-codex-head span{display:block}.pet-codex-head b{color:#56d364;font-size:18px}.pet-codex-head span,.pet-codex-head p{color:#7f8d9d;font-size:9px}.pet-codex-head p{margin:0;text-align:right}.pet-codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pet-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;border:1px solid #30363d;border-radius:9px;background:#0d1117;padding:7px}.pet-card.equipped{border-color:#3fb950;box-shadow:inset 0 0 0 1px rgba(63,185,80,.12)}.pet-card.displayed{outline:1px solid rgba(88,166,255,.68);outline-offset:-2px}.pet-card.locked{opacity:.62}.pet-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #3a4654;border-radius:9px;background:#080d13;font-size:24px}.pet-main{min-width:0}.pet-main b,.pet-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-main b{color:#e9eef5;font-size:12px}.pet-main span{margin-top:2px;color:#56a76a;font-size:8px}.pet-main p{margin:3px 0 0;color:#7f8c9d;font-size:8px;line-height:1.35}.pet-card-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pet-card button,.pet-card>em{min-height:24px;border:1px solid rgba(63,185,80,.34);border-radius:6px;background:rgba(63,185,80,.1);color:#72d486;font-size:9px;font-weight:700}.pet-card button{cursor:pointer}.pet-card-actions .display{border-color:rgba(88,166,255,.38);background:rgba(88,166,255,.1);color:#79b8ff}.pet-card-actions button.active{box-shadow:inset 0 0 0 1px currentColor}.pet-card>em{grid-column:1/-1;display:grid;place-items:center;border-color:#30363d;background:#161b22;color:#65707e;font-style:normal}.pet-empty{display:grid;place-items:center;min-height:210px;text-align:center}.pet-empty>span{font-size:45px}.pet-empty b{color:#dce5ef;font-size:16px}.pet-empty p{max-width:260px;margin:0;color:#768496;font-size:11px;line-height:1.5}
.season-trial-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.season-trial{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;border:1px solid #30363d;border-radius:8px;background:#0d1117;padding:8px}.season-trial.completed{border-color:rgba(63,185,80,.45);background:rgba(63,185,80,.06)}.season-trial.active{border-color:#d29922}.season-trial-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #3b4654;border-radius:7px;background:#080d13;font-size:23px}.season-trial-main{min-width:0}.season-trial-main b{display:block;color:#f2cc60;font-size:12px}.season-trial-main b span{color:#58a6ff;font-size:9px}.season-trial-main p{margin:3px 0;color:#a6b0bd;font-size:9px;line-height:1.35}.season-trial-main em{display:block;color:#697687;font-size:8px;font-style:normal}.season-trial>button{grid-column:1/-1;min-height:27px;border:1px solid #8a620d;border-radius:6px;background:#78520c;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.season-trial>button:disabled{border-color:#30363d;background:#161b22;color:#687382;cursor:default}
@media(max-width:620px){.combat-loadout-grid,.combat-tactics-fields,.season-trial-list{grid-template-columns:1fr}.combat-loadout-card p{height:auto;min-height:13px}.pet-codex-grid{grid-template-columns:1fr}.codex-tabs button{font-size:10px}.boss-codex-head{grid-template-columns:32px minmax(0,1fr)}.boss-codex-head>em{grid-column:2}.pet-codex-head{align-items:flex-start;flex-direction:column}.pet-codex-head p{text-align:left}}
@media(max-width:620px){.boss-codex-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-codex-trial{grid-template-columns:1fr}.boss-codex-trial button{width:100%}.boss-codex-actions.dual{grid-template-columns:1fr}.boss-codex-attention{align-items:stretch;flex-direction:column}.boss-codex-attention button{width:100%}}
body[data-theme="mono"] .combat-automation-panel,body[data-theme="mono"] .combat-command-panel,body[data-theme="mono"] .combat-loadout-card,body[data-theme="mono"] .combat-tactics,body[data-theme="mono"] .memento-wallet,body[data-theme="mono"] .codex-tabs button,body[data-theme="mono"] .codex-summary>div,body[data-theme="mono"] .boss-codex-card,body[data-theme="mono"] .boss-codex-research,body[data-theme="mono"] .pet-card,body[data-theme="mono"] .season-trial{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important;filter:none!important}body[data-theme="mono"] .combat-automation-panel *,body[data-theme="mono"] .combat-command-panel *,body[data-theme="mono"] .memento-wallet *,body[data-theme="mono"] .codex-content *,body[data-theme="mono"] .codex-tabs *,body[data-theme="mono"] .season-trial *{color:#000!important}
.explore-action-list{display:grid;gap:4px}.explore-action-card.locked{opacity:.62}.explore-discovery-panel{margin-top:8px;border:1px solid rgba(210,168,255,.24);border-radius:10px;background:linear-gradient(145deg,rgba(210,168,255,.07),rgba(4,9,15,.58));padding:8px}.explore-discovery-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.explore-discovery-head b,.explore-discovery-head span{display:block}.explore-discovery-head b{color:#d2a8ff;font-size:12px}.explore-discovery-head span,.explore-discovery-head em{color:#788697;font-size:9px;font-style:normal}.explore-discovery-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.explore-discovery-row strong{flex:0 0 100%;color:#98a5b4;font-size:9px}.explore-discovery-row span{border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#606b79;font-size:9px;padding:4px 6px}.explore-discovery-row span.found{border-color:rgba(63,185,80,.3);color:#74c887;background:rgba(63,185,80,.06)}body[data-theme="mono"] .explore-discovery-panel,body[data-theme="mono"] .explore-discovery-row span{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important}


/* ========================================================================== */
/* Player UI v4: combat-first shell                                           */
/* ========================================================================== */

:root,
body[data-theme="dark"]{
  --ui-bg:#08090c;--ui-surface:#13161b;--ui-surface-raised:#191d23;--ui-surface-deep:#0b0d10;
  --ui-line:#343940;--ui-line-soft:#242930;--ui-text:#f0eee8;--ui-muted:#a4a39e;--ui-faint:#71757b;
  --ui-gold:#d4a853;--ui-gold-bright:#f0ca78;--ui-cyan:#58a7b4;--ui-green:#58a86b;--ui-red:#d65f55;
  --ui-shadow:0 16px 42px rgba(0,0,0,.36);--theme-bg:var(--ui-bg);--theme-accent:var(--ui-cyan);
  --theme-accent-hover:#78c1ca;--theme-accent-rgb:88,167,180;--theme-secondary:var(--ui-gold);
  --theme-secondary-rgb:212,168,83;--theme-title:var(--ui-gold-bright);--theme-title-rgb:240,202,120;
  --theme-primary-top:#357d88;--theme-primary-bottom:#275c65;
}
body[data-theme="ember"]{
  --ui-bg:#100907;--ui-surface:#1b1411;--ui-surface-raised:#241a15;--ui-surface-deep:#0d0908;
  --ui-line:#48362e;--ui-line-soft:#30251f;--ui-text:#f2ece5;--ui-muted:#b4a39a;--ui-faint:#7f6f67;
  --ui-gold:#dfad50;--ui-gold-bright:#f4cb79;--ui-cyan:#c1774b;--ui-green:#6c9f64;--ui-red:#dc5c43;
  --theme-bg:var(--ui-bg);--theme-accent:#d47a45;--theme-accent-hover:#ec9b62;--theme-accent-rgb:212,122,69;
  --theme-secondary:#dfad50;--theme-secondary-rgb:223,173,80;--theme-title:#f4cb79;--theme-title-rgb:244,203,121;
  --theme-primary-top:#b84e34;--theme-primary-bottom:#823725;
}
html{background:var(--ui-bg,#08090c)}
body{
  color:var(--ui-text);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:14px;letter-spacing:0;
  background:linear-gradient(rgba(8,9,12,.78),rgba(8,9,12,.94)),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 7px),var(--ui-bg);
}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--theme-secondary-rgb),.04),transparent 22%,transparent 78%,rgba(var(--theme-accent-rgb),.04)),linear-gradient(180deg,rgba(var(--theme-accent-rgb),.06),transparent 34%)}
body::after{display:none}
button,input,select,textarea{letter-spacing:0}
button{transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
button:active{transform:translateY(1px)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ui-gold-bright);outline-offset:2px}

/* Login */
.auth-screen{position:relative;min-height:100dvh;padding:24px;overflow:hidden;background:linear-gradient(90deg,rgba(5,6,8,.94),rgba(5,6,8,.6) 48%,rgba(5,6,8,.9)),repeating-linear-gradient(135deg,rgba(212,168,83,.025) 0,rgba(212,168,83,.025) 1px,transparent 1px,transparent 9px),#090b0e}
.auth-screen::before{content:"";position:absolute;inset:9% 8%;border:1px solid rgba(var(--theme-secondary-rgb),.12);pointer-events:none}
.auth-screen::after{content:"AZEROTH";position:absolute;right:6vw;bottom:2vh;z-index:0;color:rgba(var(--theme-secondary-rgb),.035);font:800 112px/1 Georgia,serif;letter-spacing:0;pointer-events:none}
.auth-panel{position:relative;z-index:1;width:min(430px,100%);gap:12px;padding:34px;border:1px solid var(--ui-line);border-top:3px solid var(--ui-gold);border-radius:6px;background:rgba(19,22,27,.96);box-shadow:0 30px 80px rgba(0,0,0,.52)}
.auth-brand{margin-bottom:12px;text-align:left}.auth-brand .eyebrow{color:var(--ui-gold)}
.auth-panel h2{margin:8px 0 0;color:var(--ui-text);font:700 30px/1.2 Georgia,"Noto Serif SC",serif;text-align:left;letter-spacing:0}
.auth-brand p{margin-top:8px;color:var(--ui-muted);font-size:13px}
.auth-input{min-height:46px;border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-surface-deep);color:var(--ui-text);padding:10px 12px;font-size:14px}
.auth-input:focus{border-color:var(--theme-accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.14)}
.auth-submit{min-height:46px;border-radius:4px;font-size:15px}.auth-link{color:var(--theme-accent);font-size:13px}.auth-message{font-size:12px}

/* Shell */
#game{width:100%;height:100dvh;min-width:0;padding:10px;gap:10px;grid-template-areas:"header header header" "map stage utility";grid-template-columns:minmax(260px,300px) minmax(430px,1fr) minmax(360px,440px);grid-template-rows:64px minmax(0,1fr);overflow:hidden}
.game-header{grid-area:header;min-width:0;min-height:64px;display:flex;align-items:center;gap:14px;padding:8px 14px;border:1px solid var(--ui-line);border-left:3px solid var(--ui-gold);border-radius:6px;background:rgba(19,22,27,.94);box-shadow:var(--ui-shadow);overflow:hidden}
.game-header::before{display:none}
.game-header::after{display:none}.game-brand{min-width:0}.game-brand .eyebrow{font-size:9px;color:var(--ui-gold)}
.game-brand h1{width:auto;margin:2px 0 0;color:var(--ui-text);font:700 22px/1.1 Georgia,"Noto Serif SC",serif;text-align:left;text-shadow:none;letter-spacing:0}
.game-brand p{margin-top:3px;color:var(--ui-faint);font-size:10px}.game-status{position:static;margin-left:auto;padding:0;gap:8px}
.theme-switcher{display:flex;gap:6px;padding:6px;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-surface-deep);box-shadow:none}
.theme-btn{width:18px;height:18px;flex:0 0 18px;border:1px solid #6e747b;border-radius:50%;box-shadow:none}
.theme-btn[data-theme="dark"]{background:#17303a;border-color:#d4a853}.theme-btn[data-theme="ember"]{background:#9f3e29;border-color:#e2aa4d}.theme-btn[data-theme="mono"]{background:linear-gradient(135deg,#fff 0 49%,#111 50% 100%);border-color:#8d8d8d}
.theme-btn.active{box-shadow:0 0 0 2px var(--ui-surface-deep),0 0 0 3px var(--ui-gold-bright)}
.status-logout{min-height:32px;padding:0 10px;border:1px solid #63403b;border-radius:4px;background:#211615;color:#e7aaa4;font-size:11px}.status-logout:hover{border-color:var(--ui-red);background:#2b1917;color:#fff}
.col-map,.col-center,.col-right{min-width:0;min-height:0;border:1px solid var(--ui-line);border-radius:6px;background:rgba(14,17,21,.94);box-shadow:var(--ui-shadow)}
.col-map{grid-area:map;display:flex;flex-direction:column;gap:8px;padding:10px;overflow:hidden}
.col-center{grid-area:stage;display:grid;grid-template-rows:auto auto auto minmax(140px,1fr);gap:8px;padding:10px;overflow:hidden}
.col-right{grid-area:utility;display:grid;grid-template-rows:minmax(310px,.95fr) minmax(280px,1.05fr);gap:8px;padding:0;overflow:hidden;font-size:14px}
.character-pane,.collection-pane{min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px;overflow:hidden}.character-pane{border-bottom:1px solid var(--ui-line)}
.column-heading{min-height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 9px;border-bottom:1px solid var(--ui-line-soft)}
.column-heading>div{min-width:0}.column-heading strong{display:block;margin-top:2px;color:var(--ui-text);font:700 16px/1.2 Georgia,"Noto Serif SC",serif;letter-spacing:0}
.column-heading>span{color:var(--ui-faint);font-size:10px;white-space:nowrap}.eyebrow{color:var(--theme-accent);font-size:9px;font-weight:800;letter-spacing:.08em}
.panel{margin:0;padding:10px;border:1px solid var(--ui-line-soft);border-radius:6px;background:var(--ui-surface);box-shadow:none}.panel::before{display:none}

/* v4-shell-end */


/* Exploration */
.map-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:66px;gap:6px;margin:0}
.map-item{min-width:0;justify-content:flex-end;align-items:flex-start;padding:8px;border:1px solid var(--ui-line-soft);border-radius:5px;background:var(--ui-surface);color:var(--ui-text);text-align:left;box-shadow:none}
.map-item::after{content:"›";position:absolute;right:8px;top:7px;color:var(--ui-faint);font-size:16px}
.map-item:hover{border-color:var(--theme-accent);background:var(--ui-surface-raised);transform:none}
.map-item.selected{border-color:var(--ui-gold);box-shadow:inset 3px 0 var(--ui-gold);background:#211d15}
.map-item .mi-name{padding-right:12px;color:var(--ui-text);font-size:12px;font-weight:800}
.map-item .mi-desc,.map-item .mi-explore{margin-top:3px;color:var(--ui-muted);font-size:9px}.map-item .mi-explore{color:var(--ui-gold-bright)}
.map-card-glow{display:none}
#mapContent{min-height:0;flex:1 1 auto;overflow:auto;padding-right:3px}
.zone-hero{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 9px;margin:0 0 7px;padding:9px;border:1px solid var(--ui-line-soft);border-radius:5px;background:var(--ui-surface)}
.zone-hero::before{content:"当前区域";position:absolute;right:8px;top:7px;color:var(--ui-faint);font-size:8px}
.zone-icon{grid-row:span 2;font-size:24px}.zone-title{color:var(--ui-text);font-size:14px;font-weight:800}.zone-desc{color:var(--ui-muted);font-size:10px}.zone-progress{grid-column:1/-1;margin-top:5px}
.map-info-tabs,.monster-browser{border-color:var(--ui-line-soft);border-radius:5px;background:var(--ui-surface-deep)}
.map-info-tabs button,.monster-level-filters button{border-radius:3px}
.monster-list{grid-template-columns:1fr;gap:5px}
.monster-item{min-height:78px;padding:7px;border:1px solid var(--ui-line-soft);border-radius:5px;background:var(--ui-surface);box-shadow:none}
.monster-item:hover{border-color:var(--ui-gold);background:var(--ui-surface-raised)}
.monster-item .mi-icon{width:38px;height:38px;border-radius:4px;background:var(--ui-surface-deep)}
.monster-item .mi-name{color:var(--ui-text);font-size:12px}.monster-item .mi-summary{font-size:9px}.monster-actions{flex-basis:58px}.monster-fight{min-height:34px;border-radius:3px;font-size:10px}
.npc-grid.town-npc-grid{grid-template-columns:1fr;gap:6px}
.town-npc-grid .npc-btn{min-height:68px;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:8px;border-radius:5px}
.npc-btn .npc-icon{width:38px;height:38px;border-radius:4px;font-size:22px}
.npc-btn .npc-name{font-size:12px;line-height:1.25;word-break:normal}
.npc-btn .npc-desc{margin-top:3px;font-size:10px;line-height:1.35;word-break:normal}

/* Battle stage */
.battle-heading{grid-row:1}.battle-idle-panel,.battle-panel{grid-row:2;min-height:0;overflow:visible}
.battle-idle-panel{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);place-items:center start;gap:22px;padding:32px;border-color:#57492e;background:linear-gradient(90deg,rgba(var(--theme-secondary-rgb),.08),transparent 55%),var(--ui-surface-deep)}
.battle-idle-panel::after{content:"";position:absolute;inset:14px;border:1px solid rgba(var(--theme-secondary-rgb),.12);pointer-events:none}
.battle-idle-emblem{display:grid;width:96px;height:96px;place-items:center;border:1px solid rgba(var(--theme-secondary-rgb),.55);border-radius:50%;color:var(--ui-gold-bright);background:#17140f;font:700 25px/1 Georgia,serif;box-shadow:inset 0 0 0 8px #0d0f12}
.battle-idle-copy{position:relative;z-index:1;max-width:430px}.battle-idle-copy strong{display:block;margin-top:6px;color:var(--ui-text);font:700 24px/1.25 Georgia,"Noto Serif SC",serif;letter-spacing:0}.battle-idle-copy p{margin:9px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.6}
.battle-panel{padding:16px;border-color:#5e443e;background:#171312}.battle-shell{height:auto;display:flex;flex-direction:column;gap:14px}
.monster-head{gap:12px;padding-bottom:14px;border-bottom:1px solid var(--ui-line)}
.monster-avatar{width:58px;height:58px;border:1px solid #704d43;border-radius:6px;background:#221513;font-size:34px}
.battle-kicker{color:var(--ui-red);font-size:9px;letter-spacing:.08em}.monster-name{margin-top:3px;color:#fff;font:700 24px/1.15 Georgia,"Noto Serif SC",serif;letter-spacing:0}
.monster-rank-entry,.battle-time{border-radius:4px;background:var(--ui-surface-deep)}.monster-rank-entry{min-height:30px;border-color:#61483e;color:#e7b2a8}
.battle-time{min-width:62px;border-color:var(--ui-line);padding:5px 8px}.battle-time span{color:var(--ui-faint);font-size:8px}.battle-time b{color:var(--ui-gold-bright);font-size:14px}
.pixel-combat-stage{position:relative;display:grid;grid-template-columns:minmax(112px,.72fr) minmax(190px,1fr) minmax(86px,.55fr);align-items:center;min-height:178px;overflow:hidden;border:1px solid #44362c;border-radius:5px;background:radial-gradient(circle at 54% 18%,rgba(88,166,255,.12),transparent 24%),linear-gradient(180deg,#101923 0 63%,#151512 63% 70%,#090b0d 70%);isolation:isolate}
.pixel-combat-stage::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0 49.7%,rgba(245,197,24,.08) 50%,transparent 50.3%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.018) 35px 36px);opacity:.7}
.pixel-combat-stage::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:27px;height:2px;background:linear-gradient(90deg,transparent,#704d43 18%,#f0ca78 52%,#704d43 82%,transparent);box-shadow:0 6px 0 rgba(0,0,0,.32),0 11px 0 rgba(0,0,0,.18)}
.pixel-combat-stage-copy{align-self:start;display:grid;gap:3px;padding:15px 0 0 15px}.pixel-combat-stage-copy span{color:var(--ui-faint);font-size:8px;font-weight:850;letter-spacing:.08em}.pixel-combat-stage-copy b{color:#f0ca78;font-size:13px}.pixel-combat-stage-copy small{color:#818b98;font-size:8px;line-height:1.4}
.player-battle-sprite-wrap{position:relative;align-self:end;justify-self:center;width:214px;height:169px;animation:pixel-hero-idle-bob 1.3s steps(2,end) infinite}
.player-battle-sprite-wrap::after{content:"";position:absolute;left:50%;bottom:15px;width:92px;height:13px;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.48);filter:blur(2px)}
.player-battle-sprite{position:relative;z-index:1;display:block;width:214px;height:169px;overflow:visible}
.player-battle-sprite-art{display:block;width:214px;height:228px;transform:translateY(-44px);background-image:url("../assets/characters/dual-weapon-hero-spritesheet.png?v=20260726-pixel-hero-v1");background-repeat:no-repeat;background-size:400% 300%;background-position:0 0;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #050607) drop-shadow(0 0 6px rgba(0,0,0,.45))}
.pixel-combat-target{position:relative;align-self:stretch;display:grid;place-items:center;color:#e7b2a8}.pixel-combat-target i{position:absolute;left:-8px;right:18px;top:50%;height:1px;background:linear-gradient(90deg,rgba(248,81,73,.58),transparent)}.pixel-combat-target b{position:absolute;top:15px;color:#806d66;font-size:8px;letter-spacing:.08em}.pixel-combat-target span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(248,81,73,.34);transform:rotate(45deg);background:rgba(77,26,24,.2);color:#f08883;font-size:17px;box-shadow:inset 0 0 0 7px rgba(0,0,0,.18)}
.pixel-combat-stage[data-action="melee"] .player-battle-sprite-art{animation:pixel-hero-melee .64s steps(1,end) 1}
.pixel-combat-stage[data-action="ranged"] .player-battle-sprite-art{animation:pixel-hero-ranged .82s steps(1,end) 1}
.pixel-combat-stage[data-action="spell"] .player-battle-sprite-art{animation:pixel-hero-spell .88s steps(1,end) 1;filter:drop-shadow(0 2px 0 #050607) drop-shadow(0 0 8px rgba(163,113,247,.72))}
.pixel-combat-stage[data-action]:not([data-action="idle"]) .player-battle-sprite-wrap{animation:none}
.combat-animation-preview-modal{width:min(760px,calc(100vw - 28px));max-width:760px}.combat-animation-preview-body{display:grid;gap:12px}.combat-animation-preview-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.combat-animation-preview-intro strong{display:block;margin-top:4px;color:var(--ui-text);font-size:18px}.combat-animation-preview-intro p{margin:5px 0 0;color:var(--ui-muted);font-size:11px;line-height:1.55}.combat-animation-preview-intro>em{border:1px solid #6b5935;border-radius:999px;background:#211c12;color:var(--ui-gold-bright);padding:5px 8px;font-size:9px;font-style:normal;white-space:nowrap}.combat-animation-preview-modal .pixel-combat-stage{min-height:260px;grid-template-columns:minmax(130px,.72fr) minmax(260px,1.15fr) minmax(96px,.55fr)}.combat-animation-preview-modal .player-battle-sprite-wrap{width:270px;height:232px}.combat-animation-preview-modal .player-battle-sprite{width:270px;height:232px}.combat-animation-preview-modal .player-battle-sprite-art{width:270px;height:288px;transform:translateY(-42px)}.combat-animation-preview-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.combat-animation-preview-controls .btn{min-height:38px;margin:0;padding:7px 9px;font-size:10px}.combat-animation-preview-action.active{border-color:#f0ca78;background:#2b2415;color:#f0ca78;box-shadow:inset 0 0 0 1px rgba(240,202,120,.14)}
.npc-btn.animation-preview-npc{border-color:rgba(210,168,255,.42);background:linear-gradient(180deg,rgba(37,28,48,.96),rgba(13,17,23,.96))}.npc-btn.animation-preview-npc:hover{border-color:#d2a8ff}.npc-btn.animation-preview-npc .npc-icon{border-color:rgba(210,168,255,.48);background:linear-gradient(180deg,rgba(163,113,247,.16),#0d1117)}.npc-btn.animation-preview-npc .npc-name{color:#d2a8ff}
body[data-theme="mono"] .pixel-combat-stage{border-color:#000;background:#fff!important}body[data-theme="mono"] .pixel-combat-stage::before{opacity:.12}body[data-theme="mono"] .pixel-combat-stage::after{background:#000;box-shadow:none}body[data-theme="mono"] .pixel-combat-stage-copy span,body[data-theme="mono"] .pixel-combat-stage-copy b,body[data-theme="mono"] .pixel-combat-stage-copy small,body[data-theme="mono"] .pixel-combat-target b,body[data-theme="mono"] .pixel-combat-target span{color:#000}body[data-theme="mono"] .player-battle-sprite-art{filter:grayscale(1) contrast(1.08) drop-shadow(0 2px 0 #000)}body[data-theme="mono"] .pixel-combat-target span{border-color:#000;background:#fff;box-shadow:inset 0 0 0 7px #fff}
@keyframes pixel-hero-idle-bob{0%,49%{transform:translateY(0)}50%,100%{transform:translateY(-2px)}}
@keyframes pixel-hero-melee{0%,24%{background-position:0 50%}25%,49%{background-position:33.333333% 50%}50%,74%{background-position:66.666667% 50%}75%,100%{background-position:100% 50%}}
@keyframes pixel-hero-ranged{0%,24%{background-position:0 100%}25%,49%{background-position:33.333333% 100%}50%,74%{background-position:66.666667% 100%}75%,100%{background-position:100% 100%}}
@keyframes pixel-hero-spell{0%,32%{background-position:33.333333% 0}33%,65%{background-position:66.666667% 0}66%,100%{background-position:100% 0}}
.battle-bars{gap:9px}.battle-bar-row{grid-template-columns:36px minmax(0,1fr);gap:8px}.battle-bar-row label{min-width:0;color:var(--ui-muted);font-size:10px}
.bar-bg,.player-vitals .bar-bg,.battle-bar-row .bar-bg{height:20px;border:1px solid #2d3136;border-radius:3px;background:#080a0c;box-shadow:inset 0 1px 4px rgba(0,0,0,.5)}
.bar-fill{border-radius:2px;box-shadow:inset 0 1px rgba(255,255,255,.2)}.bar-text,.player-vitals .bar-text{line-height:18px;color:#fff;font-size:10px;font-weight:800}
.battle-info-grid{grid-template-columns:1fr 2fr;gap:7px}.battle-info-grid>div,.def-display{border-color:var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep)}
.battle-info-grid>div{padding:9px 10px}.battle-info-grid span{color:var(--ui-faint);font-size:8px}.battle-info-grid b{color:var(--ui-text);font-size:11px}.def-display{padding:8px 10px;font-size:10px}
@media(max-width:720px){.pixel-combat-stage,.combat-animation-preview-modal .pixel-combat-stage{grid-template-columns:82px minmax(150px,1fr) 48px;min-height:174px}.pixel-combat-stage-copy{padding:10px 0 0 10px}.pixel-combat-stage-copy small{display:none}.player-battle-sprite-wrap,.player-battle-sprite,.combat-animation-preview-modal .player-battle-sprite-wrap,.combat-animation-preview-modal .player-battle-sprite{width:178px;height:160px}.player-battle-sprite-art,.combat-animation-preview-modal .player-battle-sprite-art{width:178px;height:190px;transform:translateY(-28px)}.pixel-combat-target span{width:34px;height:34px}.pixel-combat-target i{right:8px}.combat-animation-preview-intro{display:grid}.combat-animation-preview-intro>em{justify-self:start}.combat-animation-preview-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.player-battle-sprite-wrap{animation:none}.pixel-combat-stage[data-action] .player-battle-sprite-art{animation-duration:.01ms;animation-iteration-count:1}}
.battle-report{border-radius:4px;background:var(--ui-surface-deep)}.battle-report-metrics>span{border-radius:3px}
.battle-report-stack{grid-row:3}.log-panel{grid-row:4;min-height:0!important;padding:9px;background:#090b0e}#log{height:100%;border:0;background:transparent;color:var(--ui-muted);font:12px/1.65 "SFMono-Regular",Consolas,"Microsoft YaHei",monospace}

/* Character */
.character-pane>.player-panel{min-height:0;flex:1 1 auto;overflow:auto;margin-top:8px;padding:10px;background:transparent;border:0}
.player-identity{margin-bottom:8px}.player-kicker{display:none}
.player-title{margin:0!important;padding:0 0 8px;border-bottom:1px solid var(--ui-line-soft);color:var(--ui-text);font:700 20px/1.2 Georgia,"Noto Serif SC",serif;letter-spacing:0}
.player-vitals{gap:6px;margin-bottom:8px}.player-vitals .stat-row{grid-template-columns:32px minmax(0,1fr);gap:7px;font-size:10px}.player-vitals .stat-row label{min-width:0;color:var(--ui-muted);font-size:9px}
.player-vitals .bar-bg{height:16px}.player-vitals .bar-text{line-height:14px;font-size:9px}
.player-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:7px}
.meta-card{min-height:62px;padding:7px;border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep);box-shadow:none}
.meta-card .meta-label{color:var(--ui-muted);font-size:8px}.meta-purpose{font-size:7px}.meta-card b{color:var(--ui-gold-bright);font-size:18px}.meta-card small{font-size:8px;color:var(--ui-faint)}
.reward-card{border-color:#5a492b;background:#18150f}.currency-card{border-color:#31545b;background:#0d1719}.recharge-entry{border-radius:3px;font-size:8px}
.character-pane .player-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.character-pane .currency-card{grid-column:1/-1}
.reward-card .meta-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 4px;align-items:center}
.reward-card .meta-label{grid-column:1;min-width:0}
.reward-card .meta-purpose{grid-column:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reward-card .reward-hint{grid-column:2;grid-row:1 / span 2;min-width:0;margin:0;padding:2px 5px;font-size:9px;align-self:center}
.equip-card{grid-template-columns:1fr;gap:6px;padding:7px;border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep)}
.equip-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px;font-size:10px}.equip-label{font-size:8px;color:var(--ui-faint)}.equip-name{font-size:10px}.equip-total{font-size:9px}
.combat-stats{gap:4px;margin:6px 0}.combat-stats span{padding:3px 5px;border-radius:3px;background:#211c12;color:var(--ui-gold-bright);font-size:8px}
.combat-trait-panel{margin-top:5px;padding:6px;border-color:var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep)}
.combat-trait-btn{min-width:108px;border-radius:3px;background:var(--ui-surface);padding:5px}
.combat-command-panel{margin-top:6px;border-color:var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep)}
.combat-command-panel>summary{padding:7px 8px;font-size:10px}.combat-loadout-card,.combat-tactics-fields label{border-radius:3px;background:#0b0d10}
.character-pane .combat-loadout-grid,.character-pane .combat-tactics-fields{grid-template-columns:1fr}
.character-pane .loadout-card-head b{overflow:visible;text-overflow:clip}
.auto-potion-row{min-height:32px;margin-top:6px;padding:4px 6px;border-color:var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep)}
.auto-potion-label{font-size:9px}.auto-potion-toggle{min-height:24px;border-radius:3px;font-size:9px}

@media (min-width:901px){
  .character-pane>.player-panel{
    display:grid;
    grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr);
    grid-template-areas:
      "name vitals"
      "meta meta"
      "equip equip"
      "stats stats"
      "traits traits"
      "automation automation"
      "config config";
    grid-template-rows:repeat(7,max-content);
    grid-auto-rows:max-content;
    align-content:start;
    gap:6px 8px;
  }
  .character-pane .player-identity{grid-area:name;min-width:0;margin:0}
  .character-pane .player-vitals{grid-area:vitals;min-width:0}
  .character-pane .player-meta{grid-area:meta}
  .character-pane .equip-card{grid-area:equip}
  .character-pane .combat-stats{grid-area:stats}
  .character-pane .combat-trait-panel{grid-area:traits;min-width:0;margin:0}
  .character-pane .combat-automation-panel{grid-area:automation;min-width:0}
  .character-pane .character-config-panel{grid-area:config;min-width:0}
  .character-pane .combat-trait-btn{min-width:0}
  .character-pane .equip-actions{display:flex;justify-content:flex-end;justify-items:initial}
  .character-pane .equip-clear-btn{position:static;inset:auto;margin:0}
}

/* Collection */
.collection-pane>.tabs{flex:0 0 auto;margin:8px 0 0;padding:3px;border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep)}
.tab{min-height:30px;padding:6px 3px;border:1px solid transparent!important;border-radius:3px!important;background:transparent!important;color:var(--ui-muted);font-size:10px}
.tab:hover{border-color:var(--ui-line)!important;background:var(--ui-surface-raised)!important;color:var(--ui-text)}
.tab.active{border-color:#69562f!important;background:#211c12!important;color:var(--ui-gold-bright)}
.collection-pane>.tab-content{min-height:0;flex:1 1 auto;margin-top:6px;padding:7px;border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep);overflow:auto}
.weapon-view-tabs,.series-tabs,.codex-tabs{border-color:var(--ui-line-soft);border-radius:4px;background:#0a0c0f}
.weapon-view-tabs button,.series-tab,.codex-tabs button{border-radius:3px;font-size:9px}
.coll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.coll-item{min-height:92px;padding:6px 5px;border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface);box-shadow:none}
.coll-item:hover{border-color:var(--theme-accent);background:var(--ui-surface-raised);transform:none}.coll-item.owned{border-color:#35543d;background:#111a14}
.coll-item.equipped{border-color:var(--ui-gold);background:#201b12;box-shadow:inset 0 0 0 1px rgba(var(--theme-secondary-rgb),.12)}
.coll-item .ci-name{color:var(--ui-text);font-size:10px}.coll-item .ci-dmg{font-size:9px;color:var(--ui-muted)}
.item-card,.memento-wallet,.boss-codex-card,.pet-card,.leaderboard-row{border-radius:4px;background:var(--ui-surface)}
.collection-pane>#weaponDetailPanel,.collection-pane>#armorDetailPanel{flex:0 0 auto;max-height:28vh;margin-top:6px;overflow:auto}

/* v4-components-end */


/* Floating surfaces */
.monster-tooltip,.weapon-tooltip,.armor-tooltip,.shop-floating-detail{border:1px solid #6b5935;border-radius:6px;background:#12151a;box-shadow:0 20px 60px rgba(0,0,0,.58)}
.modal-bg{padding:16px;background:rgba(2,3,4,.8);backdrop-filter:blur(4px)}
.modal{width:min(94vw,820px);max-height:calc(100dvh - 32px);border:1px solid var(--ui-line);border-top:3px solid var(--ui-gold);border-radius:6px;background:var(--ui-surface);box-shadow:0 28px 90px rgba(0,0,0,.65)}
.modal-header{min-height:52px;padding:11px 13px;border-bottom:1px solid var(--ui-line);background:var(--ui-surface-raised)}
.modal-header h3{color:var(--ui-text);font:700 18px/1.2 Georgia,"Noto Serif SC",serif;text-align:left;letter-spacing:0}
.modal-body{padding:12px 13px 14px}.modal-close{width:30px;height:30px;padding:0;border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-surface-deep);color:var(--ui-muted);font-size:16px}
.modal-btn,.btn{border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-surface-raised);color:var(--ui-text);box-shadow:none}.modal-btn{font-size:14px}
.modal-btn:hover:not(:disabled),.btn:hover:not(:disabled){border-color:var(--theme-accent);background:#20262c}
.shop-item,.socket-wallet,.recharge-summary>div,.recharge-detail,.mail-summary>div,.season-card,.auction-item{border-radius:4px;background:var(--ui-surface-deep)}
.reconnect-panel{border-radius:6px;background:var(--ui-surface);border-color:var(--ui-line)}
.mobile-nav{display:none}

@media (max-width:1320px) and (min-width:1101px){
  #game{grid-template-columns:minmax(235px,270px) minmax(390px,1fr) minmax(330px,380px)}
  .game-brand p{display:none}.col-right{grid-template-rows:minmax(300px,1fr) minmax(260px,1fr)}
  .player-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-card{grid-column:1/-1}.coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px) and (min-width:901px){
  body{overflow:auto}
  #game{height:auto;min-height:100dvh;grid-template-areas:"header header" "map stage" "utility utility";grid-template-columns:minmax(260px,300px) minmax(0,1fr);grid-template-rows:64px minmax(620px,calc(100dvh - 84px)) minmax(700px,auto);overflow:visible}
  .col-right{grid-template-columns:1fr 1fr;grid-template-rows:minmax(680px,auto)}
  .character-pane{border-right:1px solid var(--ui-line);border-bottom:0}.collection-pane>.tab-content{min-height:560px}.coll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  body{overflow:auto;padding-bottom:66px}
  #game{display:block!important;width:100%;height:auto;min-height:100dvh;padding:8px;overflow:visible}
  .game-header{position:sticky;top:8px;z-index:180;min-height:58px;margin-bottom:8px;padding:7px 9px}
  .game-header::before{width:34px;height:34px;flex-basis:34px;font-size:16px}.game-brand h1{font-size:17px}.game-brand .eyebrow,.game-brand p{display:none}
  .theme-switcher{gap:5px;padding:5px}.theme-btn{width:16px;height:16px;flex-basis:16px}.status-logout{min-height:29px;padding:0 7px;font-size:9px}
  .col-right{display:contents}
  [data-mobile-view-pane]{display:none!important}
  body[data-mobile-view="explore"] [data-mobile-view-pane="explore"],
  body[data-mobile-view="battle"] [data-mobile-view-pane="battle"],
  body[data-mobile-view="character"] [data-mobile-view-pane="character"],
  body[data-mobile-view="collection"] [data-mobile-view-pane="collection"]{display:flex!important}
  .col-map,.col-center,.character-pane,.collection-pane{width:100%;min-height:calc(100dvh - 140px);padding:9px;border:1px solid var(--ui-line);border-radius:6px;background:rgba(14,17,21,.97);box-shadow:var(--ui-shadow)}
  .col-center{grid-template-rows:auto auto auto minmax(180px,34vh);overflow:visible}
  body[data-mobile-view="battle"] .col-center{display:grid!important}
  .character-pane,.collection-pane{overflow:visible}.character-pane>.player-panel{overflow:visible}.collection-pane>.tab-content{min-height:420px;overflow:visible}
  .map-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:64px}#mapContent{overflow:visible}.monster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.coll-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mobile-nav{position:fixed;left:50%;bottom:8px;z-index:350;width:min(520px,calc(100vw - 16px));height:54px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);padding:4px;border:1px solid var(--ui-line);border-top:2px solid var(--ui-gold);border-radius:6px;background:rgba(13,15,18,.97);box-shadow:0 12px 42px rgba(0,0,0,.7)}
  .mobile-nav-btn{min-width:0;border:0;border-right:1px solid var(--ui-line-soft);border-radius:3px;background:transparent;color:var(--ui-muted);font-size:12px;font-weight:800}
  .mobile-nav-btn:last-child{border-right:0}.mobile-nav-btn.active{background:#211c12;color:var(--ui-gold-bright)}
}
@media (max-width:620px){
  #game{padding:6px}.game-header{top:6px;margin-bottom:6px}.game-header::before{display:none}.game-status{gap:5px}
  .theme-switcher{gap:4px;padding:4px}.theme-btn{width:15px;height:15px;flex-basis:15px}
  .map-list{grid-template-columns:repeat(2,minmax(0,1fr))}.monster-list{grid-template-columns:1fr}
  .battle-idle-panel{grid-template-columns:1fr;place-items:center;text-align:center;padding:26px 20px}.battle-idle-emblem{width:76px;height:76px;font-size:21px}.battle-idle-copy strong{font-size:20px}
  .monster-name{font-size:19px}.monster-avatar{width:48px;height:48px;font-size:28px}
  .player-meta{grid-template-columns:1fr}.meta-card{min-height:56px}.equip-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{overflow-x:auto}.tab{min-width:62px;flex:1 0 62px}
  .modal-bg{padding:7px;align-items:stretch}.modal{width:100%;max-width:100%;max-height:calc(100dvh - 14px)}
  .auth-screen{padding:14px}.auth-screen::before,.auth-screen::after{display:none}.auth-panel{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Player guide */
.guide-modal{width:min(1080px,96vw);max-width:min(1080px,96vw)}
.guide-body{min-height:0;padding:0;overflow:hidden}
.guide-shell{display:grid;grid-template-columns:190px minmax(0,1fr);height:min(720px,calc(100dvh - 96px));min-height:0}
.guide-nav{display:flex;flex-direction:column;gap:4px;padding:12px;border-right:1px solid var(--ui-line);background:var(--ui-surface-deep)}
.guide-nav button{min-height:44px;padding:9px 11px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ui-muted);font-size:13px;font-weight:800;text-align:left;cursor:pointer}
.guide-nav button:hover{border-color:var(--ui-line);background:var(--ui-surface-raised);color:var(--ui-text)}
.guide-nav button.active{border-color:#69562f;background:#211c12;color:var(--ui-gold-bright)}
.guide-nav button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}
.guide-page{min-width:0;padding:18px 22px 24px;overflow-y:auto;scrollbar-width:thin}
.guide-page:focus{outline:0}
.guide-page-head{padding-bottom:14px;border-bottom:1px solid var(--ui-line)}
.guide-page-head>span{display:block;margin-bottom:5px;color:var(--ui-cyan);font-size:11px;font-weight:900}
.guide-page-head h4{margin:0;color:var(--ui-text);font-size:24px;line-height:1.3;letter-spacing:0}
.guide-page-head p{margin:7px 0 0;color:var(--ui-muted);font-size:14px;line-height:1.65}
.guide-page-content{padding-top:16px;color:var(--ui-text);font-size:14px;line-height:1.65}
.guide-step-list{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:guide-step}
.guide-step-list li{display:grid;grid-template-columns:36px 170px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:8px 0;border-bottom:1px solid var(--ui-line-soft);counter-increment:guide-step}
.guide-step-list li::before{content:counter(guide-step);display:grid;place-items:center;width:30px;height:30px;border:1px solid #6a5a38;border-radius:50%;background:#211c12;color:var(--ui-gold-bright);font-weight:900}
.guide-step-list li b{font-size:14px}.guide-step-list li span{color:var(--ui-muted)}
.guide-route{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0;padding:11px;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-surface-deep);overflow-x:auto}
.guide-route span{flex:0 0 auto;color:var(--ui-text);font-size:12px;font-weight:800}.guide-route i{color:var(--ui-gold-bright);font-style:normal}
.guide-note{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;margin-top:16px;padding:12px 14px;border-left:3px solid var(--ui-gold);background:rgba(var(--theme-secondary-rgb),.08)}
.guide-note b{color:var(--ui-gold-bright)}.guide-note p{margin:0;color:var(--ui-muted)}
.guide-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-topic{min-width:0}.guide-topic h4{margin:0 0 8px;padding-bottom:7px;border-bottom:2px solid var(--ui-line);color:var(--ui-text);font-size:17px;letter-spacing:0}
.guide-topic ul,.guide-topic ol{margin:0;padding-left:20px;color:var(--ui-muted)}.guide-topic li+li{margin-top:6px}
.guide-wide-topic{margin-top:18px}
.guide-progress-table{margin-top:18px;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line)}
.guide-progress-row{display:grid;grid-template-columns:105px minmax(150px,.8fr) minmax(0,1fr);gap:12px;padding:9px 10px;border-bottom:1px solid var(--ui-line-soft);align-items:center}
.guide-progress-row:last-child{border-bottom:0}.guide-progress-row b{color:var(--ui-text)}.guide-progress-row span{color:var(--ui-muted)}
.guide-progress-head{background:var(--ui-surface-deep)}.guide-progress-head b{color:var(--ui-gold-bright);font-size:12px}
.guide-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ui-line);border-left:1px solid var(--ui-line)}
.guide-slot-grid>div{display:grid;gap:3px;min-height:72px;padding:11px;border-right:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);background:var(--ui-surface-deep)}
.guide-slot-grid b{color:var(--ui-gold-bright)}.guide-slot-grid span{color:var(--ui-muted);font-size:12px}
.guide-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;border-top:1px solid var(--ui-line);border-left:1px solid var(--ui-line)}
.guide-facts>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:11px;border-right:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line)}
.guide-facts b{color:var(--ui-cyan)}.guide-facts span{color:var(--ui-muted)}
.guide-faq-list{border-top:1px solid var(--ui-line)}
.guide-faq-list details{border-bottom:1px solid var(--ui-line);background:transparent}
.guide-faq-list summary{padding:13px 4px;color:var(--ui-text);font-weight:800;cursor:pointer;list-style:none}
.guide-faq-list summary::-webkit-details-marker{display:none}.guide-faq-list summary::before{content:"+";display:inline-block;width:24px;color:var(--ui-gold-bright)}
.guide-faq-list details[open] summary::before{content:"−"}.guide-faq-list p{margin:0;padding:0 4px 13px 28px;color:var(--ui-muted)}
body[data-theme="mono"] .guide-nav button.active{background:#000;color:#fff}.guide-step-list li::before{box-sizing:border-box}

@media (max-width:720px){
  .guide-modal{width:100%;max-width:100%}.guide-body{overflow-y:auto}
  .guide-shell{display:block;height:auto;min-height:0}
  .guide-nav{position:sticky;top:0;z-index:2;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--ui-line);padding:8px}
  .guide-nav button{flex:0 0 auto;min-height:44px;padding:7px 11px;text-align:center}
  .guide-page{padding:15px 14px 22px;overflow:visible}
  .guide-page-head h4{font-size:20px}.guide-page-content{font-size:13px}
  .guide-step-list li{grid-template-columns:32px minmax(0,1fr);gap:7px}.guide-step-list li span{grid-column:2}
  .guide-two-column,.guide-slot-grid,.guide-facts{grid-template-columns:1fr}
  .guide-progress-row{grid-template-columns:92px minmax(0,1fr)}.guide-progress-row span:last-child{grid-column:2}
  .guide-progress-head{display:none}.guide-note{grid-template-columns:1fr;gap:4px}
}

/* Plain, low-distraction theme */
body[data-theme="mono"]{
  --ui-bg:#fff;--ui-surface:#fff;--ui-surface-raised:#f3f3f3;--ui-surface-deep:#fff;--ui-line:#111;--ui-line-soft:#777;
  --ui-text:#000;--ui-muted:#222;--ui-faint:#555;--ui-gold:#000;--ui-gold-bright:#000;--ui-cyan:#000;--ui-green:#000;--ui-red:#000;
  --theme-bg:#fff;--theme-accent:#000;--theme-accent-hover:#000;--theme-accent-rgb:0,0,0;--theme-secondary:#000;--theme-secondary-rgb:0,0,0;--theme-title:#000;--theme-title-rgb:0,0,0;
  color:#000;background:#fff;
}
body[data-theme="mono"]::before{display:none}
body[data-theme="mono"] #game{grid-template-areas:"header header header" "map stage utility"!important;grid-template-rows:64px minmax(0,1fr)!important}
body[data-theme="mono"] .game-header,body[data-theme="mono"] .col-map,body[data-theme="mono"] .col-center,body[data-theme="mono"] .col-right,body[data-theme="mono"] .character-pane,body[data-theme="mono"] .collection-pane,body[data-theme="mono"] .panel,body[data-theme="mono"] .tab-content,body[data-theme="mono"] .modal,body[data-theme="mono"] .auth-panel{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .game-header{display:flex!important;padding:8px 10px!important}
body[data-theme="mono"] .game-brand,body[data-theme="mono"] .column-heading{display:block!important}
body[data-theme="mono"] .game-header::before{display:none!important}
body[data-theme="mono"] .map-item,body[data-theme="mono"] .zone-hero,body[data-theme="mono"] .monster-item,body[data-theme="mono"] .meta-card,body[data-theme="mono"] .equip-card,body[data-theme="mono"] .tabs,body[data-theme="mono"] .coll-item,body[data-theme="mono"] .mobile-nav{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .mobile-nav-btn.active,body[data-theme="mono"] .tab.active{background:#000!important;color:#fff!important}
@media (max-width:1100px) and (min-width:901px){body[data-theme="mono"] #game{grid-template-areas:"header header" "map stage" "utility utility"!important;grid-template-rows:64px minmax(620px,calc(100dvh - 84px)) minmax(700px,auto)!important}}
@media (max-width:900px){
  body[data-theme="mono"] #game{display:block!important}
  body[data-theme="mono"] [data-mobile-view-pane]{display:none!important}
  body[data-theme="mono"][data-mobile-view="explore"] [data-mobile-view-pane="explore"],
  body[data-theme="mono"][data-mobile-view="battle"] [data-mobile-view-pane="battle"],
  body[data-theme="mono"][data-mobile-view="character"] [data-mobile-view-pane="character"],
  body[data-theme="mono"][data-mobile-view="collection"] [data-mobile-view-pane="collection"]{display:flex!important}
}

/* v4-end */

/* Desktop workspace, readable density and predictable scroll ownership. */
:root{--ui-font:"Noto Sans SC","PingFang SC","Microsoft YaHei","Segoe UI",Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--ui-font)}
.game-brand h1,.column-heading strong,.auth-panel h2,.player-title,.monster-name,
.battle-idle-copy strong,.modal-header h3,.battle-idle-emblem,.game-header::before{font-family:var(--ui-font)}
[hidden]{display:none!important}

.workspace-shell{min-width:0;min-height:0}
.workspace-switcher{display:none}
.workspace-view{min-width:0;min-height:0}
.combat-automation-panel{border:1px solid rgba(var(--theme-accent-rgb),.36);border-radius:4px;background:linear-gradient(145deg,rgba(var(--theme-accent-rgb),.1),rgba(4,9,15,.72));overflow:hidden}
.combat-automation-panel>.combat-tactics{border-top:0}
.combat-automation-panel>.auto-potion-row{margin:0 7px 7px}
.character-config-panel{border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface-deep);overflow:hidden}
.character-config-panel>summary{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 9px;color:var(--ui-text);font-size:12px;font-weight:800;cursor:pointer;list-style:none}
.character-config-panel>summary::-webkit-details-marker{display:none}
.character-config-panel>summary::before{content:"▸";color:var(--ui-gold-bright);transition:transform .15s ease}
.character-config-panel[open]>summary::before{transform:rotate(90deg)}
.character-config-panel>summary span{flex:1}.character-config-panel>summary b{color:var(--ui-faint);font-size:10px;font-weight:700}
.character-config-content{display:grid;gap:7px;padding:0 7px 7px;border-top:1px solid var(--ui-line-soft)}
.character-config-content>.combat-trait-panel{margin-top:7px}
.character-config-content>.combat-command-panel,.character-config-content>.auto-potion-row{margin-top:0}
.character-config-content>.combat-trait-panel,.character-config-content>.combat-command-panel,.character-config-content>.auto-potion-row{grid-area:auto;position:static;width:100%;height:auto;min-width:0;align-self:auto}

@media (min-width:1101px){
  body{font-size:14px}
  #game{
    grid-template-areas:"header header" "map workspace";
    grid-template-columns:clamp(260px,15.5vw,300px) minmax(0,1fr);
    grid-template-rows:64px minmax(0,1fr);
    gap:10px;
    padding:10px;
  }
  .game-header{grid-area:header}
  .col-map{grid-area:map}
  .workspace-shell{grid-area:workspace;display:grid;grid-template-rows:40px minmax(0,1fr);gap:8px;overflow:hidden}
  .workspace-switcher{display:flex;align-items:center;width:max-content;min-width:270px;padding:3px;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-surface-deep);box-shadow:var(--ui-shadow)}
  .workspace-tab{min-width:130px;min-height:32px;padding:6px 16px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ui-muted);font-size:13px;font-weight:800;cursor:pointer}
  #workspaceBossCodexTab{display:inline-flex;align-items:center;justify-content:center;gap:7px}.workspace-tab-notice{display:grid;min-width:18px;height:18px;place-items:center;border-radius:4px;background:#7c3aed;color:#fff;font-size:10px;line-height:1}.workspace-tab.has-notice:not(.active){border-color:rgba(163,113,247,.32);color:#d8b4fe}
  .workspace-tab:hover{border-color:var(--ui-line);background:var(--ui-surface-raised);color:var(--ui-text)}
  .workspace-tab.active{border-color:#69562f;background:#211c12;color:var(--ui-gold-bright)}
  .workspace-tab:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}
  .workspace-battle-view{display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,22vw,430px);gap:10px;overflow:hidden}
  .workspace-battle-view>.col-center,.workspace-battle-view>.col-right{height:100%;min-height:0}
  .workspace-battle-view>.col-center{grid-area:auto;display:grid;grid-template-rows:auto auto auto minmax(150px,1fr);gap:8px;padding:10px;overflow:hidden}
  .workspace-battle-view>.col-right{grid-area:auto;display:block;padding:0;overflow:hidden;font-size:14px}
  .character-pane{height:100%;padding:10px;border:0;overflow:hidden}
  .character-pane>.player-panel{display:flex;flex-direction:column;gap:8px;height:calc(100% - 52px);min-height:0;margin-top:8px;padding:10px;overflow:auto;background:transparent;border:0}
  .character-pane .player-identity,.character-pane .player-vitals,.character-pane .player-meta,.character-pane .equip-card,.character-pane .combat-stats,.character-pane .combat-automation-panel,.character-pane .character-config-panel{flex:0 0 auto;width:100%;margin:0;align-self:stretch}
  .character-pane .player-title{font-size:20px}
  .character-pane .player-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .character-pane .currency-card{grid-column:auto}
  .character-pane .meta-card{min-height:74px;padding:8px}
  .character-pane .meta-card .meta-label,.character-pane .meta-purpose,.character-pane .meta-card small{font-size:10px;line-height:1.35}
  .character-pane .meta-card b{font-size:20px;line-height:1.2;overflow:visible}
  .character-pane .reward-line b,.character-pane .currency-line b{font-size:23px}
  .character-pane .equip-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;font-size:12px}
  .character-pane .equip-slot,.character-pane .equip-total{max-width:none;min-width:0;margin:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}
  .character-pane .equip-name{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
  .character-pane .equip-total{grid-column:1/-1;justify-content:flex-start}
  .character-pane .combat-stats span{font-size:11px;line-height:1.35}
  .character-pane .player-vitals .stat-row,.character-pane .player-vitals .stat-row label,.character-pane .player-vitals .bar-text{font-size:11px}
  .character-pane .combat-trait-btn{min-width:0}
  .workspace-collection-view{display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px;border:1px solid var(--ui-line);border-radius:6px;background:rgba(14,17,21,.94);box-shadow:var(--ui-shadow);overflow:hidden}
  .workspace-collection-view>.tab-content{min-height:0;flex:1 1 auto;overflow:auto}
  .workspace-collection-view .coll-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .workspace-collection-view .coll-item{min-height:108px;padding:9px}
  .workspace-collection-view .coll-item .ci-name{font-size:13px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  .workspace-collection-view .coll-item .ci-dmg{font-size:12px;line-height:1.35;white-space:normal}
  .column-heading strong{font-size:17px}.column-heading>span{font-size:11px}.eyebrow{font-size:10px}
  #log{font-family:var(--ui-font);font-size:13px;line-height:1.65}
  .tab{font-size:12px}.weapon-view-tabs button,.series-tab,.codex-tabs button{font-size:11px}
  body[data-theme="mono"] #game{grid-template-areas:"header header" "map workspace"!important;grid-template-columns:clamp(260px,15.5vw,300px) minmax(0,1fr)!important;grid-template-rows:64px minmax(0,1fr)!important}
}

@media (min-width:1400px){.workspace-collection-view .coll-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1700px){.workspace-collection-view .coll-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

@media (max-width:1100px) and (min-width:901px){
  body{overflow:auto}
  #game{height:auto;min-height:100dvh;grid-template-areas:"header header" "map workspace";grid-template-columns:minmax(260px,300px) minmax(0,1fr);grid-template-rows:64px auto;overflow:visible}
  .workspace-shell{grid-area:workspace;display:grid;gap:10px;min-height:0;overflow:visible}
  .workspace-switcher{display:none}
  .workspace-battle-view{display:grid;gap:10px}
  .workspace-battle-view>.col-center{min-height:620px}
  .workspace-battle-view>.col-right{display:block;min-height:680px}
  .workspace-battle-view .character-pane{height:100%;border:0}
  .workspace-collection-view{display:flex;min-height:700px;padding:10px;border:1px solid var(--ui-line);border-radius:6px;background:rgba(14,17,21,.94)}
  .character-pane>.player-panel{height:auto;overflow:visible}
  .character-pane .player-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .character-pane .currency-card{grid-column:auto}
  .workspace-collection-view .coll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-theme="mono"] #game{grid-template-areas:"header header" "map workspace"!important;grid-template-rows:64px auto!important}
}

@media (max-width:900px){
  .workspace-shell,.workspace-battle-view{display:contents}
  .workspace-switcher{display:none}
  .character-config-panel>summary{min-height:40px;font-size:13px}
  .character-config-panel>summary b{font-size:10px}
}

@media (min-width:901px) and (max-width:1100px){
  .character-pane .combat-automation-panel,.character-pane .character-config-panel{grid-column:1/-1}
}

/* Workspace v2: readable supporting text, equal side columns and local scrolling. */
.character-config-heading,.combat-command-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ui-text);font-size:12px;font-weight:800}
.character-config-heading{min-height:38px;padding:8px 9px}
.character-config-heading span,.combat-command-heading span{flex:1;min-width:0}
.character-config-heading b{color:var(--ui-faint);font-size:11px;font-weight:700}
.combat-command-heading{padding:8px 10px;color:#dce7f5}
.combat-command-heading b{color:var(--theme-secondary);font-size:11px}
.character-config-content{padding-top:7px}
.combat-command-panel{margin-top:0}

.meta-card .meta-label,.meta-card small{font-size:11px;line-height:1.35}
.reward-hint,.recharge-entry{font-size:10px}
.character-pane .meta-card{display:grid;grid-template-rows:minmax(18px,auto) minmax(24px,auto) minmax(18px,auto);align-content:space-between}
.character-pane .meta-head{min-height:0;align-self:start}
.character-pane .meta-card .meta-label,.character-pane .meta-card .meta-sub{font-size:12px;line-height:1.35}
.character-pane .meta-line{align-self:center;margin-top:0;min-height:24px;align-items:center;flex-direction:row;gap:6px}
.character-pane .meta-card .meta-line>b{font-size:20px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.character-pane .meta-sub{display:block;align-self:end;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.character-pane .battle-meta-line #pBattleTierName{color:#ffd65a;min-width:0;max-width:100%;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.character-pane .battle-level-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;overflow:visible;text-overflow:clip}
.character-pane .battle-level-sub span{display:block;white-space:nowrap}
.character-pane .reward-line .reward-hint{display:inline-flex;flex:0 0 auto;margin:0;padding:3px 6px;font-size:10px}
.character-pane .reward-line .reward-hint b{display:inline;overflow:visible;font-size:inherit;line-height:inherit}
.character-pane .currency-line b{font-size:20px}
.character-pane .recharge-entry{font-size:10px}
.explore-action-card{position:relative;grid-template-columns:42px minmax(0,1fr) 74px;overflow:visible;cursor:help}
.explore-action-card:focus{outline:1px solid rgba(var(--theme-secondary-rgb),.7);outline-offset:2px}
.explore-action-tip-source{display:none!important}
.explore-action-tip{display:none;position:fixed;left:0;top:0;z-index:420;width:min(380px,calc(100vw - 28px));gap:9px;overflow-y:auto;border:1px solid rgba(88,166,255,.42);border-radius:10px;background:linear-gradient(165deg,rgba(20,27,37,.99),rgba(5,9,15,.99));padding:11px;box-shadow:0 18px 42px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.035);pointer-events:none}
.explore-tip-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid rgba(148,163,184,.16)}
.explore-tip-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(88,166,255,.3);border-radius:9px;background:#0d1117;font-size:22px}
.explore-tip-head strong,.explore-tip-head span{display:block}.explore-tip-head strong{color:#79c0ff;font-size:14px;line-height:1.3}.explore-tip-head span{margin-top:2px;color:#7f8b99;font-size:10px}.explore-action-tip.active .explore-tip-head strong{color:#56d364}
.explore-tip-head>i{border:1px solid rgba(63,185,80,.35);border-radius:999px;background:rgba(63,185,80,.08);color:#74c887;font-size:10px;font-style:normal;padding:4px 7px;white-space:nowrap}.explore-tip-head>i.active{border-color:rgba(245,197,24,.42);background:rgba(245,197,24,.08);color:#f0ca78}.explore-tip-head>i.locked{border-color:#30363d;background:#0d1117;color:#697586}
.explore-tip-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.explore-tip-stats>span{min-width:0;border:1px solid rgba(148,163,184,.13);border-radius:7px;background:rgba(13,17,23,.72);padding:6px 7px}.explore-tip-stats em,.explore-tip-stats b{display:block;min-width:0;white-space:normal;font-style:normal}.explore-tip-stats em{color:#788697;font-size:9px}.explore-tip-stats b{margin-top:3px;color:#d9e2ec;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.explore-tip-requirement{border-left:2px solid #3fb950;background:rgba(63,185,80,.06);color:#8fd39d;font-size:10px;line-height:1.4;padding:5px 7px}.explore-tip-requirement.locked{border-left-color:#f0883e;background:rgba(240,136,62,.07);color:#e3a06b}
.explore-tip-section{display:grid;gap:6px}.explore-tip-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.explore-tip-section-title b{color:#aeb9c7;font-size:10px;letter-spacing:.05em}.explore-tip-section-title em{color:#657181;font-size:9px;font-style:normal}
.explore-tip-rewards,.explore-tip-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.explore-tip-rewards>span,.explore-tip-discovery-grid>span{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-areas:"icon name" "icon meta";align-items:center;column-gap:6px;min-width:0;border:1px solid #29313b;border-radius:7px;background:rgba(9,13,19,.78);padding:6px}.explore-tip-rewards i,.explore-tip-discovery-grid i{grid-area:icon;font-size:16px;font-style:normal;text-align:center}.explore-tip-rewards b,.explore-tip-discovery-grid b{grid-area:name;min-width:0;color:#cbd5e1;font-size:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.explore-tip-rewards em,.explore-tip-discovery-grid em{grid-area:meta;margin-top:2px;color:#778494;font-size:9px;line-height:1.2;font-style:normal}.explore-tip-rewards>span.empty{grid-column:1/-1;grid-template-columns:1fr;grid-template-areas:"name" "meta"}.explore-tip-discovery-grid>span.found{border-color:rgba(63,185,80,.34);background:rgba(63,185,80,.07)}.explore-tip-discovery-grid>span.found b{color:#79cf8b}.explore-tip-discovery-grid>span.following{border-color:rgba(245,197,24,.4);background:rgba(245,197,24,.07)}.explore-tip-discovery-grid>span.following b,.explore-tip-discovery-grid>span.following em{color:#f0ca78}.explore-tip-discovery-grid>span.locked b{color:#717d8b}
.explore-action-discoveries{display:grid;gap:8px}
body[data-theme="mono"] .explore-action-tip,body[data-theme="mono"] .explore-action-tip::before{border-color:#000!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .explore-action-tip *{color:#000!important}
.equip-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;font-size:13px;line-height:1.4}
.equip-slot{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:6px;max-width:none;white-space:normal}
.equip-showcase-label{grid-column:1/-1;margin-top:2px;padding-top:6px;border-top:1px solid rgba(88,166,255,.24);color:var(--ui-faint);font-size:9px;font-weight:800;letter-spacing:0}

.reputation-body{display:block}
.reputation-workspace{width:min(720px,100%);margin:0 auto}
.wow-reputation-frame{
  position:relative;
  overflow:hidden;
  border:1px solid #6f5b30;
  border-radius:3px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 20%,rgba(0,0,0,.22) 82%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#17150f,#0a0b0a 13%,#080909 88%,#15120c);
  padding:13px 12px 16px;
  box-shadow:
    0 10px 24px rgba(0,0,0,.38),
    inset 0 0 0 2px #080806,
    inset 0 0 0 3px rgba(190,149,63,.2),
    inset 0 14px 24px rgba(196,151,54,.04);
}
.wow-reputation-frame::before,.wow-reputation-frame::after{
  content:"";
  position:absolute;
  z-index:1;
  left:14px;
  right:14px;
  height:1px;
  background:linear-gradient(90deg,transparent,#8c7137 12%,#d0a84f 50%,#8c7137 88%,transparent);
  opacity:.58;
  pointer-events:none;
}
.wow-reputation-frame::before{top:6px}
.wow-reputation-frame::after{bottom:7px}
.wow-reputation-list{position:relative;z-index:2;display:grid;gap:8px}
.wow-reputation-branch{display:grid;gap:4px;min-width:0}
.wow-reputation-group{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:30px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:2px;
  background:transparent;
  padding:3px 10px 3px 7px;
  color:#d5b754;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.wow-reputation-group::after{
  content:"";
  position:absolute;
  top:5px;
  right:9px;
  bottom:5px;
  width:52px;
  display:none;
  background:linear-gradient(90deg,transparent,rgba(207,168,77,.07));
  clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);
  pointer-events:none;
}
.wow-reputation-group:hover,.wow-reputation-group:focus-visible{
  border-color:transparent;
  background:linear-gradient(90deg,rgba(205,153,55,.07),transparent 62%);
  outline:none;
}
.wow-reputation-group:hover b,.wow-reputation-group:focus-visible b{color:#ffe78c}
.wow-reputation-group:focus-visible>span{border-color:#c9a34d;box-shadow:inset 0 0 0 1px #050605,0 0 0 1px rgba(201,163,77,.7),0 1px 2px #000}
.wow-reputation-group>span{
  position:relative;
  display:grid;
  width:18px;
  height:18px;
  flex:0 0 18px;
  place-items:center;
  overflow:hidden;
  border:1px solid #8b723b;
  border-radius:2px;
  background:linear-gradient(145deg,#323127,#161713 48%,#070807 52%,#1b1b16);
  color:transparent;
  font-size:0;
  box-shadow:inset 0 0 0 1px #050605,0 0 0 1px rgba(0,0,0,.55),0 1px 2px #000;
}
.wow-reputation-group>span::before,.wow-reputation-group>span::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  top:7px;
  height:2px;
  border-radius:1px;
  background:linear-gradient(90deg,#8c211b,#e34a34 48%,#7d1917);
  box-shadow:0 1px #160402;
}
.wow-reputation-group[aria-expanded="false"]>span::before,.wow-reputation-group[aria-expanded="false"]>span::after{
  background:linear-gradient(90deg,#8d671a,#f2c34f 48%,#805916);
  box-shadow:0 1px #1d1102;
}
.wow-reputation-group[aria-expanded="false"]>span::after{left:8px;right:auto;top:3px;width:2px;height:10px}
.wow-reputation-group b{
  position:relative;
  z-index:1;
  min-width:0;
  overflow:hidden;
  color:#ddbd5b;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 1px 2px #000,0 0 8px rgba(212,166,64,.16);
}
.wow-reputation-children{position:relative;display:grid;gap:5px;padding:1px 4px 1px 37px}
.wow-reputation-children::before{
  content:"";
  position:absolute;
  left:13px;
  top:-5px;
  bottom:18px;
  border-left:1px solid rgba(150,126,72,.34);
  box-shadow:1px 0 rgba(0,0,0,.62);
}
.wow-reputation-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(210px,1.12fr);
  min-height:35px;
  overflow:visible;
  border:1px solid #62583e;
  border-radius:3px;
  background:
    linear-gradient(90deg,rgba(183,145,65,.11),rgba(96,102,67,.07) 52%,rgba(183,145,65,.065)),
    linear-gradient(180deg,#24241d,#151710 48%,#0e100c 52%,#181810);
  box-shadow:inset 0 1px 0 rgba(255,245,200,.075),inset 0 -1px #070805,inset 0 0 12px rgba(185,143,53,.04),0 2px 4px rgba(0,0,0,.35);
  transition:border-color .14s,filter .14s,transform .14s;
}
.wow-reputation-row::before{
  content:"";
  position:absolute;
  right:100%;
  top:50%;
  width:24px;
  border-top:1px solid rgba(150,126,72,.34);
  box-shadow:0 1px rgba(0,0,0,.62);
}
.wow-reputation-row:hover{z-index:2;border-color:#8a784a;filter:brightness(1.1);transform:translateX(1px)}
.wow-reputation-row.locked{filter:saturate(.42);opacity:.68}
.wow-reputation-row.locked:hover{filter:saturate(.55) brightness(1.08);opacity:.76}
.wow-reputation-name{
  display:flex;
  align-items:center;
  min-width:0;
  border-right:1px solid #302e24;
  background:linear-gradient(90deg,rgba(209,171,79,.055),transparent 84%);
  padding:4px 11px;
}
.wow-reputation-name b{
  overflow:hidden;
  color:#e1dfd2;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.wow-reputation-track{
  position:relative;
  align-self:center;
  min-width:0;
  height:23px;
  margin:4px 5px;
  overflow:hidden;
  border:1px solid #665d42;
  border-radius:2px;
  background:linear-gradient(180deg,#050605,#0a0b09 50%,#020302);
  box-shadow:inset 0 0 0 2px #090a08,inset 0 0 7px #000,0 0 0 1px #050605;
  outline:none;
}
.wow-reputation-track::after{
  content:"";
  position:absolute;
  inset:2px;
  border-top:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 42%,rgba(0,0,0,.12) 43%,rgba(0,0,0,.24));
  pointer-events:none;
}
.wow-reputation-track:focus-visible{border-color:#d5ac52;box-shadow:inset 0 0 0 2px #090a08,inset 0 0 7px #000,0 0 0 1px #050605,0 0 0 2px rgba(213,172,82,.7)}
.wow-reputation-track i{
  display:block;
  height:100%;
  border-right:1px solid rgba(255,255,255,.28);
  background:
    repeating-linear-gradient(90deg,transparent 0 20px,rgba(0,0,0,.08) 20px 21px),
    linear-gradient(180deg,rgba(255,255,255,.23),transparent 38%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.28)),
    var(--standing-color);
  box-shadow:inset 0 0 5px rgba(255,255,255,.16),0 0 7px var(--standing-color);
  transition:width .28s ease;
}
.wow-reputation-track span{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  color:#fff9e7;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:21px;
  text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000,0 1px 3px #000;
}
.wow-reputation-track .wow-reputation-value{display:none}
.wow-reputation-track:hover .wow-reputation-rank,.wow-reputation-track:focus-visible .wow-reputation-rank{display:none}
.wow-reputation-track:hover .wow-reputation-value,.wow-reputation-track:focus-visible .wow-reputation-value{display:grid}
.reputation-empty{border:1px solid #5a4b2d;border-radius:3px;background:linear-gradient(180deg,#17150f,#090a09);padding:20px;color:#a7a18c;font-size:12px;text-align:center;box-shadow:inset 0 0 0 2px #050605}
body[data-theme="mono"] .wow-reputation-frame,body[data-theme="mono"] .wow-reputation-row,body[data-theme="mono"] .wow-reputation-track,body[data-theme="mono"] .reputation-empty{border-color:#000!important;background:#fff!important;color:#000!important;box-shadow:none!important;filter:none!important;opacity:1!important}
body[data-theme="mono"] .wow-reputation-group{border-color:transparent!important;background:transparent!important;color:#000!important;box-shadow:none!important;filter:none!important;opacity:1!important}
body[data-theme="mono"] .wow-reputation-frame::before,body[data-theme="mono"] .wow-reputation-frame::after,body[data-theme="mono"] .wow-reputation-children::before,body[data-theme="mono"] .wow-reputation-row::before{background:#000!important;border-color:#000!important;box-shadow:none!important;opacity:1}
body[data-theme="mono"] .wow-reputation-group b,body[data-theme="mono"] .wow-reputation-name b,body[data-theme="mono"] .wow-reputation-track span{color:#000!important;text-shadow:none!important}
body[data-theme="mono"] .wow-reputation-track i{background:#777!important;border-color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .wow-reputation-track::after{display:none}
@media (max-width:520px){
  .reputation-workspace{width:100%}
  .wow-reputation-frame{padding:11px 7px 14px}
  .wow-reputation-list{gap:7px}
  .wow-reputation-group{min-height:32px;padding-right:8px}
  .wow-reputation-children{padding-left:31px;padding-right:1px}
  .wow-reputation-children::before{left:11px}
  .wow-reputation-row{grid-template-columns:minmax(0,1fr) minmax(116px,1fr);min-height:33px}
  .wow-reputation-row::before{width:20px}
  .wow-reputation-name{padding:3px 7px}
  .wow-reputation-track{height:22px;margin:4px}
  .wow-reputation-name b,.wow-reputation-track span{font-size:12px}
}
.armor-view-tabs{display:flex;gap:4px;margin:0 0 8px;padding:3px;border:1px solid var(--ui-line-soft);border-radius:4px;background:#0a0c0f}.armor-view-tabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ui-muted);font-size:12px;font-weight:800;cursor:pointer}.armor-view-tabs button:hover{border-color:var(--ui-line);background:var(--ui-surface-raised);color:var(--ui-text)}.armor-view-tabs button.active{border-color:#69562f;background:#211c12;color:var(--ui-gold-bright)}.armor-view-tabs b{min-width:20px;border:1px solid #69562f;border-radius:3px;padding:2px 5px;color:var(--ui-gold-bright);font-size:10px;line-height:1;text-align:center}.tabard-collection-item .ci-name{font-weight:800}.tabard-collection-item.owned{border-color:rgba(245,197,24,.24)}
.equip-label,.equip-name{font-size:13px;line-height:1.4}
.equip-label{color:#fff;font-weight:700}
.equip-name{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.equip-total{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;padding:7px 0 0;border:0;border-top:1px solid rgba(88,166,255,.24);font-size:12px}
.equip-stat{gap:5px;white-space:normal}.equip-stat-label{white-space:nowrap}
.character-pane .combat-stats span{font-size:12px;line-height:1.4}
.character-pane .player-vitals .stat-row,.character-pane .player-vitals .stat-row label,.character-pane .player-vitals .bar-text{font-size:11px}

.map-item .mi-desc,.map-item .mi-explore,.zone-desc{font-size:11px;line-height:1.35}
.zone-hero::before{font-size:10px}.column-heading>span{font-size:11px}.eyebrow{font-size:10px}
.monster-browser-kicker,.monster-level-filters button,.monster-item .mi-summary,.mi-instance,.mi-lock-reason{font-size:11px}
.mi-level-badge{font-size:11px}.monster-search input{font-size:12px}
.monster-item .mi-name{font-size:13px}.monster-fight{font-size:11px}
.explore-discovery-head span,.explore-discovery-head em,.explore-discovery-row strong,.explore-discovery-row span{font-size:11px}
.loadout-card-head em,.combat-loadout-card p,.loadout-card-actions button,.combat-tactics-head span,.combat-tactics-fields label>span,.combat-tactics-fields select,.combat-tactics-fields i{font-size:11px}
.combat-loadout-card p{height:auto;min-height:30px}.combat-tactics-fields i{line-height:1.4}

@media (min-width:1101px){
  #game{--workspace-side-width:clamp(350px,22vw,430px);grid-template-columns:var(--workspace-side-width) minmax(0,1fr)}
  .workspace-shell{grid-template-columns:minmax(0,1fr) var(--workspace-side-width);grid-template-rows:40px minmax(0,1fr);column-gap:10px;row-gap:8px}
  .workspace-switcher{grid-column:1;grid-row:1}
  .workspace-battle-view{display:contents}
  .workspace-battle-view>.col-center{grid-column:1;grid-row:2;height:100%;min-height:0}
  .workspace-battle-view>.col-right{grid-column:2;grid-row:1 / span 2;display:block;height:100%;min-height:0;padding:0;overflow:hidden;font-size:14px}
  .workspace-collection-view{grid-column:1;grid-row:2;height:100%;min-height:0}
  .character-pane>.player-panel{height:calc(100% - 52px)}
  .battle-map-content{display:flex;flex-direction:column;overflow:hidden}
  .battle-map-content>.zone-hero,.battle-map-content>.map-info-tabs{flex:0 0 auto}
  .map-tab-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}
  .map-tab-npcs>.monster-browser{flex:0 0 auto}
  .monster-list-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:3px}
  .map-npc-static{flex:0 0 auto;max-height:30%;overflow-y:auto}
  .map-tab-explore .explore-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin-bottom:0;overflow:hidden}
  .explore-fixed-content{display:grid;flex:0 0 auto;gap:7px}
  .landmark-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:3px}
}
@media (min-width:1280px){#game{--workspace-side-width:clamp(380px,22vw,430px)}}

@media (max-width:1100px){
  .battle-map-content,.map-tab-body,.map-tab-explore .explore-panel{display:block;overflow:visible}
  .monster-list-scroll,.landmark-scroll,.map-npc-static{max-height:none;overflow:visible;padding-right:0}
  .explore-fixed-content{display:grid;gap:7px}
}
@media (max-width:620px){
  .column-heading>span,.zone-desc,.map-item .mi-desc,.map-item .mi-explore{font-size:12px}
  .meta-card .meta-label,.meta-card small{font-size:12px}
  .equip-label,.equip-name{font-size:14px}
  .character-config-heading,.combat-command-heading{font-size:13px}
  .character-config-heading b,.combat-command-heading b{font-size:12px}
  .character-pane .combat-stats span{font-size:12px}
}

/* Collection readability pass: keep dense cards legible across every tab. */
.workspace-collection-view>.tabs .tab{font-size:13px}
.workspace-collection-view .weapon-view-tabs button,
.workspace-collection-view .series-tab,
.workspace-collection-view .codex-tabs button{font-size:12px;line-height:1.2}
.workspace-collection-view .weapon-view-tabs b,
.workspace-collection-view .codex-tabs button b{font-size:11px}
.workspace-collection-view .weapon-favorite-panel span{font-size:12px;line-height:1.35}
.workspace-collection-view .coll-item .ci-name{font-size:14px;line-height:1.35}
.workspace-collection-view .coll-item .ci-dmg,
.workspace-collection-view #collGrid .ci-stats,
.workspace-collection-view #collGrid .ci-stats label,
.workspace-collection-view .ci-pieces span,
.workspace-collection-view .ci-tag,
.workspace-collection-view .ci-action-btn{font-size:12px;line-height:1.3}
.workspace-collection-view #collGrid .ci-stats b{font-size:14px}
.workspace-collection-view .memento-wallet span{font-size:13px}
.workspace-collection-view .memento-wallet em{font-size:12px;line-height:1.4}
.workspace-collection-view .item-card.inventory-item-card .item-icon-mark{font-size:11px}
.workspace-collection-view .item-card.inventory-item-card .item-count{font-size:12px}

.workspace-collection-view .codex-summary span{font-size:12px;line-height:1.35}
.workspace-collection-view .boss-trophy-summary span{font-size:12px}.workspace-collection-view .boss-trophy-summary em{font-size:11px;line-height:1.35}
.workspace-collection-view .boss-codex-card{padding:10px}
.workspace-collection-view .boss-codex-head{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}
.workspace-collection-view .boss-codex-icon{width:40px;height:40px}
.workspace-collection-view .boss-codex-head b{font-size:14px;line-height:1.3}
.workspace-collection-view .boss-codex-head span,
.workspace-collection-view .boss-codex-head em,
.workspace-collection-view .boss-codex-progress>b,
.workspace-collection-view .boss-codex-records span,
.workspace-collection-view .boss-codex-basic span,
.workspace-collection-view .codex-locked-line,
.workspace-collection-view .boss-codex-research strong,
.workspace-collection-view .boss-codex-research p,
.workspace-collection-view .boss-codex-death span,
.workspace-collection-view .boss-codex-death b,
.workspace-collection-view .boss-codex-lore,
.workspace-collection-view .boss-codex-collection strong,
.workspace-collection-view .boss-codex-collection b,
.workspace-collection-view .boss-codex-collection span,
.workspace-collection-view .boss-codex-milestones span,
.workspace-collection-view .boss-codex-trial strong,
.workspace-collection-view .boss-codex-trial span,
.workspace-collection-view .boss-codex-trial button,
.workspace-collection-view .boss-codex-trial-action,
.workspace-collection-view .boss-codex-action{font-size:11px;line-height:1.4}
.workspace-collection-view .boss-codex-records span,
.workspace-collection-view .boss-codex-collection span,
.workspace-collection-view .boss-codex-milestones span{padding:4px 6px}
.workspace-collection-view .boss-codex-research,
.workspace-collection-view .boss-codex-collection,
.workspace-collection-view .boss-codex-trial{padding:8px}
.workspace-collection-view .boss-codex-action{min-height:32px}
.workspace-collection-view .boss-codex-trial-action{min-height:32px}

.workspace-collection-view .pet-codex-head span,
.workspace-collection-view .pet-codex-head p{font-size:12px;line-height:1.4}
.workspace-collection-view .pet-card{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:9px}
.workspace-collection-view .pet-icon{width:42px;height:42px}
.workspace-collection-view .pet-main b{font-size:14px;line-height:1.3}
.workspace-collection-view .pet-main span,
.workspace-collection-view .pet-main p,
.workspace-collection-view .pet-card button,
.workspace-collection-view .pet-card>em{font-size:12px;line-height:1.4}
.workspace-collection-view .pet-card button,
.workspace-collection-view .pet-card>em{min-height:30px}

@media (max-width:620px){
  .workspace-collection-view>.tabs .tab{font-size:14px}
  .workspace-collection-view .weapon-view-tabs button,
  .workspace-collection-view .series-tab,
  .workspace-collection-view .codex-tabs button{font-size:13px}
  .workspace-collection-view .coll-item .ci-name{font-size:15px}
  .workspace-collection-view .coll-item .ci-dmg,
  .workspace-collection-view .ci-tag,
  .workspace-collection-view .ci-action-btn{font-size:13px}
  .workspace-collection-view .boss-codex-head{grid-template-columns:38px minmax(0,1fr)}
  .workspace-collection-view .boss-codex-head>em{grid-column:2}
}

/* Unified desktop stage navigation. */
@media (min-width:1101px){
  .workspace-shell{grid-template-rows:42px minmax(0,1fr)}
  .workspace-switcher{display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:3px;scrollbar-width:thin}
  .workspace-tab{flex:1 0 auto;min-width:72px;min-height:34px;padding:6px 10px;color:var(--ui-text);font-size:14px;font-weight:900;white-space:nowrap}
  .workspace-tab[data-workspace-view="boss"]{min-width:88px}
  .workspace-collection-view>.collection-heading,
  .workspace-collection-view>.tabs,
  .workspace-collection-view .codex-tabs{display:none}
  .workspace-collection-view>.tab-content{margin-top:0}
}

/* Compact exploration map selector after removing Boss filters. */
@media (min-width:1101px){
  .col-map .map-list{grid-auto-rows:44px;gap:5px}
  .col-map .map-item{min-height:0;padding:5px 8px}
}
@media (max-width:1100px) and (min-width:901px){
  .col-map .map-list{grid-auto-rows:46px;gap:5px}
  .col-map .map-item{min-height:0;padding:5px 8px}
}
@media (max-width:900px){
  .col-map .map-list{grid-auto-rows:48px;gap:5px}
  .col-map .map-item{min-height:0;padding:5px 8px}
}
@media (max-width:620px){.col-map .map-list{grid-auto-rows:46px}}

/* Let long weapon names and source labels use the available card width; keep desktop cards compact and fixed-height. */
.workspace-collection-view #collGrid{grid-template-rows:none;grid-auto-rows:minmax(50px,auto);align-content:start}
@media (min-width:1101px){
  .workspace-collection-view #collGrid{grid-auto-rows:47px}
  .workspace-collection-view #collGrid>.coll-item{height:47px;min-height:47px;max-height:47px;padding-top:5px;padding-bottom:5px}
}
.workspace-collection-view #collGrid .ci-name{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;overflow:visible;white-space:normal}
.workspace-collection-view #collGrid .ci-name-text{flex:1 1 280px;max-width:none;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.workspace-collection-view #collGrid .ci-tag{flex:0 1 auto;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
@container (max-width:560px){
  .workspace-collection-view #collGrid .ci-name-text{flex-basis:100%}
  .workspace-collection-view #collGrid .ci-tag{flex-basis:auto}
}

/* Keep each exploration route's discoveries inside its own action tooltip. */
.explore-action-card{grid-template-columns:42px minmax(0,1fr) 74px;grid-template-areas:"icon main action";cursor:help}
.explore-action-icon{grid-area:icon}
.explore-action-main{grid-area:main}
.explore-action-main span{font-size:11px;white-space:normal;overflow:visible;text-overflow:clip}
.explore-action-actions{grid-area:action;min-width:0}
.explore-action-btn{grid-area:auto}
.explore-action-detail-btn,.monster-detail-btn{display:none}
.explore-inline-detail,.monster-inline-detail{display:none;min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(7,11,17,.72);padding:10px}
.explore-inline-detail{grid-area:detail;gap:9px}
.monster-inline-detail{flex:1 0 100%;font-size:14px;color:#c9d1d9}
.explore-inline-detail[hidden],.monster-inline-detail[hidden]{display:none!important}
body[data-theme="mono"] .explore-action-discoveries{border-color:#000!important}
body[data-theme="mono"] .explore-tip-rewards>span,body[data-theme="mono"] .explore-tip-discovery-grid>span,body[data-theme="mono"] .explore-tip-stats>span{border-color:#000!important;background:#fff!important;color:#000!important}
body[data-theme="mono"] .explore-inline-detail,body[data-theme="mono"] .monster-inline-detail{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important}
body[data-theme="mono"] .explore-inline-detail *,body[data-theme="mono"] .monster-inline-detail *{color:#000!important}
@media (max-width:620px){
  .explore-action-card{grid-template-columns:38px minmax(0,1fr) 68px}
  .explore-action-icon{width:38px;height:38px;font-size:21px}
  .explore-action-tip{width:min(350px,calc(100vw - 20px))}
  .explore-tip-rewards,.explore-tip-discovery-grid{grid-template-columns:1fr}
}

/* Region exploration is one persistent route with optional, catalog-driven projects. */
.explore-projects{display:grid;gap:4px;min-width:0;margin-top:2px}
.explore-projects-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px;padding:0 2px}
.explore-projects-head b{color:#aeb9c7;font-size:11px;line-height:1.2}
.explore-projects-head span{color:#f0ca78;font-size:10px;line-height:1.2}
.explore-project-status{display:block;color:#f0ca78;font-size:10px;line-height:1.2;padding:0 2px;text-align:right}
.explore-project-options{display:flex;align-items:stretch;gap:6px;min-width:0;flex-wrap:wrap}
.explore-project-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"choice detail";align-items:stretch;flex:1 1 150px;min-width:138px;max-width:230px;border:1px solid #30363d;border-radius:8px;background:#0d1117;overflow:visible}
.explore-project-option.selected{border-color:rgba(63,185,80,.55);background:rgba(63,185,80,.08)}
.explore-project-option.locked{opacity:.7}
.explore-project-option>label{grid-area:choice;display:grid;grid-template-columns:18px 27px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:40px;padding:4px 7px;cursor:pointer}
.explore-project-option>label:has(input:disabled){cursor:not-allowed}
.explore-project-option input[type="checkbox"]{width:17px;height:17px;margin:0;accent-color:#238636;cursor:inherit}
.explore-project-option input[type="checkbox"]:focus-visible{outline:2px solid #79c0ff;outline-offset:2px}
.explore-project-icon{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(148,163,184,.18);border-radius:6px;background:rgba(255,255,255,.025);font-size:16px;line-height:1}
.explore-project-copy{display:block;min-width:0}
.explore-project-copy b,.explore-project-copy em{display:block;min-width:0;letter-spacing:0;overflow-wrap:anywhere}
.explore-project-copy b{color:#c9d1d9;font-size:12px;line-height:1.2}
.explore-project-copy em{margin-top:3px;color:#788697;font-size:9px;line-height:1.2;font-style:normal}
.explore-project-option.selected .explore-project-copy b{color:#7ee787}
.explore-project-option>.explore-action-detail-btn{grid-area:detail;width:56px!important;height:auto!important;min-width:0}
.explore-project-option>.explore-inline-detail{grid-column:1/-1;grid-area:auto;min-width:0;margin:0 6px 6px}

@media (hover:hover) and (pointer:fine){
  .explore-project-option>.explore-action-detail-btn{display:none}
}
@media (max-width:900px), (min-width:901px) and (max-width:1100px) and (max-height:600px) and (pointer:coarse), (hover:none), (pointer:coarse){
  .explore-project-option.detail-open{grid-template-areas:"choice detail" "inline inline"}
  .explore-project-option>.explore-inline-detail{display:grid;grid-area:inline}
}
@media (max-width:620px){
  .explore-project-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .explore-project-option{width:100%;min-width:0;max-width:none}
  .explore-project-option>label{grid-template-columns:18px 24px minmax(0,1fr);gap:5px;padding:4px 6px}
  .explore-project-icon{width:24px;height:24px;font-size:14px}
}
@media (max-width:390px){
  .explore-project-options{grid-template-columns:1fr}
}
body[data-theme="mono"] .explore-projects,body[data-theme="mono"] .explore-project-option,body[data-theme="mono"] .explore-project-icon{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .explore-project-option.selected{outline:2px solid #000;outline-offset:-2px}
body[data-theme="mono"] .explore-project-option input[type="checkbox"]{accent-color:#000}
body[data-theme="mono"] .explore-project-option *,body[data-theme="mono"] .explore-projects-head *{color:#000!important}

/* Compact current-region header: title and progress only. */
.zone-hero,.battle-zone{display:block;min-height:0;padding:8px 9px;text-align:left}
.zone-title,.battle-zone .zone-title{display:block;margin:0;padding-right:76px;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.battle-zone .zone-progress{width:100%;margin-top:7px}

/* Standard game inventory */
.inventory-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;border:1px solid var(--ui-line);border-radius:6px;background:linear-gradient(180deg,rgba(28,32,38,.98),rgba(12,15,19,.98));overflow:hidden}
.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--ui-line);background:linear-gradient(180deg,#242a31,#171b20)}
.inventory-title-block{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1px 9px}.inventory-title-block .eyebrow{grid-column:1/-1;color:var(--ui-gold);font-size:10px}.inventory-title-block strong{color:var(--ui-text);font:700 21px/1 Georgia,"Noto Serif SC",serif}.inventory-title-block small{color:var(--ui-muted);font-size:12px;line-height:1.2}
.inventory-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.inventory-sell-junk-button{min-height:34px;border:1px solid #79643d;border-radius:4px;background:linear-gradient(180deg,#302719,#18140e);color:var(--ui-gold-bright);padding:0 11px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.inventory-sell-junk-button:hover:not(:disabled){border-color:var(--ui-gold-bright);filter:brightness(1.12)}.inventory-sell-junk-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.5}
.inventory-capacity{min-width:92px;border-left:1px solid var(--ui-line);padding-left:14px;text-align:right}.inventory-capacity span{display:block;color:var(--ui-muted);font-size:10px}.inventory-capacity b{display:block;color:var(--ui-text);font-size:16px;line-height:1.2}.inventory-capacity em{color:var(--ui-gold-bright);font-size:22px;font-style:normal}
.inventory-filters{display:flex;gap:4px;padding:7px 9px;border-bottom:1px solid var(--ui-line);background:#111419;overflow-x:auto}.inventory-filters button{min-width:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ui-muted);font-size:12px;font-weight:750;padding:6px 9px;white-space:nowrap;cursor:pointer}.inventory-filters button b{display:inline-flex;min-width:18px;justify-content:center;margin-left:3px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--ui-faint);font-size:10px;padding:1px 4px}.inventory-filters button:hover{color:var(--ui-text);background:rgba(255,255,255,.04)}.inventory-filters button.active{border-color:rgba(var(--theme-accent-rgb),.45);background:rgba(var(--theme-accent-rgb),.12);color:var(--theme-accent)}.inventory-filters button.active b{color:inherit;background:rgba(var(--theme-accent-rgb),.12)}
.inventory-layout{display:grid;grid-template-columns:minmax(330px,1fr) minmax(230px,290px);min-height:0}.inventory-grid-wrap{min-height:0;padding:11px;border-right:1px solid var(--ui-line);overflow:auto;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 45%),#0c0f13}.inventory-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));align-content:start;gap:6px;min-height:100%}
.inventory-grid .item-card.inventory-item-card,.inventory-empty-slot{aspect-ratio:1;min-height:0;border-radius:5px}.inventory-grid .item-card.inventory-item-card{border-color:var(--inventory-item-color,#444b54);background:linear-gradient(145deg,#252b32,#14181d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 3px 8px rgba(0,0,0,.28);transform:none}.inventory-grid .item-card.inventory-item-card::before{display:none}.inventory-grid .item-card.inventory-item-card:hover{border-color:var(--inventory-item-color,var(--theme-accent));filter:brightness(1.08)}.inventory-grid .item-card.inventory-item-card.selected{border-color:var(--inventory-item-color,var(--ui-gold-bright));box-shadow:inset 0 0 0 1px rgba(255,226,122,.34),0 0 12px rgba(203,160,73,.24)}.inventory-grid .item-card.inventory-item-card .item-icon-stack{width:42px;min-width:42px}.inventory-grid .item-card.inventory-item-card .item-icon{width:42px;height:42px;border:0;background:transparent;box-shadow:none}.inventory-empty-slot{border:1px solid #292f36;background:linear-gradient(145deg,rgba(28,33,39,.7),rgba(12,15,18,.82));box-shadow:inset 0 0 10px rgba(0,0,0,.3)}.inventory-grid-empty{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:180px;color:var(--ui-faint);pointer-events:none;text-align:center}.inventory-grid-empty span{display:grid;place-items:center;width:44px;height:44px;border:1px dashed var(--ui-line);border-radius:50%;font:700 15px Georgia,serif}.inventory-grid-empty p{margin:7px 0 0;font-size:12px}
.inventory-detail-panel{min-height:0;padding:12px;background:linear-gradient(180deg,#171b20,#101318);overflow:auto}.inventory-detail-empty{display:grid;place-items:center;align-content:center;height:100%;min-height:240px;color:var(--ui-muted);text-align:center}.inventory-detail-empty>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--ui-line);border-radius:50%;background:#0c0f13;font-size:34px;filter:grayscale(.8);opacity:.68}.inventory-detail-empty strong{margin-top:12px;color:var(--ui-text);font:700 16px Georgia,"Noto Serif SC",serif}.inventory-detail-empty p{max-width:210px;margin:5px 0 0;font-size:11px;line-height:1.5}.inventory-detail-card{display:flex;flex-direction:column;min-height:100%}.inventory-detail-head{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--ui-line)}.inventory-detail-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--inventory-item-color);border-radius:6px;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(8,11,14,.9));color:var(--inventory-item-color);font-size:38px;box-shadow:0 0 16px rgba(0,0,0,.25)}.inventory-detail-head span,.inventory-detail-head em{display:block;color:var(--ui-muted);font-size:10px;font-style:normal}.inventory-detail-head strong{display:block;margin:3px 0;color:var(--inventory-item-color);font:700 16px/1.25 Georgia,"Noto Serif SC",serif;overflow-wrap:anywhere}.inventory-detail-desc{margin:12px 0;border-left:2px solid var(--inventory-item-color);padding:2px 0 2px 9px;color:var(--ui-text);font-size:12px;line-height:1.55}.inventory-detail-stats{display:grid;gap:1px;border:1px solid var(--ui-line);border-radius:4px;overflow:hidden}.inventory-detail-stats>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0d1014;padding:7px 8px;font-size:11px}.inventory-detail-stats span{color:var(--ui-muted)}.inventory-detail-stats b{max-width:65%;color:var(--ui-text);font-size:11px;text-align:right;overflow-wrap:anywhere}.inventory-detail-hint{margin-top:10px;color:var(--ui-muted);font-size:10px;line-height:1.5}.inventory-detail-actions{display:grid;gap:7px;margin-top:auto;padding-top:12px}.inventory-action-button{width:100%;min-height:38px;border:1px solid var(--ui-line);border-radius:4px;background:linear-gradient(180deg,#293039,#15191e);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.inventory-action-button.primary{border-color:var(--inventory-item-color)}.inventory-action-button.primary.bulk{background:linear-gradient(180deg,#394b37,#1a241a)}.inventory-action-button.sell,.inventory-action-button.sell-all{border-color:#79643d;color:var(--ui-gold-bright)}.inventory-action-button:hover:not(:disabled){filter:brightness(1.14)}.inventory-action-button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.55}.inventory-use-actions,.inventory-sell-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inventory-use-actions>:only-child,.inventory-sell-actions>:only-child{grid-column:1/-1}
.inventory-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-top:1px solid var(--ui-line);background:#111419}.inventory-footer .memento-wallet{min-width:235px;margin:0;padding:5px 8px}.inventory-footer .memento-wallet b{font-size:16px}.inventory-footer .memento-wallet em{display:none}.inventory-footer>p{margin:0;color:var(--ui-faint);font-size:9px;text-align:right}
body[data-theme="mono"] .inventory-panel,body[data-theme="mono"] .inventory-toolbar,body[data-theme="mono"] .inventory-filters,body[data-theme="mono"] .inventory-grid-wrap,body[data-theme="mono"] .inventory-detail-panel,body[data-theme="mono"] .inventory-footer,body[data-theme="mono"] .inventory-empty-slot,body[data-theme="mono"] .inventory-detail-stats>div{border-color:#000!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .inventory-grid .item-card.inventory-item-card{border-color:#000!important;background:#fff!important;box-shadow:none!important}body[data-theme="mono"] .inventory-grid .item-card.inventory-item-card.selected{outline:3px solid #000;outline-offset:-4px}body[data-theme="mono"] .inventory-filters button.active,body[data-theme="mono"] .inventory-action-button,body[data-theme="mono"] .inventory-sell-junk-button{border-color:#000!important;background:#000!important;color:#fff!important}
@media (max-width:720px){.inventory-panel{height:auto;min-height:620px}.inventory-layout{grid-template-columns:1fr}.inventory-grid-wrap{border-right:0;border-bottom:1px solid var(--ui-line);overflow:visible}.inventory-grid{grid-template-columns:repeat(5,minmax(48px,1fr));min-height:360px}.inventory-detail-panel{min-height:320px}.inventory-detail-card{min-height:295px}.inventory-footer{align-items:stretch;flex-direction:column}.inventory-footer .memento-wallet{min-width:0}.inventory-footer>p{text-align:left}}
@media (max-width:520px){.inventory-toolbar{align-items:flex-start;gap:8px;padding:10px}.inventory-toolbar-actions{align-items:flex-end;flex-direction:column-reverse;gap:6px}.inventory-capacity{border-left:0;padding-left:0}.inventory-sell-junk-button{max-width:155px;overflow:hidden;text-overflow:ellipsis}.inventory-use-actions,.inventory-sell-actions{grid-template-columns:1fr}}
@media (max-width:420px){.inventory-grid-wrap{padding:7px}.inventory-grid{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:330px}.inventory-grid .item-card.inventory-item-card .item-icon-stack{width:36px;min-width:36px}.inventory-grid .item-card.inventory-item-card .item-icon{width:36px;height:36px}.inventory-grid .item-card.inventory-item-card .item-icon-emoji{font-size:25px}}
@media (max-width:600px){.legendary-materials{grid-template-columns:1fr}.legendary-recipe-head{grid-template-columns:42px minmax(0,1fr)}.legendary-recipe-icon{width:42px;height:42px;font-size:23px}}

/* Unified mall and manual recharge */
.status-season{position:relative;min-height:32px;display:inline-grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;gap:6px;border:1px solid #31545b;border-radius:4px;background:#101b20;color:#dbefff;padding:3px 9px;font-size:11px;text-align:left;cursor:pointer}
.status-season:hover{border-color:#79c0ff;background:#14242a;color:#fff}.status-season-icon{font-size:15px;line-height:1}.status-season-copy{display:grid;min-width:0}.status-season-copy b{font-size:11px;line-height:1.1;white-space:nowrap}.status-season-copy small{max-width:88px;color:#8eb6c9;font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-season-score{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px;padding-left:6px;border-left:1px solid #31545b;white-space:nowrap}.status-season-score b{color:#79c0ff;font-size:13px}.status-season-score small{color:#7f9aa7;font-size:8px}.status-season-alert{position:absolute;right:-5px;top:-6px;display:inline-flex;align-items:center;gap:2px;border:1px solid #f85149;border-radius:999px;background:#8f231f;color:#fff;padding:2px 5px;font-size:8px;font-weight:800;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.35)}.status-season-alert b{font-size:inherit}
.status-shop{min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid #6b5935;border-radius:4px;background:#211c12;color:var(--ui-gold-bright);padding:0 10px;font-size:11px;cursor:pointer}
.status-shop:hover{border-color:var(--ui-gold-bright);background:#2a2317;color:#fff}.status-shop span{font-size:14px}.status-shop b{font-size:inherit}
#shopModal .modal{width:min(1120px,96vw);max-width:min(1120px,96vw);max-height:92dvh;border-top-color:var(--ui-gold)}
#shopModal .modal-body{padding:0;background:var(--ui-surface-deep)}
.mall-center{min-width:0}
.mall-wallets{display:flex;align-items:stretch;gap:7px}.mall-wallets>div,.mall-recharge-link{min-width:122px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;border:1px solid var(--ui-line);border-radius:4px;background:#0b0e12;padding:8px 10px;text-align:left}
.shop-hero-wallets{align-self:center}
.mall-wallets span{color:var(--ui-faint);font-size:9px}.mall-wallets b{color:var(--ui-gold-bright);font-size:15px;white-space:nowrap}.mall-recharge-link{cursor:pointer;border-color:#31545b;color:inherit}.mall-recharge-link b{color:#79c0ff}.mall-recharge-link em{grid-column:2;grid-row:1/span 2;align-self:center;color:#79c0ff;font-size:10px;font-style:normal}.mall-recharge-link:hover{border-color:#79c0ff;background:#101b20}
.mall-tabs{display:grid;grid-template-columns:minmax(140px,190px);gap:0;border-bottom:1px solid var(--ui-line);background:#0b0e12;padding:0 14px}
.mall-tab{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--ui-line-soft);border-radius:0;background:transparent;color:var(--ui-muted);cursor:pointer}.mall-tab:first-child{border-left:1px solid var(--ui-line-soft)}.mall-tab span{font-size:18px}.mall-tab b{font-size:12px}
.mall-tab:hover{background:#171b21;color:var(--ui-text)}.mall-tab.active{background:#211c12;color:var(--ui-gold-bright)}.mall-tab.active::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--ui-gold-bright)}
.mall-center>.shop-shell{padding:14px 16px 18px}.mall-center .shop-hero{border-radius:4px;background:#14181e}.mall-center .shop-item{border-radius:4px!important;background:#11151a!important}
#shopModal .diamond-buy.pending{color:transparent;position:relative}#shopModal .diamond-buy.pending::after{content:"处理中...";position:absolute;inset:0;display:grid;place-items:center;color:#fff}

#rechargeModal .modal{width:min(980px,96vw);max-width:min(980px,96vw);max-height:92dvh;border-top-color:#79c0ff}
#rechargeModal .modal-body{padding:0;background:#0b0e12}.recharge-shell{min-width:0;padding:16px}
.recharge-banner{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #31545b;border-left:3px solid #79c0ff;border-radius:4px;background:#10191f}
.recharge-banner-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #31545b;border-radius:4px;background:#0a1116;font-size:28px}.recharge-banner>div:nth-child(2){min-width:0}.recharge-banner span{display:block;color:#79c0ff;font-size:10px;font-weight:800}.recharge-banner strong{display:block;margin-top:3px;color:var(--ui-text);font:700 23px/1.15 Georgia,"Noto Serif SC",serif}.recharge-banner p{margin:4px 0 0;color:var(--ui-muted);font-size:12px}.recharge-banner>em{align-self:start;border:1px solid #49646a;border-radius:3px;background:#14242a;color:#9bdde7;padding:5px 7px;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.recharge-summary{display:grid;grid-template-columns:.65fr .75fr 1.3fr;gap:8px;margin:10px 0}.recharge-summary>div{min-width:0;border:1px solid var(--ui-line);border-radius:4px;background:#11151a;padding:10px 12px}.recharge-summary span,.recharge-summary small{display:block;color:var(--ui-faint);font-size:10px}.recharge-summary b{display:block;margin-top:4px;color:var(--ui-gold-bright);font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-summary small{margin-top:3px;color:var(--ui-muted)}
.recharge-layout{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:10px;align-items:start}.recharge-package-panel,.recharge-detail{min-width:0;border:1px solid var(--ui-line);border-radius:4px;background:#11151a;padding:12px}
.recharge-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--ui-line-soft)}.recharge-section-head span{display:block;color:var(--ui-faint);font-size:9px}.recharge-section-head strong{display:block;margin-top:2px;color:var(--ui-text);font-size:15px}.recharge-section-head>b{color:var(--ui-muted);font-size:10px}
.recharge-packages{display:grid;gap:7px}.recharge-pack{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;min-width:0;border:1px solid var(--ui-line);border-radius:4px;background:#0b0e12;color:var(--ui-text);padding:11px;text-align:left;cursor:pointer;overflow:hidden}.recharge-pack::before{display:none}.recharge-pack span{min-width:0;color:var(--ui-text);font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-pack b{color:#79c0ff;font-size:15px;text-align:right}.recharge-pack em{color:var(--ui-faint);font-size:10px;font-style:normal}.recharge-pack strong{color:var(--ui-gold-bright);font-size:16px;text-align:right}.recharge-pack:hover{border-color:#52747c;background:#10191f}.recharge-pack.active{border-color:#79c0ff;background:#101d23;box-shadow:inset 3px 0 #79c0ff}.recharge-pack.active span{color:#fff}
.recharge-pack.featured.bundle{border-color:#80672f;background:linear-gradient(135deg,rgba(212,168,83,.16),rgba(12,17,23,.98) 58%);box-shadow:inset 3px 0 var(--ui-gold-bright)}
.recharge-pack.featured.bundle:hover,.recharge-pack.featured.bundle.active{border-color:var(--ui-gold-bright);background:linear-gradient(135deg,rgba(212,168,83,.22),rgba(16,22,30,.99) 62%)}
.recharge-pack.featured.bundle.active{box-shadow:inset 3px 0 var(--ui-gold-bright),0 0 0 1px rgba(212,168,83,.14)}
.recharge-pack-name{display:flex;align-items:center;gap:6px}
.recharge-pack-name i{flex:0 0 auto;border:1px solid #80672f;border-radius:3px;background:#2b2415;color:var(--ui-gold-bright);padding:3px 5px;font-size:8px;font-style:normal;font-weight:800;line-height:1;white-space:nowrap}
.recharge-pack.bundle em{white-space:normal;line-height:1.35}
.recharge-pack.bundle>strong{color:var(--ui-gold-bright)}
.recharge-pack.bundle.purchased{border-color:#356b46;background:linear-gradient(135deg,rgba(63,185,80,.14),rgba(10,20,14,.98) 62%);box-shadow:inset 3px 0 #56d364}
.recharge-pack.bundle.purchased b,.recharge-pack.bundle.purchased>strong{color:#7ee787}
.recharge-amount{margin:0 0 9px;border:1px solid #5a492b;border-radius:4px;background:#18150f;padding:12px;text-align:left}.recharge-amount span{display:block;color:var(--ui-faint);font-size:10px}.recharge-amount b{display:block;margin-top:3px;color:var(--ui-gold-bright);font-size:24px;line-height:1.15}.recharge-amount em{display:block;margin-top:4px;color:var(--ui-muted);font-size:11px;font-style:normal}
.monthly-card-status{margin-bottom:9px;border:1px solid #31545b;border-left:3px solid #79c0ff;border-radius:4px;background:#0d171c;padding:10px}.monthly-card-status.complete{border-color:#356b46;border-left-color:#56d364;background:#101b14}.monthly-card-status.inactive{border-color:var(--ui-line);border-left-color:var(--ui-muted);background:#0d1117}.monthly-card-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.monthly-card-status-head span{display:block;color:#79c0ff;font-size:9px;font-weight:800}.monthly-card-status.complete .monthly-card-status-head span{color:#7ee787}.monthly-card-status.inactive .monthly-card-status-head span{color:var(--ui-faint)}.monthly-card-status-head strong{display:block;margin-top:3px;color:var(--ui-text);font-size:15px}.monthly-card-status-head>em{border:1px solid #31545b;border-radius:3px;background:#14242a;color:#9bdde7;padding:4px 6px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.monthly-card-status.complete .monthly-card-status-head>em{border-color:#356b46;background:#14271b;color:#7ee787}.monthly-card-status.inactive .monthly-card-status-head>em{border-color:var(--ui-line);background:#171b21;color:var(--ui-muted)}.monthly-card-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.monthly-card-status-grid>div{min-width:0;border:1px solid var(--ui-line-soft);border-radius:4px;background:#090e12;padding:8px}.monthly-card-status-grid span,.monthly-card-status-grid b,.monthly-card-status-grid small{display:block}.monthly-card-status-grid span{color:var(--ui-faint);font-size:9px}.monthly-card-status-grid b{margin-top:4px;color:#79c0ff;font-size:14px;line-height:1.2}.monthly-card-status-grid small{margin-top:3px;color:var(--ui-muted);font-size:8px;line-height:1.35}.monthly-card-status-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.monthly-card-status-foot span{color:var(--ui-muted);font-size:9px;line-height:1.4}.monthly-card-status-foot button{flex:0 0 auto;border:1px solid #31545b;border-radius:3px;background:#14242a;color:#9bdde7;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.monthly-card-status-foot button:hover{border-color:#79c0ff;color:#fff}
.starter-bundle-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;border:1px solid #80672f;border-left:3px solid var(--ui-gold-bright);border-radius:4px;background:linear-gradient(135deg,#211c12,#11161d 68%);padding:11px 12px}
.starter-bundle-hero.purchased{border-color:#356b46;border-left-color:#56d364;background:linear-gradient(135deg,#132219,#11161d 68%)}
.starter-bundle-hero-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #80672f;border-radius:4px;background:#0b0e12;font-size:27px}
.starter-bundle-hero>div:nth-child(2){min-width:0}.starter-bundle-hero span{display:block;color:var(--ui-gold);font-size:9px;font-weight:800}.starter-bundle-hero strong{display:block;margin-top:3px;color:var(--ui-text);font:700 19px/1.2 Georgia,"Noto Serif SC",serif}.starter-bundle-hero p{margin:4px 0 0;color:var(--ui-muted);font-size:10px;line-height:1.45}.starter-bundle-hero>em{align-self:start;border:1px solid #80672f;border-radius:3px;background:#2b2415;color:var(--ui-gold-bright);padding:5px 7px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.starter-bundle-hero.purchased>em{border-color:#356b46;background:#14271b;color:#7ee787}
.starter-bundle-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.starter-bundle-section-head strong{color:var(--ui-text);font-size:13px}.starter-bundle-section-head span{color:var(--ui-faint);font-size:9px}
.starter-bundle-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}.starter-bundle-reward{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;min-width:0;border:1px solid var(--ui-line-soft);border-radius:4px;background:#0b0e12;padding:8px}.starter-bundle-reward-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #66552f;border-radius:4px;background:#17140f;font-size:21px}.starter-bundle-reward>div:last-child{min-width:0}.starter-bundle-reward strong,.starter-bundle-reward span{display:block}.starter-bundle-reward strong{color:var(--ui-gold-bright);font-size:11px;line-height:1.25}.starter-bundle-reward span{margin-top:3px;color:var(--ui-muted);font-size:9px;line-height:1.4;overflow-wrap:anywhere}.starter-bundle-empty{margin-bottom:9px;border:1px dashed var(--ui-line);padding:12px;color:var(--ui-faint);font-size:10px;text-align:center}
.recharge-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-bottom:9px;border:1px solid #5d4531;border-left:3px solid #d4a853;border-radius:4px;background:#18130d;padding:9px 10px}.recharge-notice b{color:var(--ui-gold-bright);font-size:11px;white-space:nowrap}.recharge-notice span{color:#c7bda8;font-size:11px;line-height:1.45}
.recharge-notice.purchased{border-color:#356b46;border-left-color:#56d364;background:#101b14}.recharge-notice.purchased b,.recharge-notice.purchased span{color:#7ee787}
.recharge-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.recharge-steps>div{min-width:0;border:1px solid var(--ui-line-soft);border-radius:4px;background:#0b0e12;padding:8px}.recharge-steps span{display:grid;width:21px;height:21px;place-items:center;border-radius:3px;background:#254957;color:#bdeaf3;font-size:10px;font-weight:800}.recharge-steps b,.recharge-steps small{display:block;margin-top:5px;white-space:normal}.recharge-steps b{color:var(--ui-text);font-size:11px}.recharge-steps small{color:var(--ui-faint);font-size:9px;line-height:1.3}
.recharge-voucher-label{display:block;margin:0 0 5px;color:var(--ui-muted);font-size:10px}.recharge-voucher{width:100%;min-height:126px;resize:vertical;border:1px solid var(--ui-line);border-radius:4px;background:#080a0d;color:#c9d1d9;padding:9px;font:11px/1.55 "SFMono-Regular",Consolas,"Microsoft YaHei",monospace;outline:none}.recharge-voucher:focus{border-color:#79c0ff}
.recharge-voucher-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;margin-top:8px}.recharge-voucher-field>label{padding-top:9px;color:var(--ui-muted);font-size:10px;font-weight:800;white-space:nowrap}.recharge-voucher-field b{display:block;color:var(--ui-gold-bright);font-size:13px}.recharge-voucher-field small{display:block;margin-top:4px;color:var(--ui-faint);font-size:9px;line-height:1.4}
.recharge-voucher-field.purchased b{color:#7ee787}
.recharge-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin-top:8px}.recharge-actions .modal-btn{min-height:38px;margin:0}.recharge-copy-msg{min-height:18px;margin-top:7px;color:var(--ui-faint);font-size:10px;line-height:1.4;text-align:left}
.recharge-purchase-feedback{margin-top:9px;border:1px solid var(--ui-line);border-radius:4px;padding:9px 10px}.recharge-purchase-feedback.error{border-color:#6f3634;background:#221413}.recharge-purchase-feedback.error strong,.recharge-purchase-feedback.error span{display:block}.recharge-purchase-feedback.error strong{color:#ffb4ad;font-size:11px}.recharge-purchase-feedback.error span{margin-top:3px;color:#d9938d;font-size:10px}.recharge-purchase-feedback.success{border-color:#356b46;background:#101b14}.recharge-purchase-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.recharge-purchase-feedback-head strong{color:#7ee787;font-size:13px}.recharge-purchase-feedback-head span{color:#9ecbab;font-size:10px}.recharge-purchase-feedback.success .starter-bundle-rewards{margin-bottom:0}.recharge-purchase-feedback.success .starter-bundle-reward{border-color:#284e34;background:#0c1610}.recharge-purchase-feedback.success .starter-bundle-reward-icon{border-color:#356b46;background:#0b130e}
.recharge-gift-panel{margin-top:10px;border-radius:4px;background:#101712}.recharge-gift-card,.recharge-gift-threshold,.recharge-gift-action button{border-radius:4px}

@media(max-width:760px){
  #shopModal .modal,#rechargeModal .modal{width:100%;max-width:100%}.mall-wallets{width:100%}.mall-wallets>div,.mall-recharge-link{min-width:0;flex:1}.mall-tabs{display:flex;overflow-x:auto;padding:0}.mall-tab{min-width:92px;flex:1 0 92px}.mall-center>.shop-shell{padding:10px}
  .recharge-shell{padding:10px}.recharge-banner{grid-template-columns:44px minmax(0,1fr);padding:11px}.recharge-banner-icon{width:44px;height:44px;font-size:24px}.recharge-banner>em{grid-column:1/-1;justify-self:start}.recharge-summary,.recharge-layout{grid-template-columns:1fr}.recharge-package-panel,.recharge-detail{padding:10px}.recharge-packages{grid-template-columns:repeat(3,minmax(0,1fr))}.recharge-pack{grid-template-columns:1fr;align-content:start}.recharge-pack b,.recharge-pack strong{text-align:left}.recharge-voucher-field{grid-template-columns:1fr;gap:4px}.recharge-voucher-field>label{padding-top:0}.monthly-card-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recharge-pack.featured{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}.recharge-pack.featured b,.recharge-pack.featured>strong{text-align:right}.starter-bundle-hero{grid-template-columns:44px minmax(0,1fr) auto}.starter-bundle-hero-icon{width:44px;height:44px}.starter-bundle-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .status-season{grid-template-columns:auto auto;padding:3px 7px}.status-season-copy{display:none}.status-season-score{padding-left:5px}.status-season-score small{display:none}.status-shop{padding:0 7px}.status-shop b{display:none}.recharge-banner strong{font-size:19px}.mall-wallets{display:grid;grid-template-columns:1fr 1fr}.mall-wallets>div,.mall-recharge-link{width:100%}.recharge-summary{grid-template-columns:1fr}.recharge-packages,.recharge-steps,.monthly-card-status-grid{grid-template-columns:1fr}.recharge-actions{grid-template-columns:1fr}.recharge-actions .modal-btn{width:100%}.monthly-card-status-foot{align-items:flex-start;flex-direction:column}.monthly-card-status-foot button{width:100%}
  .recharge-pack.featured{grid-column:auto;grid-template-columns:1fr}.recharge-pack.featured b,.recharge-pack.featured>strong{text-align:left}.starter-bundle-hero{grid-template-columns:40px minmax(0,1fr)}.starter-bundle-hero-icon{width:40px;height:40px;font-size:23px}.starter-bundle-hero>em{grid-column:1/-1;justify-self:start}.starter-bundle-rewards{grid-template-columns:1fr}.recharge-purchase-feedback-head{align-items:flex-start;flex-direction:column}.recharge-pack-name{align-items:flex-start;flex-direction:column}
}
body[data-theme="mono"] .status-season,body[data-theme="mono"] .status-shop,body[data-theme="mono"] .mall-wallets>div,body[data-theme="mono"] .mall-recharge-link,body[data-theme="mono"] .mall-tabs,body[data-theme="mono"] .mall-tab,body[data-theme="mono"] .mall-center .shop-hero,body[data-theme="mono"] .mall-center .shop-item,body[data-theme="mono"] .recharge-banner,body[data-theme="mono"] .recharge-summary>div,body[data-theme="mono"] .recharge-package-panel,body[data-theme="mono"] .recharge-detail,body[data-theme="mono"] .recharge-pack,body[data-theme="mono"] .recharge-amount,body[data-theme="mono"] .monthly-card-status,body[data-theme="mono"] .monthly-card-status-grid>div,body[data-theme="mono"] .monthly-card-status-foot button,body[data-theme="mono"] .recharge-notice,body[data-theme="mono"] .recharge-steps>div,body[data-theme="mono"] .recharge-voucher{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .status-season *,body[data-theme="mono"] .equip-label,body[data-theme="mono"] .equip-name{color:#000!important}
body[data-theme="mono"] .starter-bundle-hero,body[data-theme="mono"] .starter-bundle-hero-icon,body[data-theme="mono"] .starter-bundle-reward,body[data-theme="mono"] .starter-bundle-reward-icon,body[data-theme="mono"] .recharge-purchase-feedback,body[data-theme="mono"] .recharge-pack-name i{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .starter-bundle-hero *,body[data-theme="mono"] .starter-bundle-reward *,body[data-theme="mono"] .recharge-purchase-feedback *,body[data-theme="mono"] .recharge-pack.bundle.purchased *,body[data-theme="mono"] .recharge-pack.featured.bundle *,body[data-theme="mono"] .monthly-card-status *{color:#000!important}

/* Compact active-benefit bar; details appear only on hover or keyboard focus. */
.active-benefits{position:relative;max-width:100%;margin:0;align-self:flex-start}
.active-benefit-list{display:flex;flex-wrap:wrap;gap:5px}
.active-benefit{position:relative;width:34px;height:34px;outline:0}
.active-benefit-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(var(--theme-secondary-rgb),.48);border-radius:3px;background:#171b20;color:var(--ui-gold-bright);font-size:13px;font-weight:900;cursor:help}
.active-benefit.potion.active .active-benefit-icon{border-color:rgba(86,211,100,.52);background:rgba(86,211,100,.1);color:#7ee787}
.active-benefit.flask.active .active-benefit-icon{border-color:rgba(240,136,62,.58);background:rgba(240,136,62,.1);color:#f0a45d}.active-benefit-tip.flask.active strong{color:#f0a45d}
.active-benefit.rested.active .active-benefit-icon{border-color:rgba(121,192,255,.62);background:rgba(88,166,255,.12);color:#9bd1ff}.active-benefit-tip.rested.active strong{color:#9bd1ff}
.active-benefit.inactive .active-benefit-icon{border-color:var(--ui-line-soft);background:var(--ui-surface-deep);color:var(--ui-faint);opacity:.55}
.active-benefit:hover .active-benefit-icon,.active-benefit:focus-visible .active-benefit-icon{border-color:var(--ui-gold-bright);box-shadow:0 0 0 1px rgba(var(--theme-secondary-rgb),.2)}
.active-benefit-tip-source{display:none}
.active-benefit-tip{display:none;position:fixed;left:0;top:0;z-index:450;width:min(190px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow-y:auto;padding:8px 9px;border:1px solid var(--ui-line);border-radius:4px;background:#080c11;color:var(--ui-text);box-shadow:0 10px 24px rgba(0,0,0,.55);pointer-events:none}
.active-benefit-tip b,.active-benefit-tip strong,.active-benefit-tip small{display:block;letter-spacing:0}
.active-benefit-tip b{font-size:12px;line-height:1.35}.active-benefit-tip strong{margin-top:4px;color:var(--ui-gold-bright);font-size:11px;line-height:1.4}.active-benefit-tip.potion.active strong{color:#7ee787}.active-benefit-tip small{margin-top:3px;color:var(--ui-faint);font-size:10px;line-height:1.35}
.active-benefit-tip.inactive strong{color:var(--ui-faint)}
.character-pane .active-benefits{flex:0 0 auto;width:100%}
body[data-theme="mono"] .active-benefit-icon,body[data-theme="mono"] .active-benefit-tip{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important;opacity:1}
body[data-theme="mono"] .active-benefit-tip b,body[data-theme="mono"] .active-benefit-tip strong,body[data-theme="mono"] .active-benefit-tip small{color:#000!important}
body[data-theme="mono"] .mall-tab.active{background:#000!important;color:#fff!important}body[data-theme="mono"] .mall-tab.active::after{display:none}body[data-theme="mono"] .recharge-pack.active{outline:2px solid #000;outline-offset:-2px}

/* Mono contrast guard: keep newer hard-coded surfaces readable in the plain theme. */
body[data-theme="mono"] :is(
  .workspace-switcher,
  .workspace-collection-view,
  .battle-idle-emblem,
  .explore-action-card,
  .explore-action-icon,
  .explore-action-timers span,
  .explore-tip-icon,
  .soul-mark-summary,
  .soul-mark-summary-icon,
  .soul-mark-modal-summary,
  .soul-mark-card,
  .ci-pieces span,
  .wt-inscription,
  .wt-enchant,
  .wt-bond,
  .upgrade-workshop-empty,
  .upgrade-core-entry,
  .enchant-panel,
  .legendary-forge,
  .legendary-recipe,
  .legendary-recipe-icon,
  .legendary-material,
  .legendary-source-weapon,
  .offline-settlement-report,
  .combat-tactics-fields label,
  .boss-codex-icon,
  .boss-codex-progress>div,
  .boss-codex-milestones span,
  .pet-icon,
  .season-trial-icon,
  .inventory-detail-empty>span,
  .inventory-detail-icon,
  .recharge-banner-icon
){
  background:#fff!important;
  background-image:none!important;
  border-color:#000!important;
  color:#000!important;
  box-shadow:none!important;
}
/* Selection states use a light-gray fill so neither legacy white text nor white surfaces can hide labels. */
body[data-theme="mono"] #game :is(
  .map-item.selected,
  .map-info-tabs button.active,
  .tabs .tab.active,
  .weapon-view-tabs button.active,
  .series-tab.active,
  .coll-item.equipped,
  .honor-card.active,
  .workspace-tab.active,
  .mobile-nav-btn.active,
  .monster-level-filters button.active,
  .codex-tabs button.active,
  .combat-trait-btn.active,
  .combat-loadout-card.active,
  .explore-action-card.active,
  .pet-card.equipped,
  .pet-card.displayed
),
body[data-theme="mono"] .modal-bg :is(
  .mall-tab.active,
  .inventory-filters button.active,
  .auction-tabs button.active,
  .soul-mark-card.active,
  .socket-weapon-option.active,
  .socket-card.selected,
  .upgrade-workshop-tabs button.active,
  .upgrade-equip-tabs button.active,
  .awaken-option.selected,
  .enchant-option.selected,
  .recharge-pack.active,
  .season-trial.active
){
  background:#e6e6e6!important;
  background-image:none!important;
  border-color:#000!important;
  color:#000!important;
}
body[data-theme="mono"] #game :is(
  .map-item.selected,
  .map-info-tabs button.active,
  .tabs .tab.active,
  .weapon-view-tabs button.active,
  .series-tab.active,
  .coll-item.equipped,
  .honor-card.active,
  .workspace-tab.active,
  .mobile-nav-btn.active,
  .monster-level-filters button.active,
  .codex-tabs button.active,
  .combat-trait-btn.active,
  .combat-loadout-card.active,
  .explore-action-card.active,
  .pet-card.equipped,
  .pet-card.displayed
) *,
body[data-theme="mono"] .modal-bg :is(
  .mall-tab.active,
  .inventory-filters button.active,
  .auction-tabs button.active,
  .soul-mark-card.active,
  .socket-weapon-option.active,
  .socket-card.selected,
  .upgrade-workshop-tabs button.active,
  .upgrade-equip-tabs button.active,
  .awaken-option.selected,
  .enchant-option.selected,
  .recharge-pack.active,
  .season-trial.active
) *{
  color:#000!important;
}
body[data-theme="mono"] #game .status-season-alert,
body[data-theme="mono"] #game .status-season-alert *{
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
body[data-theme="mono"] .modal-bg .soul-mark-challenge{
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
body[data-theme="mono"] #game :is(#hpBar,#mpBar,#mHpBar,#mAtkBar,#mSkBar){
  background:#d8d8d8!important;
  background-image:none!important;
}
body[data-theme="mono"] .combat-trait-btn[data-tip]:hover::after{
  background:#fff!important;
  border-color:#000!important;
  color:#000!important;
  box-shadow:none!important;
}

/* Mobile interaction and safe-area guardrails. Keep this query in sync with ui.js. */
@media (max-width:900px), (min-width:901px) and (max-width:1100px) and (max-height:600px) and (pointer:coarse){
  body{
    overflow:auto;
    padding-bottom:0!important;
  }
  #game{
    --mobile-edge:8px;
    display:block!important;
    width:100%;
    height:auto;
    min-height:100dvh;
    padding:
      max(var(--mobile-edge),env(safe-area-inset-top,0px))
      max(var(--mobile-edge),env(safe-area-inset-right,0px))
      calc(72px + env(safe-area-inset-bottom,0px))
      max(var(--mobile-edge),env(safe-area-inset-left,0px));
    overflow:visible;
  }
  .auth-screen{
    min-height:100dvh;
    padding:
      max(14px,env(safe-area-inset-top,0px))
      max(14px,env(safe-area-inset-right,0px))
      max(14px,env(safe-area-inset-bottom,0px))
      max(14px,env(safe-area-inset-left,0px));
  }
  input,select,textarea{font-size:16px!important}

  .game-header{
    position:sticky;
    top:max(var(--mobile-edge),env(safe-area-inset-top,0px));
    z-index:180;
    align-items:stretch;
    flex-direction:column;
    gap:6px;
    min-height:0;
    margin-bottom:8px;
    padding:7px 9px;
  }
  .game-brand h1{font-size:17px}
  .game-brand .eyebrow,.game-brand p{display:none}
  .game-status{
    display:grid;
    grid-template-columns:44px 44px 44px minmax(138px,1fr) minmax(44px,auto);
    align-items:center;
    gap:3px;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
  }
  .net-state{
    display:inline-flex;
    width:44px;
    min-width:44px;
    max-width:44px;
    min-height:44px;
    justify-content:center;
    padding:0;
    font-size:0;
  }
  .status-season,.status-shop,.status-logout{
    min-width:44px;
    min-height:44px!important;
    padding:0 8px!important;
    touch-action:manipulation;
  }
  .status-logout{font-size:11px!important;line-height:1.1!important}
  .theme-switcher{
    display:grid;
    grid-template-columns:repeat(3,44px);
    justify-content:center;
    gap:2px;
    min-width:138px;
    min-height:44px;
    padding:1px;
  }
  .theme-btn{
    position:relative;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    flex-basis:44px;
    border-color:transparent;
    border-radius:4px;
    background:transparent!important;
    touch-action:manipulation;
  }
  .theme-btn::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:22px;
    height:22px;
    transform:translate(-50%,-50%);
    border:1px solid #6e747b;
    border-radius:50%;
  }
  .theme-btn[data-theme="dark"]::before{background:#17303a;border-color:#d4a853}
  .theme-btn[data-theme="ember"]::before{background:#9f3e29;border-color:#e2aa4d}
  .theme-btn[data-theme="mono"]::before{background:linear-gradient(135deg,#fff 0 49%,#111 50% 100%);border-color:#8d8d8d}
  .theme-btn.active{box-shadow:inset 0 0 0 1px var(--ui-gold-bright)}

  .workspace-shell,.workspace-battle-view{display:contents}
  .workspace-switcher{display:none}
  .col-right{display:contents}
  [data-mobile-view-pane]{display:none!important}
  body[data-mobile-view="explore"] [data-mobile-view-pane="explore"],
  body[data-mobile-view="battle"] [data-mobile-view-pane="battle"],
  body[data-mobile-view="character"] [data-mobile-view-pane="character"],
  body[data-mobile-view="collection"] [data-mobile-view-pane="collection"]{display:flex!important}
  body[data-mobile-view="battle"] .col-center{display:grid!important}
  .col-map,.col-center,.character-pane,.collection-pane,
  .workspace-battle-view>.col-center,.workspace-collection-view{
    width:100%;
    min-height:calc(100dvh - 146px);
    overflow:visible;
  }
  .character-pane>.player-panel{display:flex!important;flex-direction:column;height:auto;overflow:visible}
  .collection-pane>.tab-content{overflow:visible}
  #mapContent{max-height:none;overflow:visible}
  .col-center>.panel:last-child{flex:0 0 auto}
  .map-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:58px}
  .monster-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coll-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

  .mobile-nav{
    position:fixed;
    left:max(8px,env(safe-area-inset-left,0px));
    right:max(8px,env(safe-area-inset-right,0px));
    bottom:max(8px,env(safe-area-inset-bottom,0px));
    z-index:350;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:auto;
    max-width:520px;
    height:56px;
    margin:0 auto;
    padding:4px;
    transform:none;
    border:1px solid var(--ui-line);
    border-top:2px solid var(--ui-gold);
    border-radius:6px;
    background:rgba(13,15,18,.97);
    box-shadow:0 12px 42px rgba(0,0,0,.7);
  }
  .mobile-nav-btn{
    min-width:0;
    min-height:44px;
    touch-action:manipulation;
  }

  :is(
    .modal-close,.modal-btn,.btn,.auth-submit,.auth-link,.tab,.mall-tab,
    .inventory-filters button,.codex-tabs button,.weapon-view-tabs button,
    .series-tab,.monster-level-filters button,.shop-buy,.diamond-buy,
    .inventory-action-button,.inventory-sell-junk-button,
    .ci-action-btn,.ci-favorite,.auto-potion-toggle
  ){
    min-height:44px;
    touch-action:manipulation;
  }
  .modal-close{width:44px;min-width:44px;height:44px;padding:0}
  .modal-bg{
    padding:
      max(7px,env(safe-area-inset-top,0px))
      max(7px,env(safe-area-inset-right,0px))
      max(7px,env(safe-area-inset-bottom,0px))
      max(7px,env(safe-area-inset-left,0px));
  }
  .modal{max-height:calc(100dvh - 14px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}

  #collGrid .coll-item{
    grid-template-columns:64px minmax(0,1fr) auto;
    grid-template-areas:"slot name actions" "slot stats actions";
  }
  #collGrid .ci-actions{
    grid-area:actions;
    align-self:center;
    margin-left:0;
  }
  #armorGrid .ci-actions{
    width:100%;
    margin:7px 0 0;
  }
  #armorGrid .ci-action-btn{width:100%}
  .ci-action-btn{min-width:44px}

  body[data-theme="mono"] .game-header{align-items:stretch!important;flex-direction:column!important}
  body[data-theme="mono"] #game{display:block!important}
}

@media (max-width:620px){
  #game{--mobile-edge:6px}
  .status-season{grid-template-columns:auto;padding:0 7px!important}
  .status-season-copy,.status-season-score small,.status-shop b{display:none}
  .status-season-score{padding-left:4px;border-left:0}
  .status-shop{justify-content:center;padding:0 7px!important}
  .status-season-score{display:none}
  .game-status{grid-template-columns:44px 44px 44px minmax(138px,1fr) minmax(44px,auto)}
  .map-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:56px}
  .monster-list{grid-template-columns:1fr}
  .coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:380px){
  .status-logout{width:44px;padding:0 2px!important;font-size:9px!important}
  .weapon-slot-actions{grid-template-columns:1fr}
  .weapon-slot-actions .modal-btn{min-height:78px}
}

#game[hidden]{display:none!important}

/* Keep weapon rows readable when the collection pane becomes narrower than a tablet viewport. */
#collGrid .coll-item,
#collGrid .ci-slot,
#collGrid .ci-name,
#collGrid .ci-stats,
#collGrid .ci-actions{min-width:0;max-width:100%}

@container (max-width:760px){
  .workspace-collection-view #collGrid .coll-item{
    grid-template-columns:64px minmax(0,1fr) minmax(112px,22%) auto;
    grid-template-areas:"slot name stats actions";
    height:auto;
    min-height:60px;
    max-height:none;
    gap:6px;
    padding:7px 8px;
  }
  .workspace-collection-view #collGrid .ci-slot{width:64px}
  .workspace-collection-view #collGrid .ci-name{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px;
    overflow:hidden;
    white-space:nowrap;
  }
  .workspace-collection-view #collGrid .ci-name-text{
    width:auto;
    max-width:none;
    flex:1 1 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .workspace-collection-view #collGrid .ci-tag{
    max-width:52%;
    min-width:0;
    flex:0 1 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .workspace-collection-view #collGrid .ci-stats{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    justify-self:stretch;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
  }
  .workspace-collection-view #collGrid .ci-stats span{
    justify-content:flex-end;
    flex-wrap:nowrap;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
  }
  .workspace-collection-view #collGrid .ci-stats label:nth-of-type(n+2),
  .workspace-collection-view #collGrid .ci-stats b:nth-of-type(n+2){display:inline}
  .workspace-collection-view #collGrid .ci-actions{
    grid-area:actions;
    align-self:center;
    justify-self:end;
    flex-wrap:nowrap;
    max-width:none;
    margin:0;
  }
}

@media (hover:hover) and (pointer:fine){
  #collGrid .ci-actions,#armorGrid .ci-actions{display:none}
}

@media (max-width:900px), (min-width:901px) and (max-width:1100px) and (max-height:600px) and (pointer:coarse), (hover:none), (pointer:coarse){
  .monster-tooltip,.explore-action-floating-tip{display:none!important}
  .monster-item{align-items:flex-start}
  .monster-item.detail-open{flex-wrap:wrap}
  .monster-actions{grid-template-rows:repeat(2,minmax(44px,auto));gap:4px;flex-basis:72px}
  .monster-detail-btn,.explore-action-detail-btn{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:0 7px!important;font-size:12px!important;line-height:1!important;white-space:nowrap}
  .explore-action-card{grid-template-areas:"icon main action";align-items:start;cursor:default}
  .explore-action-card.detail-open{grid-template-areas:"icon main action" "detail detail detail"}
  .explore-action-actions{display:grid;grid-template-rows:repeat(2,minmax(44px,auto));gap:4px}
  .explore-inline-detail{display:grid}
  .monster-inline-detail{display:block}
}

/* Snapshot-gated long-term relic project */
.status-private-relic{position:relative;min-width:0;max-width:188px;min-height:32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #6b5935;border-radius:4px;background:#211c12;color:var(--ui-gold-bright);padding:3px 8px;text-align:left;cursor:pointer}
.status-private-relic:hover{border-color:var(--ui-gold-bright);background:#2a2317;color:#fff}.status-private-relic.complete{border-color:#356b46;background:#101b14;color:#7ee787}
.status-private-relic-icon{font-size:17px;line-height:1}.status-private-relic-copy{display:grid;min-width:0}.status-private-relic-copy b,.status-private-relic-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-private-relic-copy b{font-size:11px;line-height:1.15}.status-private-relic-copy small{margin-top:1px;color:#aa9870;font-size:8px;line-height:1.1}.status-private-relic.complete .status-private-relic-copy small{color:#79aa87}.status-private-relic-progress{padding-left:7px;border-left:1px solid #6b5935;color:inherit;font-size:11px;line-height:1;white-space:nowrap}.status-private-relic.complete .status-private-relic-progress{border-left-color:#356b46}
.private-relic-modal{width:min(720px,96vw);max-width:720px;border-top-color:var(--ui-gold-bright)}.private-relic-body{padding:0}
.private-relic-summary{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 17px;border-bottom:1px solid var(--ui-line);border-left:3px solid #8b949e;background:#14181e}.private-relic-summary.rarity-uncommon{border-left-color:#3fb950}.private-relic-summary.rarity-rare{border-left-color:#4169e1}.private-relic-summary.rarity-epic{border-left-color:#a020f0}.private-relic-summary.rarity-legend{border-left-color:#ffa500}.private-relic-summary.rarity-mythic{border-left-color:#f85149}
.private-relic-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid #6b5935;border-radius:4px;background:#0b0e12;font-size:31px;line-height:1}.private-relic-identity{min-width:0}.private-relic-identity span,.private-relic-identity strong,.private-relic-identity small{display:block}.private-relic-identity span{color:var(--ui-gold);font-size:9px;font-weight:800}.private-relic-identity strong{margin-top:3px;color:var(--ui-text);font:700 22px/1.2 Georgia,"Noto Serif SC",serif;overflow-wrap:anywhere}.private-relic-identity small{margin-top:4px;color:var(--ui-muted);font-size:10px;line-height:1.4}.private-relic-summary time{align-self:start;color:var(--ui-faint);font-size:9px;white-space:nowrap}
.private-relic-story,.private-relic-section{margin:0;padding:14px 17px;border-bottom:1px solid var(--ui-line-soft)}.private-relic-story{background:#101318}.private-relic-story h4{margin:0;color:var(--ui-gold);font-size:10px}.private-relic-story p{margin:7px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.7}.private-relic-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.private-relic-section-head>div{min-width:0}.private-relic-section-head span,.private-relic-section-head strong{display:block}.private-relic-section-head span{color:var(--ui-faint);font-size:9px}.private-relic-section-head strong{margin-top:3px;color:var(--ui-text);font-size:14px;line-height:1.2;overflow-wrap:anywhere}.private-relic-section-head>b{color:var(--ui-gold-bright);font-size:17px;line-height:1;white-space:nowrap}
.private-relic-bar{height:8px;margin-top:10px;border:1px solid #5a492b;background:#080a0d;overflow:hidden}.private-relic-bar i{display:block;height:100%;background:var(--ui-gold-bright);transition:width .25s}.private-relic-bar.daily{border-color:#31545b}.private-relic-bar.daily i{background:#79c0ff}.private-relic-breakdown{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.private-relic-breakdown span{color:var(--ui-faint);font-size:9px}.private-relic-breakdown b{color:var(--ui-muted);font-size:10px}.private-relic-daily p{margin:8px 0 0;color:var(--ui-muted);font-size:10px;line-height:1.45}
.private-relic-effects dl{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 0;border-top:1px solid var(--ui-line-soft)}.private-relic-effects dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid var(--ui-line-soft)}.private-relic-effects dl>div:nth-child(odd){border-right:1px solid var(--ui-line-soft)}.private-relic-effects dt{color:var(--ui-muted);font-size:10px}.private-relic-effects dd{margin:0;color:#7ee787;font-size:13px;font-weight:800;white-space:nowrap}
.character-pane .equip-slot-private-relic,.equip-slot-private-relic{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:42px;max-width:none;margin-top:2px;padding:8px 10px;border:1px solid #5d4a27;border-left:3px solid #c99738;border-radius:4px;background:linear-gradient(90deg,rgba(201,151,56,.12),rgba(13,17,23,.78));cursor:pointer}.equip-slot-private-relic .equip-label{color:var(--ui-gold);font-size:11px;letter-spacing:0}.equip-slot-private-relic .equip-name{font-size:13px;font-weight:800}.equip-slot-private-relic:hover{border-color:var(--ui-gold-bright);background:linear-gradient(90deg,rgba(201,151,56,.18),rgba(13,17,23,.82))}.equip-slot-private-relic:hover .equip-name,.equip-slot-private-relic.active .equip-name{color:#ffa500!important}.private-relic-makeup p{margin:8px 0 0;color:var(--ui-muted);font-size:10px;line-height:1.45}.private-relic-equip{min-height:32px;border:1px solid #31545b;border-radius:4px;background:#132127;color:#79c0ff;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.private-relic-equip:hover:not(:disabled){border-color:#79c0ff;color:#fff}.private-relic-equip:disabled{border-color:var(--ui-line);background:#171b21;color:var(--ui-faint);cursor:default}
.private-relic-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);gap:12px;align-items:center;padding:13px 17px;background:#0b0e12}.private-relic-action>div{min-width:0}.private-relic-action span,.private-relic-action b,.private-relic-action small{display:block}.private-relic-action span{color:var(--ui-faint);font-size:9px}.private-relic-action b{margin-top:3px;color:var(--ui-text);font-size:15px}.private-relic-action small{margin-top:3px;color:var(--ui-muted);font-size:9px;line-height:1.35}.private-relic-accelerate{min-height:40px;border:1px solid #80672f;border-radius:4px;background:#2b2415;color:var(--ui-gold-bright);padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}.private-relic-accelerate:hover:not(:disabled){border-color:var(--ui-gold-bright);background:#372e1b;color:#fff}.private-relic-accelerate:disabled{border-color:var(--ui-line);background:#171b21;color:var(--ui-faint);cursor:default}

@media (max-width:1100px) and (min-width:901px){
  .game-status.has-private-relic{gap:4px}.game-status.has-private-relic .status-private-relic{max-width:134px;padding-left:6px;padding-right:6px}.game-status.has-private-relic .status-private-relic-copy b{max-width:62px}.game-status.has-private-relic .status-private-relic-copy small,.game-status.has-private-relic .status-season-copy,.game-status.has-private-relic .status-shop b{display:none}.game-status.has-private-relic .status-season{grid-template-columns:auto auto}.game-status.has-private-relic .status-shop{padding:0 7px}
}
@media (max-width:900px), (min-width:901px) and (max-width:1100px) and (max-height:600px) and (pointer:coarse){
  .game-status.has-private-relic{grid-template-areas:"season shop relic relic relic" "net theme theme theme logout";grid-template-columns:44px 44px minmax(0,1fr) 44px minmax(44px,auto)}
  .game-status.has-private-relic .status-private-relic{grid-area:relic;width:100%;max-width:none;min-height:44px;padding:4px 9px}.game-status.has-private-relic .status-season{grid-area:season}.game-status.has-private-relic .status-shop{grid-area:shop}.game-status.has-private-relic .net-state{grid-area:net}.game-status.has-private-relic .theme-switcher{grid-area:theme}.game-status.has-private-relic .status-logout{grid-area:logout}
  body[data-theme="mono"] .game-status.has-private-relic{display:grid!important;width:100%!important;grid-template-areas:"season shop relic relic relic" "net theme theme theme logout";grid-template-columns:44px 44px minmax(0,1fr) 44px minmax(44px,auto)}
  .status-private-relic-copy b{font-size:12px}.status-private-relic-copy small{font-size:9px}.status-private-relic-progress{font-size:12px}
}
@media (min-width:700px) and (max-width:900px){
  .game-status.has-private-relic,body[data-theme="mono"] .game-status.has-private-relic{grid-template-areas:"season shop relic net theme logout";grid-template-columns:minmax(176px,auto) minmax(78px,auto) minmax(120px,1fr) 66px 138px minmax(58px,auto)}
  .game-status.has-private-relic .net-state{width:66px;min-width:66px;max-width:66px;font-size:10px}
}
@media (min-width:621px) and (max-width:699px){
  .game-status.has-private-relic .status-season{grid-template-columns:auto;padding:0 7px!important}.game-status.has-private-relic .status-season-copy,.game-status.has-private-relic .status-season-score,.game-status.has-private-relic .status-shop b{display:none}.game-status.has-private-relic .status-shop{justify-content:center;padding:0 7px!important}
}
@media(max-width:620px){
  .private-relic-summary{grid-template-columns:48px minmax(0,1fr);padding:13px}.private-relic-icon{width:48px;height:48px;font-size:27px}.private-relic-summary time{grid-column:2;white-space:normal}.private-relic-story,.private-relic-section{padding:12px 13px}.private-relic-effects dl{grid-template-columns:1fr}.private-relic-effects dl>div:nth-child(odd){border-right:0}.private-relic-action{grid-template-columns:1fr;padding:12px 13px}.private-relic-accelerate{width:100%;min-height:44px}
}
body[data-theme="mono"] .status-private-relic,body[data-theme="mono"] .equip-slot-private-relic,body[data-theme="mono"] .private-relic-summary,body[data-theme="mono"] .private-relic-icon,body[data-theme="mono"] .private-relic-story,body[data-theme="mono"] .private-relic-section,body[data-theme="mono"] .private-relic-effects dl,body[data-theme="mono"] .private-relic-effects dl>div,body[data-theme="mono"] .private-relic-action,body[data-theme="mono"] .private-relic-bar,body[data-theme="mono"] .private-relic-accelerate,body[data-theme="mono"] .private-relic-equip{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .status-private-relic *,body[data-theme="mono"] .private-relic-body *,body[data-theme="mono"] .private-relic-effects dd{color:#000!important}body[data-theme="mono"] .private-relic-summary{border-left-color:#000!important}body[data-theme="mono"] .private-relic-bar i{background:#000!important}body[data-theme="mono"] .private-relic-accelerate:not(:disabled){background:#000!important;color:#fff!important}body[data-theme="mono"] .private-relic-accelerate:not(:disabled)::after{color:#fff!important}

/* Player-facing major update log */
.game-brand-title-row{display:flex;align-items:center;gap:9px;min-width:0}.game-brand-title-row h1{min-width:0}
.update-log-entry{position:relative;min-height:28px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid #5a492b;border-radius:4px;background:#18150f;color:var(--ui-gold-bright);padding:0 8px;font-size:10px;line-height:1;cursor:pointer}
.update-log-entry:hover,.update-log-entry.unread{border-color:var(--ui-gold-bright);background:#211c12;color:#fff}.update-log-entry>span{font-size:13px}.update-log-entry>b{font-size:inherit;white-space:nowrap}.update-log-entry>em{position:absolute;right:-7px;top:-8px;border:1px solid #f85149;border-radius:999px;background:#8f231f;color:#fff;padding:2px 4px;font-size:7px;font-style:normal;font-weight:900;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.update-log-modal{width:min(980px,96vw);max-width:980px;border-top-color:var(--ui-gold-bright)}.update-log-body{padding:0;background:var(--ui-surface-deep)}
.update-log-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:min(620px,74dvh)}
.update-log-index{min-width:0;padding:14px 11px;border-right:1px solid var(--ui-line);background:#0b0e12}.update-log-index-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 3px 10px;border-bottom:1px solid var(--ui-line-soft)}.update-log-index-head span{color:var(--ui-gold);font-size:10px;font-weight:800;letter-spacing:.08em}.update-log-index-head b{color:var(--ui-faint);font-size:9px}.update-log-version-list{display:grid;gap:7px;margin-top:10px}
.update-log-version{position:relative;min-width:0;display:grid;gap:3px;border:1px solid var(--ui-line-soft);border-left:3px solid transparent;border-radius:4px;background:var(--ui-surface);color:var(--ui-text);padding:10px 34px 10px 10px;text-align:left;cursor:pointer}.update-log-version:hover{border-color:var(--theme-accent);background:var(--ui-surface-raised)}.update-log-version.active{border-color:#6b5935;border-left-color:var(--ui-gold-bright);background:#211c12}.update-log-version span{color:var(--ui-faint);font-size:9px;line-height:1.25}.update-log-version b{font-size:12px;line-height:1.35}.update-log-version em{position:absolute;right:7px;top:9px;border:1px solid #6b5935;border-radius:999px;color:var(--ui-gold-bright);padding:2px 5px;font-size:7px;font-style:normal;font-weight:800}
.update-log-article{min-width:0;background:linear-gradient(180deg,rgba(var(--theme-secondary-rgb),.035),transparent 210px),var(--ui-surface-deep)}.update-log-hero{padding:22px 24px 19px;border-bottom:1px solid var(--ui-line);background:radial-gradient(circle at 92% 0,rgba(var(--theme-secondary-rgb),.12),transparent 42%)}.update-log-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.update-log-meta span{border:1px solid #6b5935;border-radius:999px;background:#211c12;color:var(--ui-gold-bright);padding:3px 7px;font-size:9px;font-weight:800}.update-log-meta time{color:var(--ui-faint);font-size:9px}.update-log-hero h3{margin:10px 0 0;color:var(--ui-text);font:700 26px/1.2 Georgia,"Noto Serif SC",serif}.update-log-hero p{margin:8px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.65}
.update-log-sections{display:grid;gap:10px;padding:16px 24px}.update-log-section{border:1px solid var(--ui-line-soft);border-radius:5px;background:var(--ui-surface);padding:12px 14px}.update-log-section-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--ui-line-soft)}.update-log-section-head>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid #5a492b;border-radius:4px;background:#18150f;color:var(--ui-gold-bright);font-size:15px}.update-log-section h4{margin:0;color:var(--ui-text);font-size:14px}.update-log-section ul{display:grid;gap:7px;margin:10px 0 0;padding-left:19px}.update-log-section li{color:var(--ui-muted);font-size:11px;line-height:1.65}.update-log-section li::marker{color:var(--ui-gold)}.update-log-footer{margin:0 24px;padding:13px 0 17px;border-top:1px solid var(--ui-line-soft);color:var(--ui-faint);font-size:9px;text-align:center}.update-log-empty{padding:40px;color:var(--ui-faint);text-align:center}
@media(max-width:1320px) and (min-width:901px){.update-log-entry>b{display:none}.update-log-entry{padding:0 7px}}
@media(max-width:720px){.game-brand-title-row{justify-content:space-between}.update-log-entry{min-height:32px}.update-log-shell{grid-template-columns:1fr;min-height:0}.update-log-index{padding:10px;border-right:0;border-bottom:1px solid var(--ui-line)}.update-log-index-head{padding-bottom:8px}.update-log-version-list{display:flex;gap:6px;overflow-x:auto;margin-top:8px;padding-bottom:2px}.update-log-version{min-width:210px;flex:0 0 210px}.update-log-hero{padding:17px 15px}.update-log-hero h3{font-size:22px}.update-log-sections{padding:12px 15px}.update-log-footer{margin:0 15px;padding-bottom:14px}}
@media(max-width:380px){.update-log-entry>b{display:none}.update-log-entry{padding:0 7px}}
body[data-theme="mono"] .update-log-entry,body[data-theme="mono"] .update-log-index,body[data-theme="mono"] .update-log-version,body[data-theme="mono"] .update-log-article,body[data-theme="mono"] .update-log-hero,body[data-theme="mono"] .update-log-section,body[data-theme="mono"] .update-log-section-head>span,body[data-theme="mono"] .update-log-meta span{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .update-log-entry *,body[data-theme="mono"] .update-log-body *,body[data-theme="mono"] .update-log-version *{color:#000!important}body[data-theme="mono"] .update-log-entry>em{background:#000!important;color:#fff!important}

/* WOW-style quest journal. */
.game-brand-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}
.quest-log-entry{position:relative;min-height:28px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid #80672f;border-radius:4px;background:#211c12;color:var(--ui-gold-bright);padding:0 8px;font-size:10px;line-height:1;cursor:pointer}
.quest-log-entry:hover,.quest-log-entry.actionable{border-color:var(--ui-gold-bright);background:#2a2317;color:#fff}.quest-log-entry>span{display:grid;width:17px;height:17px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:950;line-height:1}.quest-log-entry>b{font-size:inherit;white-space:nowrap}.quest-log-entry>em{position:absolute;right:-7px;top:-8px;min-width:17px;border:1px solid #f85149;border-radius:999px;background:#8f231f;color:#fff;padding:2px 4px;font-size:8px;font-style:normal;font-weight:900;line-height:1;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.quest-log-modal{width:min(1040px,96vw);max-width:min(1040px,96vw);border-top-color:var(--ui-gold-bright)}.quest-log-body{background:var(--ui-surface-deep)}.quest-log-shell{grid-template-columns:260px minmax(0,1fr)}
.quest-log-list{min-width:0;overflow-y:auto}.quest-log-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:2px 3px 10px;border-bottom:1px solid var(--ui-line-soft)}.quest-log-list-heading span{color:var(--ui-gold);font-size:10px;font-weight:850;letter-spacing:.08em}.quest-log-list-heading b{color:var(--ui-faint);font-size:9px}.quest-log-list-empty{padding:28px 8px;color:var(--ui-faint);font-size:11px;text-align:center}
.guide-nav .quest-log-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"icon copy state" "icon countdown countdown";gap:2px 8px;align-items:center;min-height:68px;padding:9px 9px 9px 8px;border-left:3px solid transparent;text-align:left}.guide-nav .quest-log-item.active{border-left-color:var(--ui-gold-bright)}.guide-nav .quest-log-item.status-ready{border-color:#356b46;border-left-color:#7ee787;background:#101b14;color:#c8f5d3}.guide-nav .quest-log-item.status-available{border-color:#31545b;border-left-color:#79c0ff;background:#101b20;color:#dbefff}.guide-nav .quest-log-item.status-completed{opacity:.72}.guide-nav .quest-log-item.status-locked{opacity:.6}
.quest-log-item-icon{grid-area:icon;display:grid;width:36px;height:36px;place-items:center;border:1px solid #6b5935;border-radius:50%;background:#0b0e12;color:var(--ui-gold-bright);font-size:18px;font-weight:900;line-height:1}.quest-log-item-copy{grid-area:copy;display:grid;gap:2px;min-width:0}.quest-log-item-copy b,.quest-log-item-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-log-item-copy b{color:var(--ui-text);font-size:12px;line-height:1.25}.quest-log-item-copy small{color:var(--ui-faint);font-size:9px}.quest-log-item>em{grid-area:state;border:1px solid var(--ui-line);border-radius:999px;color:var(--ui-muted);padding:2px 5px;font-size:8px;font-style:normal;white-space:nowrap}.quest-log-item.status-ready>em{border-color:#356b46;color:#7ee787}.quest-log-item.status-available>em{border-color:#31545b;color:#79c0ff}.quest-log-item>time{grid-area:countdown;color:var(--ui-gold);font-size:9px;font-style:normal;text-align:right;white-space:nowrap}
.quest-log-detail{display:flex;flex-direction:column;padding:0;background:radial-gradient(circle at 88% 0,rgba(var(--theme-secondary-rgb),.1),transparent 38%),var(--ui-surface-deep)}.quest-log-hero{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:13px;align-items:center;padding:20px 22px 18px;border-bottom:1px solid var(--ui-line);border-left:3px solid var(--ui-gold);background:linear-gradient(100deg,rgba(var(--theme-secondary-rgb),.09),transparent 62%)}.quest-log-hero.status-ready{border-left-color:#7ee787}.quest-log-hero.status-available{border-left-color:#79c0ff}.quest-log-hero.status-completed{border-left-color:#8b949e}.quest-log-hero-icon{display:grid;width:60px;height:60px;place-items:center;border:1px solid #80672f;border-radius:50%;background:#15120c;color:var(--ui-gold-bright);font-size:30px;font-weight:950}.quest-log-hero>div{min-width:0}.quest-log-hero span,.quest-log-hero h4,.quest-log-hero p{display:block}.quest-log-hero span{color:var(--ui-gold);font-size:10px;font-weight:850;letter-spacing:.06em}.quest-log-hero h4{margin:5px 0 0;color:var(--ui-text);font-size:25px;line-height:1.2;overflow-wrap:anywhere}.quest-log-hero p{margin:5px 0 0;color:var(--ui-muted);font-size:11px}.quest-log-hero>em{align-self:start;border:1px solid #6b5935;border-radius:999px;background:#211c12;color:var(--ui-gold-bright);padding:4px 8px;font-size:9px;font-style:normal;font-weight:850;white-space:nowrap}.quest-log-hero.status-ready>em{border-color:#356b46;background:#101b14;color:#7ee787}.quest-log-hero.status-available>em{border-color:#31545b;background:#101b20;color:#79c0ff}
.quest-log-detail-content{display:grid;gap:12px;padding:16px 22px}.quest-log-story{position:relative;border:1px solid #4a3a24;border-radius:4px;background:linear-gradient(135deg,rgba(45,34,18,.65),rgba(12,15,18,.88));padding:15px 17px}.quest-log-story::before{content:"任务说明";display:block;margin-bottom:7px;color:var(--ui-gold);font-size:9px;font-weight:850;letter-spacing:.08em}.quest-log-story p{margin:0;color:#c8bda8;font-size:13px;line-height:1.75}
.quest-log-state{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.2fr);gap:16px;align-items:center;border:1px solid #31545b;border-left:4px solid #79c0ff;border-radius:5px;background:linear-gradient(110deg,#101b20,rgba(16,27,32,.65));padding:14px 16px}.quest-log-state>div{display:grid;gap:5px;min-width:0}.quest-log-state>div>span{color:#8eb6c9;font-size:11px;font-weight:850;letter-spacing:.05em}.quest-log-state>div>b{color:#79c0ff;font-size:20px;line-height:1.25;overflow-wrap:anywhere}.quest-log-state>div>b>span{color:inherit}.quest-log-state>p{margin:0;color:#b7c6ce;font-size:12px;line-height:1.6}.quest-log-state.status-locked{border-color:#5b4430;border-left-color:#f0883e;background:linear-gradient(110deg,#21170f,rgba(33,23,15,.62))}.quest-log-state.status-locked>div>span,.quest-log-state.status-locked>div>b{color:#e3a06b}.quest-log-state.status-available{border-color:#31545b;border-left-color:#79c0ff}.quest-log-state.status-ready{border-color:#356b46;border-left-color:#7ee787;background:linear-gradient(110deg,#101b14,rgba(16,27,20,.62))}.quest-log-state.status-ready>div>span,.quest-log-state.status-ready>div>b{color:#7ee787}.quest-log-state.status-completed{border-color:#6b5935;border-left-color:var(--ui-gold-bright);background:linear-gradient(110deg,#211c12,rgba(33,28,18,.62))}.quest-log-state.status-completed>div>span,.quest-log-state.status-completed>div>b{color:var(--ui-gold-bright)}
.quest-log-routes{border:1px solid var(--ui-line-soft);border-radius:5px;background:var(--ui-surface);padding:13px 14px}.quest-log-routes-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.quest-log-routes-title>span{color:var(--ui-text);font-size:13px;font-weight:850}.quest-log-routes-title>small{color:var(--ui-faint);font-size:11px}.quest-log-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.quest-log-route-grid article{display:grid;align-content:start;gap:6px;min-width:0;border:1px solid var(--ui-line-soft);border-top:3px solid #8b949e;border-radius:4px;background:#0d1117;padding:11px 12px}.quest-log-route-grid article.combat{border-top-color:#79c0ff;background:#0d1719}.quest-log-route-grid article.diamond{border-top-color:var(--ui-gold-bright);background:#18150f}.quest-log-route-grid article>span{color:#aeb8c4;font-size:11px;font-weight:850}.quest-log-route-grid article>b{color:var(--ui-text);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.quest-log-route-grid article.combat>b{color:#b9ddff}.quest-log-route-grid article.diamond>b{color:var(--ui-gold-bright)}.quest-log-route-grid article>p{margin:0;color:#929eab;font-size:11px;line-height:1.55}.quest-log-reward{display:grid;gap:6px;border:1px solid #6b5935;border-left:3px solid var(--ui-gold-bright);border-radius:4px;background:#18150f;padding:12px 14px}.quest-log-reward>span{color:var(--ui-gold);font-size:11px;font-weight:850}.quest-log-reward>b{color:#f0d78d;font-size:13px;line-height:1.55}.quest-log-optional-label{display:inline-flex;align-items:center;margin-left:7px;border:1px solid #31545b;border-radius:999px;color:#79c0ff;padding:1px 5px;font-size:9px;font-style:normal;vertical-align:1px}.quest-log-objectives li.optional:not(.completed)>span{border-color:#31545b;background:#101b20;color:#79c0ff}
.quest-log-section{border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface);padding:13px 14px}.quest-log-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.quest-log-section-title span{color:var(--ui-text);font-size:13px;font-weight:850}.quest-log-section-title b{color:var(--ui-gold-bright);font-size:12px}.quest-log-progress{height:9px;margin-top:9px;border:1px solid #5a492b;background:#080a0d;overflow:hidden}.quest-log-progress i{display:block;height:100%;background:linear-gradient(90deg,#9e6f22,var(--ui-gold-bright));transition:width .2s}
.quest-log-objectives{display:grid;gap:0;margin:10px 0 0;padding:0;list-style:none;border-top:1px solid var(--ui-line-soft)}.quest-log-objectives li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;min-height:46px;padding:8px 2px;border-bottom:1px solid var(--ui-line-soft)}.quest-log-objectives li>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #52606d;border-radius:50%;color:#8b949e;font-size:11px}.quest-log-objectives b,.quest-log-objectives small{display:block}.quest-log-objectives b{color:var(--ui-text);font-size:12px;line-height:1.45}.quest-log-objectives small{margin-top:3px;color:#929eab;font-size:11px;line-height:1.45}.quest-log-objectives li.completed>span{border-color:#356b46;background:#101b14;color:#7ee787}.quest-log-objectives li.completed b{color:#79aa87;text-decoration:line-through}.quest-log-objectives li.completed .quest-log-optional-label{text-decoration:none}.quest-log-empty-objectives{margin-top:10px;border-left:2px solid #80672f;background:rgba(var(--theme-secondary-rgb),.06);color:var(--ui-muted);padding:8px 10px;font-size:11px;line-height:1.5}
.quest-log-project,.quest-log-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface);overflow:hidden}.quest-log-project>div,.quest-log-facts>div{display:grid;gap:4px;min-width:0;padding:11px 12px;border-right:1px solid var(--ui-line-soft)}.quest-log-project>div:last-child,.quest-log-facts>div:last-child{border-right:0}.quest-log-project span,.quest-log-facts span{color:var(--ui-faint);font-size:9px}.quest-log-project b,.quest-log-facts b{color:var(--ui-text);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.quest-log-project b{color:var(--ui-gold-bright)}
.quest-log-countdown{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;border:1px solid #31545b;border-left:3px solid #79c0ff;border-radius:4px;background:#0d1719;padding:11px 13px}.quest-log-countdown span{color:#8eb6c9;font-size:10px}.quest-log-countdown b{color:#79c0ff;font-size:18px;white-space:nowrap}.quest-log-countdown small{grid-column:1/-1;color:#6f8d9b;font-size:9px}.quest-log-timestamps{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--ui-faint);font-size:9px}.quest-log-reason{border-left:3px solid #f0883e;background:rgba(240,136,62,.07);color:#e3a06b;padding:9px 11px;font-size:11px;line-height:1.5}
.quest-log-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:auto;padding:13px 22px;border-top:1px solid var(--ui-line);background:#0b0e12}.quest-log-actions .quest-log-action{width:auto;min-width:150px;min-height:40px;margin:0;padding:8px 13px;font-size:11px;font-weight:850}.quest-log-action.primary{border-color:#31545b;background:#132127;color:#79c0ff}.quest-log-action.accelerate,.quest-log-action.instant{border-color:#80672f;background:#2b2415;color:var(--ui-gold-bright)}.quest-log-action.complete{border-color:#356b46;background:#132218;color:#7ee787}.quest-log-action.project{border-color:#704d8f;background:#21172a;color:#d2a8ff}.quest-log-empty{display:grid;min-height:360px;place-items:center;color:var(--ui-faint);font-size:13px}
.quest-log-workspace{display:flex;flex-direction:column;width:100%;height:min(720px,calc(100dvh - 96px));min-height:0}.quest-log-workspace>.quest-log-shell{flex:1;height:auto}.quest-log-mode-tabs{display:flex;align-items:stretch;gap:0;flex:0 0 auto;min-height:48px;border-bottom:1px solid var(--ui-line);background:#090c10;padding:0 12px}.quest-log-mode-tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:150px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ui-muted);padding:0 16px;font-size:12px;font-weight:850;cursor:pointer}.quest-log-mode-tabs button:hover{background:rgba(var(--theme-secondary-rgb),.06);color:var(--ui-text)}.quest-log-mode-tabs button.active{border-bottom-color:var(--ui-gold-bright);background:linear-gradient(180deg,transparent,rgba(212,169,68,.08));color:var(--ui-gold-bright)}.quest-log-mode-tabs button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:-3px}.quest-log-mode-tabs button>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:11px}.quest-log-mode-tabs button>em{display:grid;min-width:17px;height:17px;place-items:center;border-radius:999px;background:#8f231f;color:#fff;padding:0 4px;font-size:8px;font-style:normal}
.guide-nav .hero-log-item.status-selected{border-color:#80672f;border-left-color:var(--ui-gold-bright);background:#211c12;color:var(--ui-gold-bright)}.guide-nav .hero-log-item.status-discovered{border-left-color:#8b949e}.guide-nav .hero-log-item.status-locked{filter:saturate(.55)}.hero-log-item-icon{border-radius:4px;overflow:hidden}.hero-log-item-icon img,.hero-log-portrait img{display:block;width:100%;height:100%;object-fit:cover}.hero-log-hero.status-selected{border-left-color:var(--ui-gold-bright);background:linear-gradient(100deg,rgba(212,169,68,.12),transparent 62%)}.hero-log-hero.status-discovered{border-left-color:#8b949e}.hero-log-hero.status-available{border-left-color:#79c0ff}.hero-log-hero.status-locked{border-left-color:#52606d}.hero-log-hero.status-selected>em{border-color:#80672f;background:#2b2415;color:var(--ui-gold-bright)}.hero-log-portrait{border-radius:4px;background:linear-gradient(145deg,#211c12,#0b0e12);overflow:hidden}.hero-log-detail-content{align-content:start}.hero-log-bond>small{display:block;margin-top:8px;color:var(--ui-faint);font-size:9px;line-height:1.5}.hero-log-bond>.hero-log-bond-cap-note{border-left:2px solid #d2a8ff;background:rgba(163,113,247,.06);color:#c8a8e5;padding:6px 8px}.hero-log-bond.capped>.hero-log-bond-cap-note{border-left-color:#f0ca78;background:rgba(240,202,120,.06);color:#f0ca78}.hero-log-bond.capped .quest-log-progress i{background:linear-gradient(90deg,#80672f,#f0ca78)}
.hero-log-panel{border:1px solid var(--ui-line-soft);border-radius:4px;background:var(--ui-surface);padding:13px 14px}.hero-log-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-log-panel-title span{color:var(--ui-faint);font-size:9px;font-weight:800;letter-spacing:.04em}.hero-log-panel-title b{color:var(--ui-text);font-size:13px;text-align:right}.hero-log-panel p{margin:9px 0 0;color:var(--ui-muted);font-size:11px;line-height:1.65}.hero-log-panel>ul:not(.quest-log-objectives){display:grid;gap:5px;margin:9px 0 0;padding:0 0 0 17px;color:var(--ui-text);font-size:10px;line-height:1.5}.hero-log-ability{border-left:3px solid #79c0ff;background:linear-gradient(100deg,rgba(88,166,255,.07),var(--ui-surface) 48%)}.hero-log-ability .hero-log-panel-title b{color:#79c0ff}.hero-log-chapter{border-left:3px solid #d2a8ff}.hero-log-chapter .hero-log-panel-title b{color:#d2a8ff}.hero-log-gifts{border-left:3px solid #f0ca78}.hero-log-pact{border-left:3px solid var(--ui-gold-bright);background:linear-gradient(100deg,rgba(212,169,68,.07),var(--ui-surface) 48%)}.hero-log-pact .hero-log-panel-title b{color:var(--ui-gold-bright)}.hero-log-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.hero-log-inline-actions .hero-log-action{width:auto;min-width:190px;min-height:38px;margin:0;padding:8px 12px;font-size:10px;font-weight:850}.hero-log-action.gift.common{border-color:#52606d;background:#171c22;color:#c9d1d9}.hero-log-action.gift.precious,.hero-log-action.pact{border-color:#80672f;background:#2b2415;color:var(--ui-gold-bright)}.hero-log-action:disabled{border-color:var(--ui-line);background:#171b21;color:var(--ui-faint)}.hero-selected-action{border-color:#80672f!important;background:#211c12!important;color:var(--ui-gold-bright)!important}
.hero-log-pact-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.hero-log-pact-tier{position:relative;display:grid;align-content:start;gap:3px;min-width:0;border:1px solid var(--ui-line-soft);background:#11161c;padding:9px 10px}.hero-log-pact-tier span,.hero-log-pact-tier b,.hero-log-pact-tier small{display:block;min-width:0}.hero-log-pact-tier span{overflow:hidden;padding-right:38px;color:#aeb8c4;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hero-log-pact-tier b{color:var(--ui-text);font-size:13px}.hero-log-pact-tier small{color:#929eab;font-size:9px}.hero-log-pact-tier em{position:absolute;right:7px;top:7px;color:#768190;font-size:8px;font-style:normal;font-weight:800}.hero-log-pact-tier.active{border-color:#356b46;background:rgba(63,185,80,.07)}.hero-log-pact-tier.active b,.hero-log-pact-tier.active em{color:#7ee787}.hero-log-pact-tier.next{border-color:#80672f;background:rgba(212,169,68,.09)}.hero-log-pact-tier.next b,.hero-log-pact-tier.next em{color:var(--ui-gold-bright)}.hero-log-pact-tier.future{opacity:.76}.hero-log-pact-effect{margin-top:5px;border-top:1px solid var(--ui-line-soft);padding-top:6px}.hero-log-pact-effect strong{display:block;color:#aeb8c4;font-size:9px}.hero-log-pact-effect.special strong{color:var(--ui-gold-bright)}.hero-log-panel .hero-log-pact-effect p{margin:3px 0 0;color:#929eab;font-size:9px;line-height:1.5}.hero-log-panel>.hero-log-pact-note{margin-top:6px;color:#929eab;font-size:9px}
.hero-log-ability-state{display:flex;align-items:center;gap:7px;margin-top:10px;border:1px solid #31545b;border-radius:3px;background:#101b20;color:#79c0ff;padding:7px 9px}.hero-log-ability-state>span{font-size:9px}.hero-log-ability-state>b{font-size:10px}.hero-log-ability-state.status-selected{border-color:#80672f;background:#2b2415;color:var(--ui-gold-bright)}.hero-log-ability-state.status-discovered{border-color:#52606d;background:#171c22;color:#c9d1d9}.hero-log-ability-summary{font-size:12px!important;line-height:1.7!important}.hero-log-ability-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.hero-log-ability-stat{display:grid;gap:3px;min-width:0;border:1px solid var(--ui-line-soft);border-radius:3px;background:#0d1117;padding:9px 10px}.hero-log-ability-stat span{color:var(--ui-faint);font-size:8px}.hero-log-ability-stat b{color:var(--ui-text);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.hero-log-ability-stat small{color:var(--ui-faint);font-size:8px;line-height:1.4}.hero-log-ability-stat.highlight{border-color:#6b5935;background:#18150f}.hero-log-ability-stat.highlight b{color:var(--ui-gold-bright)}.hero-log-ability-effects,.hero-log-ability-growth{margin-top:12px}.hero-log-ability-effects>h5,.hero-log-ability-growth>h5{margin:0 0 7px;color:var(--ui-faint);font-size:9px;letter-spacing:.05em}.hero-log-effect-list,.hero-log-milestones{display:grid;gap:6px;margin:0;padding:0;list-style:none}.hero-log-effect-list li{border-left:2px solid #79c0ff;background:rgba(88,166,255,.045);padding:8px 10px}.hero-log-effect-list b{display:block;color:#b9ddff;font-size:10px}.hero-log-effect-list p{margin:3px 0 0;color:var(--ui-muted);font-size:10px;line-height:1.55}.hero-log-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-log-milestones li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start;border:1px solid var(--ui-line-soft);border-radius:3px;background:#0d1117;padding:8px 9px}.hero-log-milestones li>span{display:grid;width:18px;height:18px;place-items:center;border:1px solid #52606d;border-radius:50%;color:#8b949e;font-size:9px}.hero-log-milestones small,.hero-log-milestones b{display:block}.hero-log-milestones small{color:var(--ui-faint);font-size:8px}.hero-log-milestones b{margin-top:2px;color:var(--ui-text);font-size:10px}.hero-log-milestones p{margin:3px 0 0;color:var(--ui-faint);font-size:9px;line-height:1.45}.hero-log-milestones li.unlocked{border-color:#356b46;background:#101b14}.hero-log-milestones li.unlocked>span{border-color:#356b46;color:#7ee787}.hero-log-milestones li.unlocked b{color:#9ad8aa}.hero-log-milestones li.locked{opacity:.72}
.hero-log-chapter-gate{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(150px,auto);gap:9px;align-items:center;margin-top:10px;border:1px solid #704d8f;border-radius:3px;background:#17101e;padding:9px 10px}.hero-log-chapter-gate>span{display:grid;width:22px;height:22px;place-items:center;border:1px solid currentColor;border-radius:50%;color:#d2a8ff;font-size:10px;font-weight:900}.hero-log-chapter-gate b,.hero-log-chapter-gate small{display:block}.hero-log-chapter-gate b{color:var(--ui-text);font-size:10px}.hero-log-chapter-gate small{margin-top:3px;color:var(--ui-faint);font-size:9px}.hero-log-chapter-gate>em{color:#d2a8ff;font-size:9px;font-style:normal;line-height:1.45;text-align:right}.hero-log-chapter-gate.ready,.hero-log-chapter-gate.completed{border-color:#356b46;background:#101b14}.hero-log-chapter-gate.ready>span,.hero-log-chapter-gate.completed>span,.hero-log-chapter-gate.ready>em{color:#7ee787}.hero-log-chapter-gate.objectives{border-color:#80672f;background:#211c12}.hero-log-chapter-gate.objectives>span,.hero-log-chapter-gate.objectives>em{color:#f0ca78}.hero-log-chapter-objective-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;border-top:1px solid var(--ui-line-soft);padding-top:9px}.hero-log-chapter-objective-summary span{color:var(--ui-faint);font-size:9px;font-weight:800}.hero-log-chapter-objective-summary b{color:#d2a8ff;font-size:10px}.quest-log-action.chapter-blocked{max-width:440px;border-color:#704d8f;background:#17101e;color:#c8a8e5;white-space:normal}.quest-log-action.chapter-completed{border-color:#356b46;background:#101b14;color:#7ee787}
.hero-log-item time.ready{color:#7ee787;font-weight:850}.hero-log-routines{padding:0;overflow:hidden}.hero-log-routines>.hero-log-panel-title{padding:12px 14px;border-bottom:1px solid var(--ui-line-soft)}.hero-log-daily{border-left:3px solid #56d364}.hero-log-weekly{border-left:3px solid #d2a8ff;background:linear-gradient(100deg,rgba(163,113,247,.07),var(--ui-surface) 48%)}.hero-log-daily .hero-log-panel-title b{color:#7ee787}.hero-log-weekly .hero-log-panel-title b{color:#d2a8ff}.hero-log-routine-list{display:grid}.hero-log-routine{display:grid;grid-template-columns:22px minmax(0,1fr) auto minmax(108px,auto);gap:9px;align-items:center;min-width:0;padding:10px 12px;border-bottom:1px solid var(--ui-line-soft)}.hero-log-routine:last-child{border-bottom:0}.hero-log-routine.ready{background:rgba(63,185,80,.055)}.hero-log-routine.claimed{opacity:.68}.hero-log-routine.capacity-blocked{background:rgba(240,202,120,.045)}.hero-log-routine-icon{display:grid;width:20px;height:20px;place-items:center;border:1px solid #52606d;border-radius:50%;color:#8b949e;font-size:10px}.hero-log-routine.weekly .hero-log-routine-icon{border-color:#704d8f;border-radius:3px;color:#d2a8ff}.hero-log-routine.ready .hero-log-routine-icon{border-color:#356b46;background:#101b14;color:#7ee787}.hero-log-routine.capacity-blocked .hero-log-routine-icon{border-color:#80672f;color:#f0ca78}.hero-log-routine-copy{min-width:0}.hero-log-routine-copy b,.hero-log-routine-copy small{display:block}.hero-log-routine-copy b{color:var(--ui-text);font-size:11px;line-height:1.35}.hero-log-routine-copy small{margin-top:2px;color:var(--ui-faint);font-size:9px;line-height:1.4}.hero-log-routine-copy>.hero-log-routine-reason{margin-top:7px;border-left:2px solid #f0ca78;background:rgba(240,202,120,.06);color:#f0ca78;padding:5px 7px}.hero-log-routine-progress{height:4px;margin-top:7px;background:#080a0d;overflow:hidden}.hero-log-routine-progress i{display:block;height:100%;background:#52606d}.hero-log-routine.ready .hero-log-routine-progress i,.hero-log-routine.claimed .hero-log-routine-progress i{background:#56d364}.hero-log-routine.capacity-blocked .hero-log-routine-progress i{background:#80672f}.hero-log-routine-meta{display:grid;gap:2px;min-width:68px;text-align:right}.hero-log-routine-meta span{color:var(--ui-muted);font-size:9px}.hero-log-routine-meta em{color:var(--ui-gold);font-size:9px;font-style:normal;white-space:nowrap}.hero-log-routine-claim{width:100%;min-width:108px;min-height:34px;margin:0;padding:6px 9px;border-color:#356b46;background:#132218;color:#7ee787;font-size:9px;font-weight:850}.hero-log-routine-claim:disabled{border-color:var(--ui-line);background:#171b21;color:var(--ui-faint)}.hero-log-routine.capacity-blocked .hero-log-routine-claim:disabled{border-color:#80672f;background:#211c12;color:#f0ca78}.hero-log-routine-empty{padding:18px 14px;color:var(--ui-faint);font-size:10px;text-align:center}
@media(max-width:1320px) and (min-width:901px){.quest-log-entry>b{display:none}.quest-log-entry{padding:0 7px}}
@media(max-width:720px){.game-brand-tools{margin-left:auto}.quest-log-entry,.update-log-entry{min-height:32px}.quest-log-workspace{height:auto}.quest-log-mode-tabs{position:sticky;top:0;z-index:4;min-height:46px;padding:0}.quest-log-mode-tabs button{flex:1;min-width:0;padding:0 9px}.quest-log-shell{display:block;height:auto;min-height:0}.quest-log-list{overflow-x:auto;overflow-y:hidden}.quest-log-list-heading{display:none}.guide-nav .quest-log-item{flex:0 0 220px;min-width:220px;min-height:60px;text-align:left}.quest-log-detail{overflow:visible}.quest-log-hero{grid-template-columns:48px minmax(0,1fr);padding:15px 14px}.quest-log-hero-icon{width:46px;height:46px;font-size:24px}.quest-log-hero h4{font-size:20px}.quest-log-hero>em{grid-column:2;justify-self:start}.quest-log-detail-content{padding:13px 14px}.quest-log-state{grid-template-columns:1fr;gap:8px;padding:13px 14px}.quest-log-state>div>b{font-size:18px}.quest-log-route-grid{grid-template-columns:1fr}.quest-log-story{padding:12px 13px}.quest-log-story p{font-size:12px}.quest-log-project,.quest-log-facts,.hero-log-ability-stats,.hero-log-milestones{grid-template-columns:1fr}.quest-log-project>div,.quest-log-facts>div{border-right:0;border-bottom:1px solid var(--ui-line-soft)}.quest-log-project>div:last-child,.quest-log-facts>div:last-child{border-bottom:0}.hero-log-panel-title{align-items:flex-start;flex-direction:column;gap:4px}.hero-log-panel-title b{text-align:left}.hero-log-chapter-gate{grid-template-columns:22px minmax(0,1fr)}.hero-log-chapter-gate>em{grid-column:1/-1;text-align:left}.hero-log-chapter-objective-summary{align-items:flex-start;flex-direction:column;gap:3px}.hero-log-routine{grid-template-columns:22px minmax(0,1fr);grid-template-areas:"icon copy" "meta meta" "action action";align-items:start}.hero-log-routine-icon{grid-area:icon}.hero-log-routine-copy{grid-area:copy}.hero-log-routine-meta{grid-area:meta;display:flex;align-items:center;justify-content:space-between;text-align:left}.hero-log-routine-claim{grid-area:action;min-height:44px}.hero-log-inline-actions{display:grid;grid-template-columns:1fr}.hero-log-inline-actions .hero-log-action{width:100%;min-width:0;min-height:44px}.hero-log-pact-tiers{grid-template-columns:1fr}.hero-log-pact-tier{min-height:58px}.quest-log-actions{padding:12px 14px}.quest-log-actions .quest-log-action{min-height:44px;flex:1 1 180px}}
@media(max-width:420px){.game-brand-title-row{gap:5px}.game-brand-tools{gap:4px}.quest-log-entry>b,.update-log-entry>b{display:none}.quest-log-entry,.update-log-entry{min-width:34px;justify-content:center;padding:0 7px}.quest-log-entry>span{width:18px;height:18px}.quest-log-countdown{grid-template-columns:1fr}.quest-log-countdown b{font-size:16px;white-space:normal}.quest-log-actions{display:grid;grid-template-columns:1fr}.quest-log-actions .quest-log-action{width:100%;min-width:0}}
body[data-theme="mono"] .quest-log-entry,body[data-theme="mono"] .quest-log-modal,body[data-theme="mono"] .quest-log-mode-tabs,body[data-theme="mono"] .quest-log-mode-tabs button,body[data-theme="mono"] .quest-log-list,body[data-theme="mono"] .quest-log-item,body[data-theme="mono"] .quest-log-hero,body[data-theme="mono"] .quest-log-hero-icon,body[data-theme="mono"] .quest-log-state,body[data-theme="mono"] .quest-log-routes,body[data-theme="mono"] .quest-log-route-grid article,body[data-theme="mono"] .quest-log-reward,body[data-theme="mono"] .quest-log-story,body[data-theme="mono"] .quest-log-section,body[data-theme="mono"] .hero-log-panel,body[data-theme="mono"] .hero-log-routine,body[data-theme="mono"] .hero-log-routine-icon,body[data-theme="mono"] .hero-log-routine-progress,body[data-theme="mono"] .hero-log-routine-claim,body[data-theme="mono"] .quest-log-progress,body[data-theme="mono"] .quest-log-project,body[data-theme="mono"] .quest-log-facts,body[data-theme="mono"] .quest-log-countdown,body[data-theme="mono"] .quest-log-actions,body[data-theme="mono"] .quest-log-action,body[data-theme="mono"] .hero-log-action{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .quest-log-entry *,body[data-theme="mono"] .quest-log-body *,body[data-theme="mono"] .quest-log-item *{color:#000!important}body[data-theme="mono"] .quest-log-mode-tabs button.active{border-bottom-color:#000!important;background:#000!important;color:#fff!important}body[data-theme="mono"] .quest-log-mode-tabs button.active *{color:#fff!important}body[data-theme="mono"] .quest-log-progress i,body[data-theme="mono"] .hero-log-routine-progress i{background:#000!important}body[data-theme="mono"] .quest-log-entry>em,body[data-theme="mono"] .quest-log-mode-tabs button>em{background:#000!important;color:#fff!important}
body[data-theme="mono"] .hero-log-pact-tier{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;opacity:1!important}
body[data-theme="mono"] .hero-log-ability-state,body[data-theme="mono"] .hero-log-ability-stat,body[data-theme="mono"] .hero-log-effect-list li,body[data-theme="mono"] .hero-log-milestones li,body[data-theme="mono"] .hero-log-milestones li>span,body[data-theme="mono"] .hero-log-chapter-gate,body[data-theme="mono"] .hero-log-chapter-gate>span,body[data-theme="mono"] .hero-log-bond-cap-note,body[data-theme="mono"] .hero-log-routine-reason{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important}

/* Hero roster clarity: active state, level growth and chapter capacity are separate signals. */
.hero-log-overview{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(140px,.76fr) minmax(190px,1fr) minmax(210px,1.12fr);align-items:stretch;padding:12px 22px;border-bottom:1px solid var(--ui-line);background:#10141a}.hero-log-overview>div{min-width:0;padding:4px 13px;border-right:1px solid var(--ui-line-soft)}.hero-log-overview>div:first-child{padding-left:0}.hero-log-overview>div:last-child{padding-right:0;border-right:0}.hero-log-overview span,.hero-log-overview b,.hero-log-overview small,.hero-log-overview em{display:block}.hero-log-overview span{color:#aeb8c4;font-size:10px;font-weight:800}.hero-log-overview-status b{margin-top:5px;color:#79c0ff;font-size:13px;line-height:1.3}.hero-log-overview.active .hero-log-overview-status b{color:var(--ui-gold-bright)}.hero-log-overview-status small,.hero-log-overview-bonus small,.hero-log-overview-progress>small{margin-top:4px;color:#929eab;font-size:10px;line-height:1.4}.hero-log-overview-bonus b{margin-top:3px;color:#7ee787;font-size:18px;line-height:1.2}.hero-log-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-log-overview-heading b{color:var(--ui-text);font-size:12px;line-height:1.3;text-align:right}.hero-log-overview-bar{height:8px;margin-top:9px;border:1px solid #31545b;background:#080a0d;overflow:hidden}.hero-log-overview-bar i{display:block;height:100%;background:#58a6ff;transition:width .2s}.hero-log-overview-bar.capacity{border-color:#704d8f}.hero-log-overview-bar.capacity i{background:#a371f7}.hero-log-overview-progress>em{margin-top:4px;color:#d2a8ff;font-size:10px;font-style:normal;line-height:1.4}.hero-log-overview-progress.zero{border-left:3px solid #80672f;padding-left:11px}.hero-log-overview-progress.zero .hero-log-overview-heading{margin-bottom:8px}.hero-log-overview-progress.zero>small,.hero-log-overview-progress.zero>em{color:#f0ca78}
.hero-log-actions{position:sticky;top:0;z-index:5;justify-content:space-between;margin-top:0;border-bottom:1px solid var(--ui-line);box-shadow:0 7px 14px rgba(0,0,0,.25)}.hero-log-actions .quest-log-action.primary,.hero-log-actions .hero-selected-action{order:-1}.hero-log-actions .quest-log-action{flex:1 1 210px}.hero-log-detail-content{padding-top:13px}
.hero-log-item .quest-log-item-copy small{color:#9ba6b3;font-size:10px}.hero-log-item>em,.hero-log-item>time{font-size:10px}.hero-log-hero span{font-size:11px}.hero-log-hero p{color:#aeb8c4;font-size:12px}.hero-log-hero>em{font-size:10px}.hero-log-actions .quest-log-action,.hero-log-inline-actions .hero-log-action{font-size:11px}.hero-log-panel-title span{color:#aeb8c4;font-size:11px}.hero-log-panel-title b{font-size:14px}.hero-log-panel p{color:#b5bec9;font-size:12px;line-height:1.65}.hero-log-panel>ul:not(.quest-log-objectives){font-size:12px}.hero-log-ability-state{padding:8px 10px}.hero-log-ability-state>b{font-size:12px}.hero-log-ability-stat span,.hero-log-ability-stat small{color:#929eab;font-size:10px}.hero-log-ability-stat b{font-size:13px}.hero-log-ability-effects>h5{color:#aeb8c4;font-size:11px}.hero-log-effect-list b{font-size:12px}.hero-log-effect-list p{color:#aeb8c4;font-size:11px}.hero-log-ability-growth{margin-top:12px;border-top:1px solid var(--ui-line-soft);padding-top:9px}.hero-log-ability-growth>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aeb8c4;cursor:pointer;list-style:none}.hero-log-ability-growth>summary::-webkit-details-marker{display:none}.hero-log-ability-growth>summary span{font-size:11px;font-weight:800}.hero-log-ability-growth>summary b{color:#79c0ff;font-size:11px}.hero-log-ability-growth>summary::after{content:"▾";color:#79c0ff;font-size:12px;transition:transform .18s}.hero-log-ability-growth[open]>summary::after{transform:rotate(180deg)}.hero-log-ability-growth .hero-log-milestones{margin-top:9px}.hero-log-milestones small{color:#929eab;font-size:10px}.hero-log-milestones b{font-size:12px}.hero-log-milestones p{color:#929eab;font-size:11px}
.hero-log-chapter-gate b{font-size:12px}.hero-log-chapter-gate small,.hero-log-chapter-gate>em{color:#aeb8c4;font-size:10px}.hero-log-chapter-reward{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;border-left:2px solid var(--ui-gold-bright);background:rgba(212,169,68,.06);padding:8px 10px}.hero-log-chapter-reward span{color:#b5a677;font-size:10px}.hero-log-chapter-reward b{color:var(--ui-gold-bright);font-size:12px;text-align:right}.hero-log-chapter-objective-summary span{color:#aeb8c4;font-size:10px}.hero-log-chapter-objective-summary b{font-size:12px}.hero-log-routine-copy b{font-size:12px}.hero-log-routine-copy small{color:#9ba6b3;font-size:10px}.hero-log-routine-meta span,.hero-log-routine-meta em{font-size:10px}.hero-log-routine-claim{font-size:10px}.hero-log-routine-empty{color:#929eab;font-size:11px}.hero-log-pact.maxed{border-left-color:#56d364;background:linear-gradient(100deg,rgba(63,185,80,.07),var(--ui-surface) 48%)}.hero-log-pact.maxed .hero-log-panel-title b{color:#7ee787}
@media(max-width:900px){.hero-log-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:11px 14px}.hero-log-overview>div{padding:9px 10px;border-right:0;border-bottom:1px solid var(--ui-line-soft)}.hero-log-overview>div:nth-child(odd){padding-left:0;border-right:1px solid var(--ui-line-soft)}.hero-log-overview>div:nth-child(even){padding-right:0}.hero-log-overview>div:nth-last-child(-n+2){border-bottom:0}.hero-log-overview-progress.zero{padding-left:9px}}
@media(max-width:720px){.quest-log-shell>.quest-log-list{position:relative;top:auto;z-index:1}.hero-log-actions{top:46px;z-index:3;padding:9px 14px}.hero-log-actions .quest-log-action{min-height:44px}.hero-log-detail-content{padding-top:12px}.hero-log-panel-title{gap:5px}.hero-log-chapter-reward{align-items:flex-start;flex-direction:column;gap:3px}.hero-log-chapter-reward b{text-align:left}}
@media(max-width:480px){.hero-log-overview{grid-template-columns:1fr}.hero-log-overview>div,.hero-log-overview>div:nth-child(odd),.hero-log-overview>div:nth-child(even){padding:9px 0;border-right:0;border-bottom:1px solid var(--ui-line-soft)}.hero-log-overview>div:first-child{padding-top:1px}.hero-log-overview>div:last-child{padding-bottom:1px;border-bottom:0}.hero-log-overview-progress.zero{padding-left:9px}.hero-log-actions{position:relative;top:auto;box-shadow:none}}
body[data-theme="mono"] .hero-log-overview,body[data-theme="mono"] .hero-log-overview>div,body[data-theme="mono"] .hero-log-overview-bar,body[data-theme="mono"] .hero-log-chapter-reward,body[data-theme="mono"] .hero-log-ability-growth{border-color:#000!important;background:#fff!important;color:#000!important}body[data-theme="mono"] .hero-log-overview-bar i{background:#000!important}

/* Heroes use a dedicated character-status entry instead of sharing the quest log. */
.character-hero-entry{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;flex:0 0 auto;width:100%;min-width:0;min-height:56px;margin:0 0 7px;border:1px solid #5e4b28;border-left:3px solid var(--ui-gold-bright);border-radius:5px;background:linear-gradient(105deg,rgba(212,169,68,.12),rgba(13,17,23,.94) 58%);color:var(--ui-text);padding:6px 9px;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.character-hero-entry:hover,.character-hero-entry:focus-visible,.character-hero-entry.actionable{border-color:var(--ui-gold-bright);background:linear-gradient(105deg,rgba(212,169,68,.18),rgba(18,22,28,.98) 58%);outline:none}.character-hero-entry.selected{border-left-color:#7ee787}.character-hero-entry-portrait{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid #80672f;border-radius:4px;background:#0b0e12;color:var(--ui-gold-bright);font-size:21px}.character-hero-entry-portrait img{display:block;width:100%;height:100%;object-fit:cover}.character-hero-entry-copy{min-width:0}.character-hero-entry-copy b,.character-hero-entry-copy small{display:block}.character-hero-entry-copy b{color:var(--ui-gold-bright);font-size:13px;line-height:1.3}.character-hero-entry-copy small{margin-top:3px;color:#aeb8c4;font-size:10px;line-height:1.35;white-space:normal}.character-hero-entry-state{align-self:start;border:1px solid #5e4b28;border-radius:999px;background:#211c12;color:#f0ca78;padding:3px 6px;font-size:9px;font-weight:800;white-space:nowrap}.character-hero-entry.selected .character-hero-entry-state{border-color:#356b46;background:#101b14;color:#7ee787}.character-hero-entry-badge{position:absolute;right:-6px;top:-7px;display:grid;min-width:18px;height:18px;place-items:center;border:1px solid #f85149;border-radius:999px;background:#8f231f;color:#fff;padding:0 4px;font-size:8px;font-style:normal;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.35)}
@media(min-width:901px){.character-pane>.player-panel{grid-template-areas:"name vitals" "hero hero" "meta meta" "equip equip" "stats stats" "traits traits" "automation automation" "config config";grid-template-rows:repeat(8,max-content)}.character-pane .character-hero-entry{grid-area:hero;margin:0}}
@media(max-width:480px){.character-hero-entry{grid-template-columns:38px minmax(0,1fr);min-height:54px}.character-hero-entry-portrait{width:38px;height:38px}.character-hero-entry-state{grid-column:2;justify-self:start;margin-top:-1px}.character-hero-entry-copy small{font-size:10px}}
body[data-theme="mono"] .character-hero-entry,body[data-theme="mono"] .character-hero-entry-portrait,body[data-theme="mono"] .character-hero-entry-state{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .character-hero-entry *{color:#000!important}body[data-theme="mono"] .character-hero-entry-badge{background:#000!important;color:#fff!important}

.admin-preview-section{margin-top:18px;padding:16px;border:1px solid rgba(210,168,255,.38);border-radius:16px;background:linear-gradient(180deg,rgba(92,49,130,.17),rgba(9,13,22,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.admin-preview-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:6px}.admin-preview-section-head span{color:#d2a8ff;font-size:12px}.admin-preview-section-head h3{margin:3px 0 0;color:#f0e4ff;font-size:20px}.admin-preview-section-head>b{color:#d2a8ff;font-size:13px}.admin-preview-note{margin:0 0 14px;color:#9da7b3;font-size:13px;line-height:1.6}.admin-preview-boss-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-preview-boss-card{min-width:0;padding:14px;border:1px solid rgba(210,168,255,.22);border-radius:14px;background:rgba(7,11,18,.82)}
.admin-preview-boss-card .boss-codex-head em{color:#d2a8ff}.admin-preview-common{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.admin-preview-common span{padding:4px 8px;border:1px solid rgba(139,148,158,.22);border-radius:999px;background:rgba(255,255,255,.025);color:#aeb8c4;font-size:11px}.admin-preview-loot h5{margin:12px 0 7px;color:#d2a8ff;font-size:12px}.admin-preview-loot-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid rgba(139,148,158,.12)}.admin-preview-loot-row>span{font-size:20px;text-align:center}.admin-preview-loot-row b,.admin-preview-loot-row small{display:block}.admin-preview-loot-row small{margin-top:2px;color:#8b949e;font-size:11px}.admin-preview-loot-row p{margin:4px 0 0;color:#aeb8c4;font-size:12px;line-height:1.5}.admin-preview-loot-row.special{border-top-color:rgba(255,165,0,.18)}
.admin-preview-loot-row.legend{border-top-color:rgba(245,158,11,.38)}.admin-preview-signature{margin-top:7px;padding:7px 0 1px 9px;border-left:2px solid #f59e0b}.admin-preview-signature>b{color:#f6c453!important;font-size:12px}.admin-preview-signature>p{margin:3px 0 0;color:#d9c99d}.admin-preview-signature>small{margin-top:5px!important;color:#9da7b3!important;font-size:12px!important;line-height:1.45}
.admin-preview-craft{border-top:1px solid rgba(245,158,11,.38)}.admin-preview-craft-output,.admin-preview-material-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:9px 0}.admin-preview-craft-output>span,.admin-preview-material-row>span{font-size:20px;text-align:center}.admin-preview-craft-output>div>b{display:block;color:#f6c453;font-size:13px}.admin-preview-craft-output>div>small,.admin-preview-material-row small{display:block;margin-top:2px;color:#9da7b3;font-size:12px}.admin-preview-craft-output>div>p,.admin-preview-material-row p{margin:4px 0 0;color:#b7c0cc;font-size:12px;line-height:1.5}.admin-preview-material-list{border-top:1px solid rgba(139,148,158,.16)}.admin-preview-material-row{padding:7px 0;border-bottom:1px solid rgba(139,148,158,.1)}.admin-preview-material-row b{display:block;color:#e6edf3;font-size:12px}.admin-preview-craft-note{margin:8px 0 0!important;padding-left:9px;border-left:2px solid #4f9f69;color:#9fd2ad!important;font-size:12px!important;line-height:1.5!important}
.admin-preview-encounter{margin-top:12px;padding-top:11px;border-top:1px solid rgba(210,168,255,.2)}.admin-preview-encounter-head>b{display:block;color:#f0ca78;font-size:13px}.admin-preview-encounter-head>p{margin:5px 0 0;color:#b7c0cc;font-size:12px;line-height:1.55}.admin-preview-encounter h5{margin:11px 0 5px;color:#d2a8ff;font-size:12px}.admin-preview-mechanic-list{display:grid;gap:0}.admin-preview-mechanic-row{display:grid;grid-template-columns:minmax(112px,.36fr) minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid rgba(139,148,158,.12)}.admin-preview-mechanic-row>div b,.admin-preview-mechanic-row>div span{display:block}.admin-preview-mechanic-row>div b{color:#e6edf3;font-size:12px}.admin-preview-mechanic-row>div span{margin-top:2px;color:#8b949e;font-size:12px}.admin-preview-mechanic-row>p{margin:0;color:#aeb8c4;font-size:12px;line-height:1.5}.admin-preview-mechanic-row.phase>div b{color:#f0ca78}
@media(max-width:900px){.admin-preview-boss-list{grid-template-columns:1fr}.admin-preview-section-head{align-items:flex-start;flex-direction:column}.admin-preview-section{padding:12px}.admin-preview-boss-card{padding:12px}}
@media(max-width:480px){.admin-preview-mechanic-row{grid-template-columns:1fr;gap:4px}}

/* Element staff spell loadouts. */
.magic-spell-loadout-panel{display:grid;gap:7px;padding:8px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(88,166,255,.07),rgba(4,9,15,.35))}
.instant-apply-status{flex:0 0 auto;border:1px solid rgba(63,185,80,.38);border-radius:999px;background:rgba(63,185,80,.08);color:#79cf8b;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.instant-apply-status.pending{border-color:rgba(240,202,120,.42);background:rgba(240,202,120,.08);color:#f0ca78}
.magic-spell-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.magic-spell-head span,.magic-spell-head b{display:block}.magic-spell-head span{color:#79c0ff;font-size:9px;font-weight:850;letter-spacing:.04em}.magic-spell-head b{margin-top:2px;color:#f0f4f8;font-size:12px}.magic-spell-head button{flex:0 0 auto;min-height:28px;border:1px solid #8c6512;border-radius:5px;background:#7a550d;color:#fff;padding:4px 10px;font-size:10px;font-weight:800;cursor:pointer}.magic-spell-head button:hover:not(:disabled){filter:brightness(1.13)}.magic-spell-head button:disabled{border-color:#30363d;background:#161b22;color:#657181;cursor:default}
.magic-spell-unlock-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border-left:2px solid #58a6ff;background:rgba(88,166,255,.06);padding:4px 6px;font-size:9px}.magic-spell-unlock-line span{color:#9fb8d2}.magic-spell-unlock-line em{color:#f0ca78;font-style:normal;text-align:right}.magic-spell-migration-note{border:1px solid rgba(240,136,62,.35);border-radius:4px;background:rgba(240,136,62,.07);color:#e3a06b;padding:5px 7px;font-size:9px;line-height:1.4}
.magic-spell-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.magic-spell-fields label{display:grid;gap:4px;min-width:0;border:1px solid rgba(148,163,184,.14);border-radius:5px;background:rgba(4,9,15,.55);padding:6px}.magic-spell-fields label>span{color:#aeb9c7;font-size:9px;font-weight:750}.magic-spell-fields select{width:100%;min-width:0;border:1px solid #30363d;border-radius:4px;background:#111820;color:#e0e8f1;padding:5px;font-size:10px}.magic-spell-fields option:disabled{color:#697586}.magic-spell-fields i{color:#657284;font-size:8px;font-style:normal;line-height:1.35}
.magic-spell-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.magic-spell-detail{min-width:0;border:1px solid #29313b;border-radius:5px;background:#0b1016;padding:6px}.magic-spell-detail>span,.magic-spell-detail>b{display:block}.magic-spell-detail>span{color:#718196;font-size:8px}.magic-spell-detail>b{margin-top:2px;color:#dce7f5;font-size:11px}.magic-spell-detail>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.magic-spell-detail em{border:1px solid #303a46;border-radius:999px;background:#121923;color:#9fb8d2;padding:1px 5px;font-size:8px;font-style:normal}.magic-spell-detail p{margin:5px 0 0;color:#8997a8;font-size:9px;line-height:1.4}.magic-spell-detail.empty{opacity:.72}
.magic-spell-battle-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.magic-spell-battle-info>span{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;border:1px solid #30363d;border-radius:4px;background:#0d1117;padding:4px 6px}.magic-spell-battle-info b{min-width:0;color:#aeb9c7;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.magic-spell-battle-info em{flex:0 0 auto;color:#f0ca78;font-size:9px;font-style:normal}.magic-spell-battle-info>span.ready{border-color:rgba(63,185,80,.38);background:rgba(63,185,80,.06)}.magic-spell-battle-info>span.ready em{color:#79cf8b}.magic-spell-battle-info>small{grid-column:1/-1;color:#718196;font-size:8px;text-align:right}
.magic-spell-battle-info>small.magic-spell-resource{border-top:1px solid rgba(148,163,184,.12);padding-top:4px}.magic-spell-resource b{font-size:inherit}.magic-spell-resource.sustain b{color:#79cf8b}.magic-spell-resource.moderate b{color:#f0ca78}.magic-spell-resource.hungry b{color:#f0883e}
.magic-spell-empty{display:grid;gap:2px;padding:3px}.magic-spell-empty b{color:#aeb9c7;font-size:11px}.magic-spell-empty span{color:#657284;font-size:9px;line-height:1.4}
body[data-theme="mono"] .magic-spell-loadout-panel,body[data-theme="mono"] .magic-spell-fields label,body[data-theme="mono"] .magic-spell-detail,body[data-theme="mono"] .magic-spell-battle-info>span,body[data-theme="mono"] .instant-apply-status{border-color:#000!important;border-radius:0!important;background:#fff!important}body[data-theme="mono"] .magic-spell-loadout-panel *,body[data-theme="mono"] .instant-apply-status{color:#000!important}
@media(max-width:620px){.magic-spell-fields,.magic-spell-details,.magic-spell-battle-info{grid-template-columns:1fr}.magic-spell-unlock-line{align-items:flex-start;flex-direction:column}.magic-spell-unlock-line em{text-align:left}.magic-spell-battle-info>small{grid-column:1}}
#collGrid .ci-stats.magic-staff-stats span{flex-wrap:wrap;white-space:normal}
@media(max-width:900px){#collGrid .ci-stats.magic-staff-stats label:nth-of-type(n+2),#collGrid .ci-stats.magic-staff-stats b:nth-of-type(n+2){display:inline}}

/* Main-city expedition map. It is intentionally read-only and uses live unlock state. */
.npc-btn.world-map-npc{border-color:rgba(217,164,74,.44);background:linear-gradient(180deg,rgba(48,38,20,.98),rgba(15,18,22,.98))}.npc-btn.world-map-npc:after{background:linear-gradient(135deg,rgba(229,184,92,.18),transparent 45%,rgba(73,132,151,.1))}.npc-btn.world-map-npc:hover{border-color:#e5b85c;background:linear-gradient(180deg,rgba(58,45,23,.98),rgba(18,22,27,.98))}.npc-btn.world-map-npc .npc-icon{border-color:rgba(229,184,92,.5);background:linear-gradient(180deg,rgba(229,184,92,.15),#0d1117)}.npc-btn.world-map-npc .npc-name{color:#e8c77f}
#azerothMapModal.modal-bg{padding:0}.azeroth-map-modal{box-sizing:border-box;min-width:0;width:min(1600px,100vw);max-width:none;height:min(960px,100dvh);max-height:100dvh;border:0;border-radius:0;background:#071019;box-shadow:0 24px 80px rgba(0,0,0,.7);overflow:hidden}.azeroth-map-header{position:relative;z-index:20;display:grid;grid-template-columns:minmax(210px,1fr) auto 44px;min-height:72px;align-items:center;gap:18px;border-bottom:1px solid rgba(205,167,88,.36);background:linear-gradient(180deg,rgba(24,30,34,.98),rgba(10,15,20,.96));padding:10px 14px 10px 20px}.azeroth-map-heading{min-width:0}.azeroth-map-breadcrumb{display:flex;align-items:center;gap:7px;color:#96a8b8;font-size:12px;line-height:1}.azeroth-map-breadcrumb i{color:#725d37;font-style:normal}.azeroth-map-breadcrumb strong{color:#d7bd83}.azeroth-map-heading h3{margin:5px 0 0;color:#f2e1b8;font-family:Georgia,"Noto Serif SC",serif;font-size:22px;line-height:1.05;letter-spacing:0}.azeroth-map-summary{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));align-items:stretch}.azeroth-map-summary span{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;gap:5px;min-width:0;border-left:1px solid rgba(205,167,88,.25);padding:4px 12px;white-space:nowrap}.azeroth-map-summary b{color:#f0ce7d;font-size:18px;line-height:1}.azeroth-map-summary small{color:#9aa6af;font-size:12px}.azeroth-map-close{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(205,167,88,.36);border-radius:4px;background:#131a20;color:#e9d7ad;padding:0;font-size:26px;line-height:1;cursor:pointer}.azeroth-map-close:hover,.azeroth-map-close:focus-visible{border-color:#e8c76b;background:#241d12;color:#fff;outline:2px solid rgba(232,199,107,.38);outline-offset:2px}
.azeroth-map-body{position:relative;flex:1 1 auto;min-height:0;height:calc(100% - 72px);padding:0;background:#06101a;overflow:hidden}.azeroth-map-viewport{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#07121d;cursor:grab;touch-action:none;user-select:none;isolation:isolate}.azeroth-map-viewport:focus-visible{outline:2px solid #d8b963;outline-offset:-3px}.azeroth-map-viewport.dragging{cursor:grabbing}.azeroth-map-backdrop{position:absolute;inset:-30px;z-index:-2;background:#07121d center/cover no-repeat;filter:grayscale(.78) saturate(.5) brightness(.24) blur(8px);transform:scale(1.08);opacity:.72}.azeroth-map-viewport:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,14,.74),rgba(5,12,20,.18) 45%,rgba(3,8,14,.72)),linear-gradient(180deg,rgba(2,7,12,.5),transparent 26%,rgba(2,7,12,.68))}
.azeroth-mobile-location-list{display:none}
.azeroth-map-canvas{position:absolute;z-index:1;left:50%;top:50%;width:min(1240px,86vw);aspect-ratio:32/21;overflow:hidden;border:1px solid rgba(235,202,126,.48);border-radius:5px;background:#2e291d;box-shadow:0 0 0 1px rgba(10,37,54,.9),0 0 38px rgba(38,132,183,.38),0 22px 60px rgba(0,0,0,.58);transform:translate(-50%,-50%);transform-origin:center;will-change:transform}.azeroth-map-canvas:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 46px 8px rgba(22,14,7,.38),inset 0 0 0 1px rgba(255,225,155,.18)}.azeroth-map-canvas>img{display:block;width:100%;height:114.286%;object-fit:fill;object-position:top;filter:saturate(1.08) contrast(1.08) brightness(.94);image-rendering:auto;pointer-events:none}.azeroth-region-layer,.azeroth-boss-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.azeroth-region-layer{z-index:7}.azeroth-boss-layer{z-index:8}
.azeroth-region-label{position:absolute;transform:translate(-50%,-50%);color:rgba(255,248,222,.52);font-family:Georgia,"Noto Serif SC",serif;font-size:12px;font-weight:700;line-height:1;text-shadow:0 1px 2px #1b130a,0 0 6px rgba(16,11,5,.9);white-space:nowrap;letter-spacing:0;transition:opacity .14s;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.azeroth-region-label.major{color:rgba(255,246,207,.68);font-size:15px}.azeroth-region-layer:not([data-zoom-tier="detail"]) .azeroth-region-label{opacity:0}
.azeroth-boss-marker{position:absolute;z-index:2;display:grid;width:44px;height:44px;place-items:center;transform:translate(-50%,-50%);transform-origin:center;border:2px solid #84909d;border-radius:50%;background:#151b20;color:#d8dee4;padding:0;box-shadow:0 3px 10px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer;transition:border-color .16s,background .16s,filter .16s;overflow:visible;pointer-events:auto}.azeroth-boss-marker>span{font-family:Georgia,"Noto Serif SC",serif;font-size:21px;font-weight:800;line-height:1}.azeroth-boss-marker>b{position:absolute;right:-7px;top:-7px;display:grid;min-width:21px;height:21px;place-items:center;border:1px solid currentColor;border-radius:50%;background:#10161c;color:#f7e6ba;padding:0 4px;font-size:12px;line-height:1}.azeroth-boss-marker>em,.azeroth-boss-marker>small{position:absolute;left:calc(50% + var(--label-dx,0px));display:block;width:max-content;max-width:170px;transform:translateX(-50%);border:1px solid rgba(226,211,174,.18);border-radius:3px;background:rgba(7,12,16,.94);color:#fff8e7;font-style:normal;font-weight:850;line-height:1.2;text-align:center;text-shadow:none;white-space:nowrap;pointer-events:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.azeroth-boss-marker>em{top:calc(49px + var(--label-dy,0px));padding:4px 7px;font-size:14px}.azeroth-boss-marker>small{top:calc(75px + var(--label-dy,0px));display:none;color:#d3dde3;padding:3px 6px;font-size:12px;font-weight:700}.azeroth-boss-marker.available{border-color:#62d7c7;background:#102923;color:#9af4e7;filter:drop-shadow(0 0 6px rgba(69,218,196,.55))}.azeroth-boss-marker.partial{border-color:#e8c76b;background:#33280f;color:#ffe69a;filter:drop-shadow(0 0 6px rgba(232,199,107,.42))}.azeroth-boss-marker.locked{border-color:#737d87;background:#171b1e;color:#a2a9af;filter:grayscale(.7);opacity:.82}.azeroth-boss-marker.current{border-color:#ffcb55;background:#47300b;color:#fff2b7;filter:drop-shadow(0 0 9px rgba(255,194,66,.82))}.azeroth-boss-marker.current:after{content:"";position:absolute;inset:-7px;border:2px solid rgba(255,207,90,.78);border-radius:50%;animation:azeroth-map-pulse 1.8s ease-out infinite}.azeroth-boss-marker:hover,.azeroth-boss-marker:focus-visible,.azeroth-boss-marker.selected{z-index:7;transform:translate(-50%,-50%) scale(1.12);outline:2px solid rgba(255,246,218,.9);outline-offset:3px}.azeroth-boss-marker:hover>small,.azeroth-boss-marker:focus-visible>small,.azeroth-boss-marker.selected>small,.azeroth-boss-marker.current>small{display:block}.azeroth-boss-marker.selected>em{background:rgba(47,34,12,.97);color:#ffe49a}@keyframes azeroth-map-pulse{0%{opacity:.95;transform:scale(.82)}75%,100%{opacity:0;transform:scale(1.45)}}
.azeroth-boss-marker.south>em{top:auto;bottom:calc(49px - var(--label-dy,0px))}.azeroth-boss-marker.south>small{top:auto;bottom:calc(75px - var(--label-dy,0px))}
.azeroth-map-legend{position:absolute;z-index:12;left:16px;bottom:16px;display:flex;align-items:center;gap:14px;border:1px solid rgba(157,176,189,.25);border-radius:5px;background:rgba(6,12,17,.82);box-shadow:0 6px 18px rgba(0,0,0,.32);padding:9px 11px;backdrop-filter:blur(8px)}.azeroth-map-legend span{display:flex;align-items:center;gap:6px;color:#c5cdd3;font-size:12px;white-space:nowrap}.azeroth-map-legend i{display:block;width:9px;height:9px;border:2px solid #84909d;border-radius:50%;background:#151b20}.azeroth-map-legend i.available{border-color:#62d7c7;background:#12352e}.azeroth-map-legend i.partial{border-color:#e8c76b;background:#3b2e12}.azeroth-map-legend i.locked{border-color:#737d87;background:#1b2024}
.azeroth-map-tools{position:absolute;z-index:13;right:374px;bottom:16px;display:flex;gap:5px}.azeroth-map-tools button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(220,187,111,.48);border-radius:4px;background:rgba(12,18,22,.9);color:#f1d88e;padding:0;font-size:20px;font-weight:800;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.45);cursor:pointer}.azeroth-map-tools button:hover,.azeroth-map-tools button:focus-visible{border-color:#f0c76e;background:#2b2214;color:#fff;outline:2px solid rgba(240,199,110,.32);outline-offset:2px}
.azeroth-boss-detail{position:absolute;z-index:14;right:16px;top:16px;bottom:16px;width:340px;min-width:0;box-sizing:border-box;overflow-y:auto;border:1px solid rgba(205,167,88,.44);border-radius:6px;background:linear-gradient(155deg,rgba(38,33,24,.94),rgba(8,14,19,.96));box-shadow:0 14px 38px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,239,194,.06);padding:15px;backdrop-filter:blur(12px);transition:opacity .16s,transform .16s}.azeroth-boss-detail.collapsed{visibility:hidden;opacity:0;transform:translateX(18px);pointer-events:none}.azeroth-boss-detail-empty{display:grid;height:100%;place-items:center;color:#9aa7b0;font-size:13px;text-align:center}.azeroth-boss-detail-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;align-items:start;border-bottom:1px solid rgba(205,167,88,.3);padding-bottom:12px}.azeroth-boss-detail-head span,.azeroth-boss-detail-head strong,.azeroth-boss-detail-head small{display:block}.azeroth-boss-detail-head span{color:#b79c64;font-size:12px}.azeroth-boss-detail-head strong{margin-top:4px;color:#f1d797;font-family:Georgia,"Noto Serif SC",serif;font-size:20px;line-height:1.15;overflow-wrap:anywhere}.azeroth-boss-detail-head small{margin-top:5px;color:#9da9b0;font-size:12px}.azeroth-boss-detail-head>button{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(205,167,88,.3);border-radius:4px;background:#141a1e;color:#c9b57e;padding:0;font-size:21px;line-height:1;cursor:pointer}.azeroth-boss-detail-head>button:hover,.azeroth-boss-detail-head>button:focus-visible{border-color:#e2c06b;color:#fff;outline:none}.azeroth-boss-roster{display:grid;gap:4px;max-height:238px;margin-top:11px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.azeroth-boss-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:48px;border:1px solid rgba(139,151,159,.2);border-left:3px solid #747e87;border-radius:4px;background:rgba(9,14,18,.72);color:#d8dfe3;padding:6px 7px;text-align:left;cursor:pointer}.azeroth-boss-row:hover,.azeroth-boss-row:focus-visible{border-color:rgba(225,195,119,.58);outline:none}.azeroth-boss-row.active{border-color:#d9b75d;border-left-color:#f0ca66;background:rgba(61,45,17,.62)}.azeroth-boss-row.available{border-left-color:#51cdbb}.azeroth-boss-row.current{box-shadow:inset 0 0 0 1px rgba(255,205,81,.3)}.azeroth-boss-row>span:first-child{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(205,167,88,.26);border-radius:50%;background:#11181c;font-size:18px}.azeroth-boss-row>span:nth-child(2){min-width:0}.azeroth-boss-row strong,.azeroth-boss-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azeroth-boss-row strong{color:#eee5cf;font-size:13px}.azeroth-boss-row small{margin-top:3px;color:#8f9ba4;font-size:12px}.azeroth-boss-row>em{color:#97a4ac;font-size:12px;font-style:normal;white-space:nowrap}.azeroth-boss-row.available>em{color:#78dccd}.azeroth-boss-row.current>em{color:#ffd36e}.azeroth-boss-focus{margin-top:11px}.azeroth-boss-access{display:grid;gap:4px;border-left:3px solid #747e87;background:rgba(9,14,18,.72);padding:9px 10px}.azeroth-boss-access span{color:#97a3aa;font-size:12px}.azeroth-boss-access b{color:#cbd3d8;font-size:13px;line-height:1.35}.azeroth-boss-access.available{border-left-color:#51cdbb;background:rgba(12,39,34,.58)}.azeroth-boss-access.available span,.azeroth-boss-access.available b{color:#8de2d5}.azeroth-boss-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 0;border:1px solid rgba(205,167,88,.25);border-radius:4px;overflow:hidden}.azeroth-boss-facts>div{min-width:0;padding:8px 4px;border-right:1px solid rgba(205,167,88,.2);text-align:center}.azeroth-boss-facts>div:last-child{border-right:0}.azeroth-boss-facts dt{color:#929fa7;font-size:12px}.azeroth-boss-facts dd{margin:4px 0 0;color:#edca74;font-size:13px;font-weight:800;overflow-wrap:anywhere}.azeroth-boss-skills{display:grid;gap:6px;margin-top:11px}.azeroth-boss-skills>span{color:#9da8af;font-size:12px}.azeroth-boss-skills>div{display:flex;flex-wrap:wrap;gap:5px}.azeroth-boss-skills b{border:1px solid rgba(135,93,81,.48);border-radius:3px;background:rgba(49,26,25,.54);color:#d9c0b8;padding:5px 7px;font-size:12px;font-weight:650}
body[data-theme="mono"] .npc-btn.world-map-npc,body[data-theme="mono"] .azeroth-map-modal,body[data-theme="mono"] .azeroth-map-header,body[data-theme="mono"] .azeroth-map-body,body[data-theme="mono"] .azeroth-map-viewport,body[data-theme="mono"] .azeroth-boss-detail,body[data-theme="mono"] .azeroth-map-tools button,body[data-theme="mono"] .azeroth-map-legend{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .azeroth-map-modal *{color:#000!important}body[data-theme="mono"] .azeroth-map-backdrop{display:none}body[data-theme="mono"] .azeroth-map-canvas{border-color:#000!important;border-radius:0!important;box-shadow:none!important}body[data-theme="mono"] .azeroth-map-canvas>img{filter:grayscale(1) contrast(1.08)}body[data-theme="mono"] .azeroth-boss-marker{border-color:#000!important;background:#fff!important;color:#000!important;filter:none!important;opacity:1!important;box-shadow:0 0 0 1px #fff!important}body[data-theme="mono"] .azeroth-boss-marker.selected{outline:3px solid #000!important}body[data-theme="mono"] .azeroth-region-label{text-shadow:0 0 2px #fff!important}
@media(max-width:900px){.azeroth-map-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.azeroth-map-header{grid-template-columns:minmax(120px,1fr) 150px 36px;min-height:64px;gap:5px;padding:8px}.azeroth-map-heading h3{font-size:18px}.azeroth-map-breadcrumb{font-size:12px}.azeroth-map-summary{grid-template-columns:repeat(3,50px);width:150px}.azeroth-map-summary span{display:grid;grid-template-columns:1fr;gap:2px;padding:2px;text-align:center}.azeroth-map-summary b{font-size:15px}.azeroth-map-summary small{font-size:12px}.azeroth-map-close{width:36px;height:36px}.azeroth-map-body,.azeroth-map-viewport{box-sizing:border-box;min-width:0;width:100%}.azeroth-map-body{height:calc(100% - 64px)}.azeroth-map-canvas{width:760px}.azeroth-boss-detail{left:8px;right:auto;top:auto;bottom:8px;width:calc(100% - 16px);max-width:none;max-height:48%;padding:12px}.azeroth-boss-detail.collapsed{transform:translateY(18px)}.azeroth-boss-roster{max-height:152px}.azeroth-map-tools{right:10px;bottom:auto;top:10px}.azeroth-map-legend{left:10px;bottom:10px}.azeroth-boss-marker{width:48px;height:48px}.azeroth-boss-marker:not(.south)>em{top:calc(53px + var(--label-dy,0px))}.azeroth-boss-marker:not(.south)>small{top:calc(77px + var(--label-dy,0px))}.azeroth-boss-marker.south>em{bottom:calc(53px - var(--label-dy,0px))}.azeroth-boss-marker.south>small{bottom:calc(77px - var(--label-dy,0px))}}
@media(max-width:620px){.azeroth-map-header{grid-template-columns:minmax(105px,1fr) 114px 36px}.azeroth-map-heading h3{font-size:17px}.azeroth-map-breadcrumb span,.azeroth-map-breadcrumb i{display:none}.azeroth-map-summary{grid-template-columns:repeat(3,38px);width:114px}.azeroth-map-summary small{display:none}.azeroth-map-summary span{padding:2px}.azeroth-map-summary b{font-size:14px}.azeroth-map-legend{gap:8px;padding:7px}.azeroth-map-legend span{font-size:12px}.azeroth-map-tools button{width:36px;height:36px}.azeroth-boss-detail-head strong{font-size:18px}.azeroth-boss-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.azeroth-boss-facts dt,.azeroth-boss-facts dd{font-size:12px}.azeroth-boss-row{grid-template-columns:32px minmax(0,1fr) auto}.azeroth-boss-marker{width:46px;height:46px}.azeroth-boss-marker:not(.south)>em{top:51px}.azeroth-boss-marker:not(.south)>small{top:75px}.azeroth-boss-marker.south>em{bottom:51px}.azeroth-boss-marker.south>small{bottom:75px}}
@media(max-width:620px){.azeroth-boss-marker>em{display:none}.azeroth-boss-marker.selected>em,.azeroth-boss-marker.current>em{display:block}}
@media(max-width:620px){.azeroth-map-body{background:#091017}.azeroth-map-viewport{box-sizing:border-box;overflow-y:auto;background:#091017;cursor:default;touch-action:pan-y;padding:8px 10px 18px;user-select:auto}.azeroth-map-viewport:after,.azeroth-map-backdrop,.azeroth-map-canvas,.azeroth-region-layer,.azeroth-boss-layer,.azeroth-map-legend,.azeroth-map-tools{display:none}.azeroth-mobile-location-list{display:grid;align-content:start;border-top:1px solid rgba(205,167,88,.34);border-bottom:1px solid rgba(205,167,88,.34);background:#0c1318}.azeroth-mobile-location-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:62px;border:0;border-bottom:1px solid rgba(136,151,160,.2);border-radius:0;background:#0c1318;color:#e8e1d0;padding:9px 10px;text-align:left;cursor:pointer}.azeroth-mobile-location-row:last-child{border-bottom:0}.azeroth-mobile-location-row:hover,.azeroth-mobile-location-row:focus-visible,.azeroth-mobile-location-row.selected{background:#182127;outline:2px solid rgba(232,199,107,.42);outline-offset:-2px}.azeroth-mobile-location-row>i{display:block;width:10px;height:10px;border:2px solid #737d87;border-radius:50%;background:#171b1e}.azeroth-mobile-location-row.available>i{border-color:#62d7c7;background:#12352e}.azeroth-mobile-location-row.partial>i{border-color:#e8c76b;background:#3b2e12}.azeroth-mobile-location-row.current>i{border-color:#ffcb55;background:#6f4a0b;box-shadow:0 0 0 3px rgba(255,203,85,.16)}.azeroth-mobile-location-row>span{min-width:0}.azeroth-mobile-location-row strong,.azeroth-mobile-location-row small{display:block}.azeroth-mobile-location-row strong{color:#f2e4be;font-size:15px;line-height:1.25}.azeroth-mobile-location-row small{margin-top:4px;color:#8e9ba4;font-size:12px;line-height:1.25}.azeroth-mobile-location-row>em{max-width:108px;color:#9ca8af;font-size:12px;font-style:normal;line-height:1.25;text-align:right}.azeroth-mobile-location-row.available>em{color:#70d9ca}.azeroth-mobile-location-row.partial>em{color:#e5c46f}.azeroth-mobile-location-row.current>em{color:#ffd36e}.azeroth-boss-detail{position:fixed;z-index:25;left:8px;right:8px;bottom:8px;width:auto;max-height:56%}}

/* Azeroth dual-continent atlas. The image map and location selection are retired. */
#azerothMapModal.modal-bg{padding:0}
.azeroth-map-modal{display:flex;box-sizing:border-box;min-width:0;width:min(1180px,100vw);max-width:none;height:min(960px,100dvh);max-height:100dvh;border:0;border-radius:0;background:#101518;box-shadow:0 24px 80px rgba(0,0,0,.7);overflow:hidden}
.azeroth-map-header{position:relative;z-index:20;display:grid;grid-template-columns:minmax(210px,1fr) auto 44px;min-height:72px;align-items:center;gap:18px;border-bottom:1px solid rgba(205,167,88,.36);background:linear-gradient(180deg,#202628,#111719);padding:10px 14px 10px 20px}
.azeroth-map-heading{min-width:0}
.azeroth-map-breadcrumb{display:flex;align-items:center;gap:7px;color:#9caaa9;font-size:12px;line-height:1}
.azeroth-map-breadcrumb i{color:#806a3d;font-style:normal}
.azeroth-map-breadcrumb strong{color:#d7bd83}
.azeroth-map-heading h3{margin:5px 0 0;color:#f2e1b8;font-family:Georgia,"Noto Serif SC",serif;font-size:22px;line-height:1.05;letter-spacing:0}
.azeroth-map-summary{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));align-items:stretch}
.azeroth-map-summary span{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;gap:5px;min-width:0;border-left:1px solid rgba(205,167,88,.25);padding:4px 12px;white-space:nowrap}
.azeroth-map-summary b{color:#f0ce7d;font-size:18px;line-height:1}
.azeroth-map-summary small{color:#a9b2b0;font-size:12px}
.azeroth-map-close{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(205,167,88,.36);border-radius:4px;background:#151b1d;color:#e9d7ad;padding:0;font-size:26px;line-height:1;cursor:pointer}
.azeroth-map-close:hover,.azeroth-map-close:focus-visible{border-color:#e8c76b;background:#2b2418;color:#fff;outline:2px solid rgba(232,199,107,.38);outline-offset:2px}
.azeroth-map-body{position:relative;flex:1 1 auto;min-height:0;height:calc(100% - 72px);padding:0;background:#111719;overflow:hidden}
.azeroth-map-viewport{display:grid;grid-template-columns:repeat(2,minmax(360px,500px));justify-content:center;gap:24px;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;background:linear-gradient(90deg,#131a1c,#1a2020 48%,#101618);cursor:default;touch-action:auto;padding:16px;user-select:auto;isolation:auto}
.azeroth-map-viewport:after{display:none}
.azeroth-world-sheet{display:contents}.azeroth-world-tools,.azeroth-maelstrom{display:none}
.azeroth-map-stage{position:relative;z-index:1;align-self:center;justify-self:center;box-sizing:border-box;width:auto;max-width:500px;height:100%;max-height:820px;min-height:0;aspect-ratio:9/16;overflow:hidden;border-radius:5px;cursor:default;touch-action:pan-y;isolation:isolate}
.azeroth-map-stage.zoomed{cursor:grab;touch-action:none}.azeroth-map-stage.dragging{cursor:grabbing}
.azeroth-map-canvas{position:relative;z-index:1;left:auto;top:auto;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;min-height:0;aspect-ratio:9/16;overflow:hidden;border:1px solid #8d7750;border-radius:5px;background:repeating-linear-gradient(0deg,rgba(74,58,34,.026) 0,rgba(74,58,34,.026) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,#d4c39d,#eee2c2 13%,#eadcba 51%,#d8c59c);box-shadow:0 0 0 1px #342a1c,0 20px 54px rgba(0,0,0,.46),inset 0 0 42px rgba(87,63,29,.3);transform:none;will-change:auto}
.kalimdor-map-canvas{background:repeating-linear-gradient(0deg,rgba(57,72,38,.025) 0,rgba(57,72,38,.025) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,#cbbf91,#e7ddb5 14%,#e2d6a9 50%,#c7ba89)}
.azeroth-map-canvas:before{content:"";position:absolute;inset:8px;z-index:5;border:1px solid rgba(97,73,39,.32);border-radius:3px;box-shadow:inset 0 0 28px rgba(74,51,22,.16);pointer-events:none}
.azeroth-map-canvas:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(81,55,25,.14),transparent 12%,transparent 86%,rgba(81,55,25,.16)),linear-gradient(180deg,rgba(73,50,22,.14),transparent 12%,transparent 88%,rgba(73,50,22,.18));box-shadow:none;pointer-events:none}
.azeroth-map-plaque{position:absolute;z-index:8;left:0;right:0;top:4.2%;display:block;border:0;border-radius:0;background:none;box-shadow:none;padding:0;text-align:center;pointer-events:none;transform:none}
.azeroth-map-plaque strong{color:rgba(72,60,43,.44);font-family:Georgia,"Noto Serif SC",serif;font-size:16px;font-weight:700;line-height:1.2;text-shadow:0 1px rgba(255,248,222,.34);letter-spacing:0}
.azeroth-place-layer{position:absolute;z-index:6;inset:10% 4% 4.5%;pointer-events:none}
.azeroth-place-node{position:absolute;left:var(--place-x);top:var(--place-y);width:0;height:0;pointer-events:none}
.azeroth-place-node>span{position:absolute;left:0;top:0;display:block;width:max-content;max-width:140px;transform:translate(-50%,-50%);color:rgba(72,60,43,.36);font-family:Georgia,"Noto Serif SC",serif;font-size:12px;font-weight:600;line-height:1.2;text-align:center;text-shadow:0 1px rgba(255,248,222,.34);white-space:nowrap;letter-spacing:0;transition:opacity .14s,color .14s}
.azeroth-place-node.major>span{font-weight:750}.azeroth-place-layer[data-zoom-tier="overview"] .azeroth-place-node:not(.major)>span{opacity:0}.azeroth-place-layer[data-zoom-tier="overview"] .azeroth-place-node.major>span{opacity:.72}.azeroth-place-layer[data-zoom-tier="region"] .azeroth-place-node>span{opacity:.82}.azeroth-place-layer[data-zoom-tier="detail"] .azeroth-place-node>span{opacity:1}
.azeroth-map-boss-layer{position:absolute;z-index:9;inset:10% 4% 4.5%;pointer-events:none}
.azeroth-map-boss-point{position:absolute;left:var(--boss-x);top:var(--boss-y);display:grid;width:32px;height:32px;place-items:center;transform:translate(-50%,calc(-50% + 18px));border:0;border-radius:50%;background:transparent;color:#fff0b5;padding:0;box-shadow:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.azeroth-map-boss-point:active{transform:translate(-50%,calc(-50% + 18px))}
.azeroth-map-boss-point>i{position:relative;display:grid;width:13px;height:13px;place-items:center;border:2px solid #f1d38b;border-radius:50%;background:#8f2e22;box-shadow:0 0 0 3px rgba(126,44,32,.15),0 2px 6px rgba(72,37,21,.42);transition:border-color .12s,background .12s,box-shadow .12s}
.azeroth-map-boss-point>i:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor}
.azeroth-map-boss-point>span{position:absolute;left:50%;bottom:34px;display:none;width:max-content;max-width:150px;transform:translateX(-50%);border:1px solid rgba(238,204,126,.56);border-radius:3px;background:rgba(35,27,19,.94);color:#f7e8c5;padding:4px 6px;font-size:12px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;letter-spacing:0}
.azeroth-map-boss-point:hover,.azeroth-map-boss-point:focus-visible{z-index:12;outline:2px solid rgba(98,47,30,.4);outline-offset:0}
.azeroth-map-boss-point.locked>i{border-color:#8e8676;background:#777269;color:#ded8cb;box-shadow:0 2px 5px rgba(67,54,40,.3);filter:grayscale(.5);opacity:.78}
.azeroth-map-boss-point.current>i{border-color:#fff0a8;background:#9b6519;color:#fff2bd;box-shadow:0 0 0 4px rgba(216,159,42,.2),0 0 11px #c18a22}
.azeroth-map-boss-point.selected{z-index:11}
.azeroth-map-boss-point.selected>i{border-color:#fff0ad;background:#b93725;box-shadow:0 0 0 5px rgba(185,55,37,.2),0 0 13px #b83a28}
.azeroth-map-boss-point.selected>span{display:block}
.azeroth-map-foot{position:absolute;z-index:7;left:0;right:0;bottom:1.5%;color:rgba(79,61,34,.62);font-family:Georgia,serif;font-size:10px;font-weight:700;text-align:center;letter-spacing:0}
.azeroth-atlas-tools{position:absolute;z-index:20;right:9px;bottom:9px;display:grid;grid-template-columns:32px 42px 32px 32px;gap:3px;border:1px solid rgba(69,54,34,.52);border-radius:4px;background:rgba(30,27,22,.84);box-shadow:0 4px 14px rgba(0,0,0,.28);padding:3px}
.azeroth-atlas-tools button{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(225,196,126,.34);border-radius:3px;background:#171a19;color:#ead39a;padding:0;font-size:19px;font-weight:700;line-height:1;cursor:pointer}
.azeroth-atlas-zoom-value{display:grid;height:32px;place-items:center;color:#d5c49b;font-size:11px;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0}
.azeroth-atlas-tools button:hover,.azeroth-atlas-tools button:focus-visible{border-color:#e8c76b;background:#302719;color:#fff;outline:2px solid rgba(232,199,107,.32);outline-offset:1px}.azeroth-atlas-tools button:active{transform:none}.azeroth-atlas-tools button:disabled{border-color:rgba(225,196,126,.14);background:#171918;color:#777265;cursor:default;opacity:.72;outline:none}
.azeroth-vector-map{display:none;position:absolute;z-index:5;left:4%;top:4%;width:92%;height:93.5%;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}
.azeroth-vector-land-base{fill:#59523a;stroke:none}
.azeroth-vector-zone polygon{stroke:#cbb985;stroke-width:1.35;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.azeroth-vector-zone.tone-sun polygon{fill:#9d8d45}.azeroth-vector-zone.tone-plague polygon{fill:#6c7444}.azeroth-vector-zone.tone-highland polygon{fill:#826f50}.azeroth-vector-zone.tone-rust polygon{fill:#8d5541}.azeroth-vector-zone.tone-forest polygon{fill:#4f6d55}.azeroth-vector-zone.tone-meadow polygon{fill:#71814c}.azeroth-vector-zone.tone-marsh polygon{fill:#426b69}.azeroth-vector-zone.tone-mountain polygon{fill:#696966}.azeroth-vector-zone.tone-jungle polygon{fill:#3f6847}
.azeroth-vector-water{fill:#10191a;stroke:#cbb985;stroke-width:1.3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.azeroth-vector-mountain{fill:#281d17;stroke:#edca7a;stroke-width:1.8;vector-effect:non-scaling-stroke}
.azeroth-boss-detail{position:relative;z-index:14;right:auto;top:auto;bottom:auto;align-self:center;display:grid;grid-template-rows:auto auto minmax(0,1fr);box-sizing:border-box;width:100%;height:100%;max-height:820px;min-width:0;overflow:hidden;border:1px solid rgba(205,167,88,.4);border-radius:6px;background:linear-gradient(150deg,#20231d,#0d1516 56%,#10191a);box-shadow:0 14px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,239,194,.06);padding:15px}
.azeroth-boss-panel-head{display:grid;gap:3px;border-bottom:1px solid rgba(205,167,88,.3);padding-bottom:11px}
.azeroth-boss-panel-head span{color:#b79c64;font-size:12px}.azeroth-boss-panel-head strong{color:#f1d797;font-family:Georgia,"Noto Serif SC",serif;font-size:20px;line-height:1.15}.azeroth-boss-panel-head small{color:#9da9a7;font-size:12px}
.azeroth-boss-focus{margin-top:11px}
.azeroth-selected-boss{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(207,172,91,.3);border-left:3px solid #d2ae55;background:#27251c;padding:8px}
.azeroth-selected-boss>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(226,196,125,.42);border-radius:50%;background:#111718;color:#f0cf7d;font-size:21px}
.azeroth-selected-boss small,.azeroth-selected-boss strong,.azeroth-selected-boss em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azeroth-selected-boss small{color:#a99163;font-size:12px}.azeroth-selected-boss strong{margin-top:2px;color:#f4e5c5;font-size:15px}.azeroth-selected-boss em{margin-top:3px;color:#d4ba72;font-size:12px;font-style:normal}
.azeroth-boss-access{display:grid;gap:4px;border-left:3px solid #747e87;background:#11191b;padding:8px 10px}.azeroth-boss-access span{color:#97a3a1;font-size:12px}.azeroth-boss-access b{color:#cbd3d1;font-size:12px;line-height:1.35}.azeroth-boss-access.available{border-left-color:#4ebfae;background:#102824}.azeroth-boss-access.available span,.azeroth-boss-access.available b{color:#8de2d5}
.azeroth-boss-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 0;border:1px solid rgba(205,167,88,.25);border-radius:4px;overflow:hidden}.azeroth-boss-facts>div{min-width:0;padding:7px 4px;border-right:1px solid rgba(205,167,88,.2);text-align:center}.azeroth-boss-facts>div:last-child{border-right:0}.azeroth-boss-facts dt{color:#929f9d;font-size:12px}.azeroth-boss-facts dd{margin:3px 0 0;color:#edca74;font-size:13px;font-weight:800;overflow-wrap:anywhere}
.azeroth-boss-skills{display:grid;gap:5px;margin-top:8px}.azeroth-boss-skills>span{color:#9da8a6;font-size:12px}.azeroth-boss-skills>div{display:flex;flex-wrap:wrap;gap:4px}.azeroth-boss-skills b{border:1px solid rgba(145,91,75,.48);border-radius:3px;background:#311e1c;color:#d9c0b8;padding:4px 6px;font-size:12px;font-weight:650}
.azeroth-boss-roster{display:grid;align-content:start;gap:9px;min-height:0;margin-top:12px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable;scrollbar-width:thin}
.azeroth-boss-group{display:grid;gap:4px}
.azeroth-boss-group h4{position:sticky;z-index:2;top:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0;border-bottom:1px solid rgba(183,153,85,.26);background:#111817;padding:5px 4px}.azeroth-boss-group h4 span{color:#d7bd83;font-size:12px}.azeroth-boss-group h4 small{min-width:0;overflow:hidden;color:#84908e;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.azeroth-boss-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:48px;border:1px solid rgba(139,151,149,.22);border-left:3px solid #747e87;border-radius:4px;background:#101718;color:#d8dfe0;padding:6px 7px;text-align:left;cursor:pointer}
.azeroth-boss-row:hover,.azeroth-boss-row:focus-visible{border-color:rgba(225,195,119,.62);background:#1d211d;outline:2px solid rgba(225,195,119,.24);outline-offset:1px}.azeroth-boss-row.active{border-color:#d9b75d;border-left-color:#f0ca66;background:#3b301b}.azeroth-boss-row.available{border-left-color:#51cdbb}.azeroth-boss-row.current{box-shadow:inset 0 0 0 1px rgba(255,205,81,.3)}
.azeroth-boss-row>span:first-child{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(205,167,88,.26);border-radius:50%;background:#11181a;font-size:18px}.azeroth-boss-row>span:nth-child(2){min-width:0}.azeroth-boss-row strong,.azeroth-boss-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azeroth-boss-row strong{color:#eee5cf;font-size:13px}.azeroth-boss-row small{margin-top:3px;color:#8f9b99;font-size:12px}.azeroth-boss-row>em{color:#97a4a2;font-size:12px;font-style:normal;white-space:nowrap}.azeroth-boss-row.available>em{color:#78dccd}.azeroth-boss-row.current>em{color:#ffd36e}
body[data-theme="mono"] .azeroth-map-modal,body[data-theme="mono"] .azeroth-map-header,body[data-theme="mono"] .azeroth-map-body,body[data-theme="mono"] .azeroth-map-viewport,body[data-theme="mono"] .azeroth-world-sheet,body[data-theme="mono"] .azeroth-boss-detail{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .azeroth-map-modal *{color:#000!important}body[data-theme="mono"] .azeroth-map-canvas{display:block!important;border-color:#000!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}body[data-theme="mono"] .azeroth-map-plaque{border:0!important;background:none!important;box-shadow:none!important}body[data-theme="mono"] .azeroth-place-node>span,body[data-theme="mono"] .azeroth-map-plaque strong{color:#666!important;text-shadow:none!important}body[data-theme="mono"] .azeroth-map-boss-point>i{border-color:#000!important;background:#fff!important;color:#000!important;box-shadow:none!important}body[data-theme="mono"] .azeroth-vector-land-base,body[data-theme="mono"] .azeroth-vector-zone polygon,body[data-theme="mono"] .azeroth-vector-water,body[data-theme="mono"] .azeroth-vector-mountain{fill:#fff!important;stroke:#000!important}body[data-theme="mono"] .azeroth-maelstrom i,body[data-theme="mono"] .azeroth-maelstrom span{border-color:#000!important;background:#fff!important}
@media(min-width:1280px){.azeroth-map-viewport{grid-template-columns:1fr;place-items:center;gap:0}.azeroth-world-sheet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 8.35% minmax(0,1fr);grid-template-rows:1fr;box-sizing:border-box;width:min(100%,1006px,calc((100dvh - 104px)*1.227));aspect-ratio:1.227;max-height:820px;overflow:hidden;border:1px solid #8d7750;border-radius:5px;background:repeating-linear-gradient(0deg,rgba(232,213,162,.025) 0,rgba(232,213,162,.025) 1px,transparent 1px,transparent 5px),#10191a;box-shadow:0 0 0 1px #342a1c,0 20px 54px rgba(0,0,0,.46),inset 0 0 42px rgba(87,63,29,.22);isolation:isolate}.azeroth-world-sheet:after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,rgba(17,25,26,.38),transparent 8%,transparent 92%,rgba(17,25,26,.42)),linear-gradient(180deg,rgba(17,25,26,.34),transparent 10%,transparent 90%,rgba(17,25,26,.42));pointer-events:none}.azeroth-world-sheet>#kalimdorMapStage{grid-column:1}.azeroth-world-sheet>#easternKingdomsMapStage{grid-column:3}.azeroth-world-sheet>.azeroth-map-stage{grid-row:1;width:100%;max-width:none;height:100%;max-height:none;overflow:visible;border-radius:0;isolation:auto}.azeroth-world-sheet .azeroth-map-canvas,.azeroth-world-sheet .kalimdor-map-canvas{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.azeroth-world-sheet .azeroth-map-canvas:before,.azeroth-world-sheet .azeroth-map-canvas:after{display:none}.azeroth-world-sheet>.azeroth-map-stage>.azeroth-atlas-tools{display:none}.azeroth-world-tools{display:grid}.azeroth-maelstrom{position:absolute;z-index:7;left:50%;top:52%;display:block;width:58px;height:58px;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center}.azeroth-maelstrom i{position:absolute;inset:4px;border:2px solid rgba(123,189,194,.58);border-right-color:transparent;border-bottom-color:rgba(123,189,194,.16);border-radius:50%;transform:rotate(22deg)}.azeroth-maelstrom i:nth-child(2){inset:12px;border-width:2px;transform:rotate(128deg)}.azeroth-maelstrom i:nth-child(3){inset:20px;border-width:1px;transform:rotate(236deg)}.azeroth-maelstrom span{position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid #d8c788;border-radius:50%;background:#24494c;box-shadow:0 0 9px rgba(112,184,190,.72);transform:translate(-50%,-50%)}.azeroth-vector-map{display:block}.azeroth-place-layer,.azeroth-map-boss-layer{inset:4% 4% 2.5%;overflow:visible}.azeroth-map-plaque{top:1.2%}.azeroth-map-plaque strong{color:rgba(235,213,160,.62);text-shadow:0 1px #111}.azeroth-place-node>span{color:#fff2ca;font-size:11px;font-weight:750;text-shadow:-1px -1px 0 #222019,1px -1px 0 #222019,-1px 1px 0 #222019,1px 1px 0 #222019}.azeroth-map-foot{display:none}}
@media(max-width:950px){.azeroth-map-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.azeroth-map-header{grid-template-columns:minmax(120px,1fr) 150px 36px;min-height:64px;gap:5px;padding:8px}.azeroth-map-heading h3{font-size:18px}.azeroth-map-summary{grid-template-columns:repeat(3,50px);width:150px}.azeroth-map-summary span{display:grid;grid-template-columns:1fr;gap:2px;padding:2px;text-align:center}.azeroth-map-summary b{font-size:15px}.azeroth-map-summary small{font-size:12px}.azeroth-map-close{width:36px;height:36px}.azeroth-map-body{height:calc(100% - 64px)}.azeroth-map-viewport{display:grid;grid-template-columns:1fr;align-content:start;justify-items:center;gap:14px;box-sizing:border-box;overflow-y:auto;background:#151b1c;padding:12px;touch-action:pan-y}.azeroth-map-stage{align-self:start;justify-self:center;width:min(100%,430px);height:auto;max-height:none;aspect-ratio:9/16}.azeroth-map-canvas{display:block;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:9/16}.azeroth-boss-detail{position:relative;left:auto;right:auto;top:auto;bottom:auto;align-self:start;width:min(100%,560px);height:auto;max-height:none;overflow:visible;padding:12px}.azeroth-boss-roster{max-height:none;overflow:visible;scrollbar-gutter:auto}.azeroth-boss-group h4{position:static}}
@media(max-width:620px){.azeroth-map-header{grid-template-columns:minmax(105px,1fr) 114px 36px}.azeroth-map-breadcrumb span,.azeroth-map-breadcrumb i{display:none}.azeroth-map-summary{grid-template-columns:repeat(3,38px);width:114px}.azeroth-map-summary small{display:none}.azeroth-map-summary span{padding:2px}.azeroth-map-summary b{font-size:14px}.azeroth-map-viewport{display:grid;overflow-y:auto;padding:8px}.azeroth-map-stage{width:100%}.azeroth-map-canvas{display:block;width:100%;height:100%}.azeroth-map-plaque{left:0;right:0;padding:0}.azeroth-map-plaque strong{font-size:16px}.azeroth-place-node>span{max-width:126px;font-size:12px}.azeroth-atlas-tools{right:7px;bottom:7px;grid-template-columns:36px 44px 36px 36px}.azeroth-atlas-tools button{width:36px;height:36px}.azeroth-atlas-zoom-value{height:36px}.azeroth-boss-detail{position:relative;z-index:14;left:auto;right:auto;bottom:auto;width:100%;max-height:none}.azeroth-boss-row{grid-template-columns:32px minmax(0,1fr) auto}.azeroth-boss-facts dt,.azeroth-boss-facts dd{font-size:12px}}

/* Riding system: mounts are collection/flight identities; riding and tack own exploration speed. */
.explore-riding-note{margin:6px 0;border:1px solid rgba(63,185,80,.28);border-radius:7px;background:rgba(63,185,80,.06);color:#74c887;font-size:11px;line-height:1.35;padding:6px 8px}.explore-riding-note.warning{border-color:rgba(240,136,62,.35);background:rgba(240,136,62,.07);color:#f0a062}
.mount-system-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}.mount-system-summary>div{min-width:0;border:1px solid rgba(88,166,255,.26);border-radius:10px;background:linear-gradient(180deg,rgba(88,166,255,.08),#0d1117);padding:9px}.mount-system-summary span,.mount-system-summary b,.mount-system-summary em{display:block}.mount-system-summary span{color:#8b949e;font-size:11px}.mount-system-summary b{color:#f5c518;font-size:18px;line-height:1.2;margin-top:3px}.mount-system-summary em{color:#8b949e;font-size:10px;font-style:normal;line-height:1.35;margin-top:3px}.mount-collection-rule{display:flex;flex-wrap:wrap;gap:6px;border:1px solid #30363d;border-radius:9px;background:#0d1117;padding:8px;margin-bottom:9px}.mount-collection-rule span{border:1px solid rgba(88,166,255,.22);border-radius:999px;color:#a9c7f7;font-size:11px;padding:4px 8px}.mount-collection-rule b{flex:1 0 100%;color:#8b949e;font-size:11px}.pet-main>small{display:block;color:#788697;font-size:10px;line-height:1.3;margin-top:3px}.combat-stats .mount-stat{border-color:rgba(88,166,255,.25);color:#a9c7f7;background:rgba(88,166,255,.06)}
body[data-theme="mono"] .explore-riding-note,body[data-theme="mono"] .mount-system-summary>div,body[data-theme="mono"] .mount-collection-rule,body[data-theme="mono"] .mount-collection-rule span{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important}
@media(max-width:720px){.mount-system-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Viewport fallback for older iPad browsers without container-query support. */
@media (max-width:1100px){
  .workspace-collection-view #collGrid .coll-item{
    grid-template-columns:64px minmax(0,1fr) minmax(112px,22%) auto;
    grid-template-areas:"slot name stats actions";
    height:auto;
    min-height:60px;
    max-height:none;
    gap:6px;
    padding:7px 8px;
  }
  .workspace-collection-view #collGrid .ci-slot{width:64px}
  .workspace-collection-view #collGrid .ci-name{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow:hidden;white-space:nowrap}
  .workspace-collection-view #collGrid .ci-name-text{width:auto;max-width:none;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .workspace-collection-view #collGrid .ci-tag{max-width:52%;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .workspace-collection-view #collGrid .ci-stats{display:flex;align-items:center;justify-content:flex-end;justify-self:stretch;min-width:0;overflow:hidden;white-space:nowrap}
  .workspace-collection-view #collGrid .ci-stats span{justify-content:flex-end;flex-wrap:nowrap;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
  .workspace-collection-view #collGrid .ci-stats label:nth-of-type(n+2),
  .workspace-collection-view #collGrid .ci-stats b:nth-of-type(n+2){display:inline}
  .workspace-collection-view #collGrid .ci-actions{grid-area:actions;align-self:center;justify-self:end;flex-wrap:nowrap;max-width:none;margin:0}
}

@media (max-width:520px){
  .workspace-collection-view #collGrid .coll-item{
    grid-template-columns:64px minmax(0,1fr);
    grid-template-areas:"slot name" "slot stats" "slot actions";
    min-height:64px;
    gap:4px 6px;
  }
  .workspace-collection-view #collGrid .ci-slot{width:64px;min-width:0}
  .workspace-collection-view #collGrid .ci-name{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;white-space:normal}
  .workspace-collection-view #collGrid .ci-name-text{width:100%;max-width:100%}
  .workspace-collection-view #collGrid .ci-tag{max-width:100%}
  .workspace-collection-view #collGrid .ci-stats{justify-content:flex-start}
  .workspace-collection-view #collGrid .ci-stats span{justify-content:flex-start;flex-wrap:wrap;white-space:normal}
  .workspace-collection-view #collGrid .ci-actions{justify-self:start;flex-wrap:wrap}
}

/* Rested-energy summary and the live earning window share one compact report. */
.offline-settlement-report.report-collapsible{padding:0;overflow:hidden}
.battle-report-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;color:var(--ui-text);cursor:pointer;list-style:none}
.battle-report-disclosure>summary::-webkit-details-marker{display:none}
.battle-report-disclosure>summary::before{content:"\25B8";flex:0 0 auto;color:#79c0ff;font-size:12px;line-height:1;transition:transform .16s ease}
.battle-report-disclosure[open]>summary::before{transform:rotate(90deg)}
.battle-report-summary>span{flex:0 0 auto;color:#a9cfee;font-size:10px;font-weight:850}
.battle-report-summary>b{min-width:0;margin-left:auto;overflow:hidden;color:#edf3fa;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.battle-report-disclosure[open]>summary{border-bottom:1px solid rgba(88,166,255,.2);background:rgba(88,166,255,.04)}
.battle-report-body{padding:8px}
.battle-report-warning b{color:#f0ca78!important}
.earning-report-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding:0 2px 7px;border-bottom:1px solid rgba(148,163,184,.14)}
.earning-report-meta b{min-width:0;overflow:hidden;color:#eaf2fb;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.earning-report-meta span{flex:0 0 auto;color:#8291a3;font-size:10px}
.earning-report-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}
.earning-report-stat{display:grid;min-width:0;gap:2px;padding:2px 9px;border-left:1px solid rgba(148,163,184,.14)}.earning-report-stat:first-child{border-left:0}
.earning-report-stat span,.earning-report-stat small{overflow:hidden;color:#8291a3;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.earning-report-stat b{overflow:hidden;color:#e8eef7;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.earning-report-stat small{color:#667486}.earning-report-primary b{color:#f0ca78}
body[data-theme="mono"] .battle-report-disclosure>summary{border-color:#000!important;background:#fff!important;color:#000!important}
body[data-theme="mono"] .battle-report-disclosure>summary::before{color:#000!important}
body[data-theme="mono"] .earning-report-meta,body[data-theme="mono"] .earning-report-stat{border-color:#000!important}
@media(max-width:760px){.earning-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:7px}.earning-report-stat:nth-child(4){border-left:0}.earning-report-stat:nth-child(n+4){padding-top:7px;border-top:1px solid rgba(148,163,184,.14)}}
@media(max-width:420px){.battle-report-disclosure>summary{gap:6px;padding:7px 8px}.battle-report-summary>span{font-size:9px}.battle-report-summary>b{font-size:10px}.earning-report-meta{align-items:flex-start;flex-direction:column;gap:2px}.earning-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.earning-report-stat:nth-child(3),.earning-report-stat:nth-child(5){border-left:0}.earning-report-stat:nth-child(n+3){padding-top:7px;border-top:1px solid rgba(148,163,184,.14)}.earning-report-stat:nth-child(4){border-left:1px solid rgba(148,163,184,.14)}}

/* Classic Azeroth merchant frame. Recharge remains intentionally separate. */
body:not([data-theme="mono"]) #shopModal{
  --merchant-iron:#17130f;
  --merchant-iron-deep:#090806;
  --merchant-brass:#a7792f;
  --merchant-gold:#f2cf76;
  --merchant-parchment:#bda574;
  --merchant-ink:#2a2116;
}
body:not([data-theme="mono"]) #shopModal.modal-bg{
  padding:18px;
  background:rgba(3,3,2,.84);
  backdrop-filter:blur(6px) saturate(.72);
}
body:not([data-theme="mono"]) #shopModal .shop-modal{
  position:relative;
  width:min(1080px,96vw);
  max-width:min(1080px,96vw);
  max-height:92dvh;
  border:3px solid #4b3923;
  border-radius:6px;
  outline:1px solid #a7792f;
  outline-offset:-7px;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 7px),#100d09;
  box-shadow:0 30px 90px rgba(0,0,0,.78),0 0 0 1px #080705,0 0 0 5px rgba(8,7,5,.86),inset 0 0 32px rgba(0,0,0,.72);
  overflow:hidden;
}
body:not([data-theme="mono"]) #shopModal .modal-close{
  position:relative;
  z-index:1;
  width:32px;
  height:32px;
  border:2px solid #6e522f;
  border-radius:4px;
  background:linear-gradient(180deg,#33271b,#17110c);
  color:#c9b78f;
  box-shadow:inset 0 0 0 1px #0b0806,0 2px 4px rgba(0,0,0,.5);
  font-size:16px;
}
body:not([data-theme="mono"]) #shopModal .modal-close:hover{border-color:#d0a24e;background:linear-gradient(180deg,#4a321d,#21150d);color:#fff1bd}
body:not([data-theme="mono"]) #shopModal .shop-shell-close{position:absolute;top:25px;right:26px}
body:not([data-theme="mono"]) #shopModal .modal-body{
  padding:0;
  background:linear-gradient(rgba(54,39,20,.08),rgba(54,39,20,.08)),repeating-linear-gradient(0deg,rgba(66,43,20,.035) 0,rgba(66,43,20,.035) 1px,transparent 1px,transparent 5px),var(--merchant-parchment);
  scrollbar-color:#775a2f #1a120b;
}
body:not([data-theme="mono"]) #shopModal .mall-wallets{gap:6px}
body:not([data-theme="mono"]) #shopModal .mall-wallets>div,
body:not([data-theme="mono"]) #shopModal .mall-recharge-link{
  min-width:116px;
  border:1px solid #5b482d;
  border-radius:3px;
  background:linear-gradient(180deg,#18140f,#0b0907);
  box-shadow:inset 0 0 0 1px #070604,inset 0 1px rgba(255,255,255,.035);
  padding:8px 10px;
}
body:not([data-theme="mono"]) #shopModal .mall-wallets span{color:#8f846f}
body:not([data-theme="mono"]) #shopModal .mall-wallets b{color:#f1cd70;text-shadow:0 1px #000}
body:not([data-theme="mono"]) #shopModal .mall-recharge-link{border-color:#3b5a62}
body:not([data-theme="mono"]) #shopModal .mall-recharge-link b,
body:not([data-theme="mono"]) #shopModal .mall-recharge-link em{color:#79cbe0}
body:not([data-theme="mono"]) #shopModal .mall-recharge-link:hover{border-color:#7dc7d7;background:#101b1d}
body:not([data-theme="mono"]) #shopModal .mall-tabs{
  display:flex;
  gap:3px;
  padding:5px 12px 0;
  border-bottom:2px solid #6d512b;
  background:linear-gradient(180deg,#332617,#1c150e);
  box-shadow:inset 0 1px #72562f;
}
body:not([data-theme="mono"]) #shopModal .mall-tab{
  min-width:118px;
  min-height:44px;
  border:1px solid #5a4327;
  border-bottom:0;
  border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,#2c2116,#17120d);
  color:#b4a784;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
body:not([data-theme="mono"]) #shopModal .mall-tab:first-child{border-left:1px solid #5a4327}
body:not([data-theme="mono"]) #shopModal .mall-tab:hover{border-color:#a7792f;background:linear-gradient(180deg,#3b2b18,#20170e);color:#f0d898}
body:not([data-theme="mono"]) #shopModal .mall-tab.active{border-color:#c09340;background:linear-gradient(180deg,#5a3c1c,#2b1d10);color:#ffe49a;box-shadow:inset 0 1px #92672f,0 -2px 8px rgba(0,0,0,.32)}
body:not([data-theme="mono"]) #shopModal .mall-tab.active::after{left:10px;right:10px;height:2px;background:#f0c962}
body:not([data-theme="mono"]) #shopModal .shop-shell,
body:not([data-theme="mono"]) #shopModal .mall-center>.shop-shell{gap:10px;padding:13px 14px 16px;color:var(--merchant-ink)}
body:not([data-theme="mono"]) #shopModal .shop-hero,
body:not([data-theme="mono"]) #shopModal .mall-center .shop-hero{
  position:relative;
  border:2px solid #604725;
  border-radius:3px;
  background:linear-gradient(100deg,rgba(218,171,76,.08),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 7px),#19140e;
  box-shadow:inset 0 0 0 1px #090704,0 3px 8px rgba(55,35,12,.34);
  padding:12px 13px;
}
body:not([data-theme="mono"]) #shopModal .shop-shell>.shop-hero{padding-right:58px}
body:not([data-theme="mono"]) #shopModal .shop-kicker{color:#d3ab54;font-size:10px}
body:not([data-theme="mono"]) #shopModal .shop-hero-title span{width:46px;height:46px;border:2px solid var(--shop-accent,#8b6d35);border-radius:3px;background:#060606;box-shadow:inset 0 0 0 2px #25211a,0 0 0 1px #080604}
body:not([data-theme="mono"]) #shopModal .shop-hero-title strong{color:#f1dfae;font:700 24px/1.15 Georgia,"Noto Serif SC","Songti SC",serif}
body:not([data-theme="mono"]) #shopModal .shop-hero-subtitle{color:#a89b80;font-size:12px}
body:not([data-theme="mono"]) #shopModal .shop-balance{border-left-color:#604725}
body:not([data-theme="mono"]) #shopModal .shop-balance span{color:#8f846f}
body:not([data-theme="mono"]) #shopModal .shop-balance b{color:#f2cf76;font-size:21px}
body:not([data-theme="mono"]) #shopModal .shop-balance.diamond-balance b{color:#79cbe0}
body:not([data-theme="mono"]) #shopModal .shop-section-head{align-items:center;min-height:34px;padding:0 5px 7px;border-bottom:2px solid #72552b}
body:not([data-theme="mono"]) #shopModal .shop-section-head strong{color:#382713;font:700 17px/1.2 Georgia,"Noto Serif SC","Songti SC",serif;text-shadow:0 1px rgba(255,255,255,.3)}
body:not([data-theme="mono"]) #shopModal .shop-section-head span{color:#5d503c;font-size:10px}
body:not([data-theme="mono"]) #shopModal .shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body:not([data-theme="mono"]) #shopModal .shop-item,
body:not([data-theme="mono"]) #shopModal .mall-center .shop-item{
  grid-template-columns:54px minmax(0,1fr) minmax(104px,auto);
  gap:9px;
  min-height:76px;
  border:1px solid #5a4932;
  border-radius:3px!important;
  background:linear-gradient(90deg,rgba(180,143,67,.06),transparent 34%),linear-gradient(180deg,#201d18,#11100d)!important;
  box-shadow:inset 0 0 0 1px #080705,0 2px 5px rgba(58,39,16,.28);
  padding:9px 9px 9px 11px;
  cursor:help;
  transform:none;
}
body:not([data-theme="mono"]) #shopModal .shop-item::after{left:0;top:5px;bottom:5px;width:3px;background:var(--shop-accent,#9f7a35)}
body:not([data-theme="mono"]) #shopModal .shop-item:hover,
body:not([data-theme="mono"]) #shopModal .shop-item:focus-within{border-color:#d0a34f;background:linear-gradient(180deg,#2d271d,#16130e)!important;box-shadow:inset 0 0 0 1px #0a0704,0 0 0 1px rgba(239,199,103,.18),0 4px 10px rgba(53,31,9,.38);transform:none}
body:not([data-theme="mono"]) #shopModal .shop-item.owned{border-color:#4b7650;background:linear-gradient(180deg,#17251a,#0d140e)!important}
body:not([data-theme="mono"]) #shopModal .shop-item.lack{opacity:.72;filter:saturate(.72)}
body:not([data-theme="mono"]) #shopModal .shop-item .si-icon{width:54px;height:54px;overflow:hidden;border:2px solid var(--shop-accent-border,#7b663e);border-radius:3px;background:#050505;box-shadow:inset 0 0 0 2px #27241e,0 0 0 1px #060504,0 2px 4px #000}
body:not([data-theme="mono"]) #shopModal .shop-item .si-icon .item-icon-image{border-radius:0}
body:not([data-theme="mono"]) #shopModal .shop-item .si-info{gap:3px}
body:not([data-theme="mono"]) #shopModal .shop-item .si-name{color:#eee5cf;font-size:15px;text-shadow:0 1px #000}
body:not([data-theme="mono"]) #shopModal .shop-item .si-desc{color:#a99f8a;font-size:10px}
body:not([data-theme="mono"]) #shopModal .si-brief span,
body:not([data-theme="mono"]) #shopModal .si-tags span{border-color:#4b4030;border-radius:3px;background:#0c0b09;color:#a69a81;font-size:9px}
body:not([data-theme="mono"]) #shopModal .shop-buy{
  min-width:104px;
  min-height:38px;
  border:1px solid #b58b3c;
  border-radius:3px;
  background:linear-gradient(180deg,#775528,#3d2b18);
  color:#ffebae;
  box-shadow:inset 0 1px #a77a38,inset 0 0 0 1px #21150b,0 2px 4px rgba(0,0,0,.45);
  font-size:12px;
  text-shadow:0 1px #130b04;
}
body:not([data-theme="mono"]) #shopModal .shop-buy:hover:not(:disabled){border-color:#f0c967;background:linear-gradient(180deg,#91682f,#51371b);color:#fff7d6;filter:none}
body:not([data-theme="mono"]) #shopModal .shop-buy:disabled{border-color:#49433a;background:linear-gradient(180deg,#312e29,#1a1815);color:#8e897f;box-shadow:inset 0 0 0 1px #12110f;opacity:.86}
body:not([data-theme="mono"]) #shopModal .shop-buy-sub{font-size:9px}
body:not([data-theme="mono"]) #shopModal .diamond-buy{border-color:#507985;background:linear-gradient(180deg,#315e69,#183c45);color:#d9f7ff;box-shadow:inset 0 1px #528590,inset 0 0 0 1px #0b2025,0 2px 4px rgba(0,0,0,.45)}
body:not([data-theme="mono"]) #shopModal .diamond-buy:hover:not(:disabled){border-color:#83d4e4;background:linear-gradient(180deg,#3b7582,#214d57)}
body:not([data-theme="mono"]) #shopModal .shop-buy-stack{min-width:108px;max-width:150px}
body:not([data-theme="mono"]) #shopModal .diamond-buy-stack{min-width:230px;max-width:248px}
body:not([data-theme="mono"]) #shopModal .diamond-buy-all{border-color:#7aaab4;background:linear-gradient(180deg,#3a6f79,#204b53)}
body:not([data-theme="mono"]) #shopModal .diamond-buy-all .shop-buy-main{font-size:inherit}
body:not([data-theme="mono"]) #shopModal .diamond-buy-all .shop-buy-sub{color:#b8dbe1}
body:not([data-theme="mono"]) #shopModal .shop-unit-price{color:#5e513e;font-size:9px}
body:not([data-theme="mono"]) #shopModal .shop-empty{border-color:#806331;border-radius:3px;background:rgba(255,245,204,.18);color:#4a3922}
body:not([data-theme="mono"]) .shop-floating-detail{border:2px solid #8c6b34;border-radius:4px;background:linear-gradient(180deg,rgba(19,17,13,.99),rgba(7,7,6,.99));box-shadow:0 18px 48px rgba(0,0,0,.72),inset 0 0 0 1px #070604}
body:not([data-theme="mono"]) .shop-floating-detail .shop-tip-icon{border-radius:3px}
body:not([data-theme="mono"]) .shop-floating-detail .shop-tip-title strong{color:#f1e8d4}
body:not([data-theme="mono"]) .shop-floating-detail .shop-tip-desc{border-radius:3px;background:#0b0a08;color:#b6aa91}

@media(max-width:760px){
  body:not([data-theme="mono"]) #shopModal.modal-bg{align-items:stretch;padding:7px}
  body:not([data-theme="mono"]) #shopModal .shop-modal{width:100%;max-width:100%;max-height:calc(100dvh - 14px)}
  body:not([data-theme="mono"]) #shopModal .mall-wallets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  body:not([data-theme="mono"]) #shopModal .mall-wallets>div,
  body:not([data-theme="mono"]) #shopModal .mall-recharge-link{width:auto;min-width:0}
  body:not([data-theme="mono"]) #shopModal .mall-tabs{overflow-x:auto;padding-left:7px;padding-right:7px}
  body:not([data-theme="mono"]) #shopModal .mall-tab{min-width:96px;flex:1 0 96px}
  body:not([data-theme="mono"]) #shopModal .shop-shell,
  body:not([data-theme="mono"]) #shopModal .mall-center>.shop-shell{padding:9px}
  body:not([data-theme="mono"]) #shopModal .shop-shell-close{top:18px;right:18px}
  body:not([data-theme="mono"]) #shopModal .shop-hero{grid-template-columns:1fr;gap:8px}
  body:not([data-theme="mono"]) #shopModal .shop-balance{border-top-color:#604725}
  body:not([data-theme="mono"]) #shopModal .shop-product-grid{grid-template-columns:1fr}
  body:not([data-theme="mono"]) #shopModal .shop-item,
  body:not([data-theme="mono"]) #shopModal .mall-center .shop-item{grid-template-columns:52px minmax(0,1fr) minmax(100px,auto);min-height:70px}
  body:not([data-theme="mono"]) #shopModal .shop-item .si-icon{width:52px;height:52px}
  body:not([data-theme="mono"]) #shopModal .shop-buy{grid-column:auto;width:auto;min-width:100px;max-width:132px;min-height:44px}
  body:not([data-theme="mono"]) #shopModal .shop-buy-stack{grid-column:1/-1;width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
  body:not([data-theme="mono"]) #shopModal .diamond-buy-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  body:not([data-theme="mono"]) #shopModal .mall-wallets{grid-template-columns:1fr 1fr}
  body:not([data-theme="mono"]) #shopModal .mall-recharge-link{grid-column:1/-1}
  body:not([data-theme="mono"]) #shopModal .shop-hero-title strong{font-size:19px;white-space:normal}
  body:not([data-theme="mono"]) #shopModal .shop-section-head{align-items:flex-start;gap:3px}
  body:not([data-theme="mono"]) #shopModal .shop-item,
  body:not([data-theme="mono"]) #shopModal .mall-center .shop-item{grid-template-columns:48px minmax(0,1fr) 92px;gap:7px;padding:8px 7px 8px 9px}
  body:not([data-theme="mono"]) #shopModal .shop-item .si-icon{width:48px;height:48px;font-size:25px}
  body:not([data-theme="mono"]) #shopModal .shop-item .si-name{font-size:13px;white-space:normal;overflow-wrap:anywhere}
  body:not([data-theme="mono"]) #shopModal .shop-buy{grid-column:auto;width:92px;min-width:0;max-width:92px;padding:6px;font-size:10px}
  body:not([data-theme="mono"]) #shopModal .shop-buy-stack{grid-column:1/-1;width:100%;max-width:none}
  body:not([data-theme="mono"]) #shopModal .diamond-buy-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:340px){
  body:not([data-theme="mono"]) #shopModal .shop-buy-stack{grid-template-columns:1fr}
  body:not([data-theme="mono"]) #shopModal .diamond-buy-stack{grid-template-columns:1fr 1fr}
  body:not([data-theme="mono"]) #shopModal .shop-buy-stack .shop-unit-price{grid-column:1}
}

@media (min-width:341px) and (max-width:760px){
  body:not([data-theme="mono"]) #shopModal .diamond-product{grid-template-columns:48px minmax(0,1fr) 230px}
  body:not([data-theme="mono"]) #shopModal .diamond-product .diamond-buy-stack{grid-column:auto;justify-self:end;align-self:center;width:230px;min-width:230px;max-width:230px;grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not([data-theme="mono"]) #shopModal .diamond-product .diamond-buy-stack .shop-buy{grid-column:auto;width:auto;min-width:0;max-width:none;font-size:12px}
}

/* Compact quantity picker shared by potion purchases and alchemy. */
#shopModal .shop-quantity-control{
  justify-self:end;
  align-self:center;
  display:grid;
  width:218px;
  min-width:0;
  gap:4px;
}
#shopModal .shop-quantity-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:0 2px}
#shopModal .shop-quantity-meta span{font-size:9px;line-height:1;color:#8f846f}
#shopModal .shop-quantity-meta b{min-width:0;color:#e7c56f;font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shopModal .shop-quantity-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #76592f;
  border-radius:3px;
  background:#0b0907;
  box-shadow:inset 0 0 0 1px #050403;
}
#shopModal .shop-quantity-btn{
  position:relative;
  min-width:0;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:1px;
  border:0;
  border-right:1px solid #5b4326;
  border-radius:0;
  background:linear-gradient(180deg,#674820,#382615);
  color:#ffe7a2;
  padding:4px 3px;
  text-shadow:0 1px #120a03;
  cursor:pointer;
}
#shopModal .shop-quantity-btn:last-child{border-right:0}
#shopModal .shop-quantity-btn b{font-size:10px;line-height:1.05;white-space:nowrap}
#shopModal .shop-quantity-btn small{color:#d3b56e;font-size:8px;line-height:1;white-space:nowrap}
#shopModal .shop-quantity-btn:hover:not(:disabled),
#shopModal .shop-quantity-btn:focus-visible{background:linear-gradient(180deg,#8a622d,#4b3219);color:#fff6d1}
#shopModal .shop-quantity-btn:disabled{background:#25221d;color:#777066;text-shadow:none;cursor:not-allowed;opacity:.68}
#shopModal .shop-quantity-btn:disabled small{color:#686158}
#shopModal .shop-quantity-status{
  width:100%;
  min-height:38px;
  border:1px solid #49433a;
  border-radius:3px;
  background:#25221d;
  color:#8e897f;
  padding:6px;
  font-size:10px;
  line-height:1.2;
}
#shopModal .shop-quantity-control.unavailable .shop-quantity-status{grid-column:1/-1}

@media(max-width:760px){
  #shopModal .shop-quantity-control{
    grid-column:1/-1;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    width:100%;
    max-width:none;
    gap:8px;
  }
  #shopModal .shop-quantity-meta{min-width:50px;display:grid;gap:3px;padding:0}
  #shopModal .shop-quantity-actions{min-width:0}
  #shopModal .shop-quantity-btn{min-height:42px}
}
body[data-theme="mono"] #shopModal .shop-quantity-actions,
body[data-theme="mono"] #shopModal .shop-quantity-btn,
body[data-theme="mono"] #shopModal .shop-quantity-status{
  border-color:#000!important;
  border-radius:0!important;
  background:#fff!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body[data-theme="mono"] #shopModal .shop-quantity-btn+ .shop-quantity-btn{border-left:1px solid #000!important}
body[data-theme="mono"] #shopModal .shop-quantity-meta span,
body[data-theme="mono"] #shopModal .shop-quantity-meta b,
body[data-theme="mono"] #shopModal .shop-quantity-btn small{color:#000!important}
body[data-theme="mono"] #shopModal .shop-quantity-btn:disabled,
body[data-theme="mono"] #shopModal .shop-quantity-status:disabled{opacity:.48}

body:not([data-theme="mono"]) #shopModal.mall-center-mode .mall-wallets>div,
body:not([data-theme="mono"]) #shopModal.mall-center-mode .mall-recharge-link{min-width:108px;padding:6px 8px}

/* Darkmoon weekly tasks and catalog-driven exchange shops. */
.darkmoon-state{border-color:#694b82;border-left-color:#d2a8ff;background:linear-gradient(100deg,rgba(163,113,247,.11),#101319 62%)}
.darkmoon-state.event-open{border-color:#80672f;border-left-color:#f0ca78;background:linear-gradient(100deg,rgba(240,202,120,.1),#111318 62%)}
.darkmoon-state>div>span,.darkmoon-state p strong{color:#d2a8ff}.darkmoon-state.event-open>div>span,.darkmoon-state.event-open p strong{color:#f0ca78}.darkmoon-state p strong{font-weight:800;white-space:nowrap}
.darkmoon-task-list{display:grid;gap:0;margin-top:10px;border-top:1px solid var(--ui-line-soft)}
.darkmoon-task-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(94px,auto);gap:9px;align-items:center;min-width:0;border-bottom:1px solid var(--ui-line-soft);padding:10px 0}
.darkmoon-task-mark{display:grid;width:22px;height:22px;place-items:center;border:1px solid #52606d;border-radius:50%;color:var(--ui-muted);font-size:10px;font-weight:900}.darkmoon-task-row.ready .darkmoon-task-mark{border-color:#80672f;color:#f0ca78}.darkmoon-task-row.claimed .darkmoon-task-mark{border-color:#356b46;color:#7ee787}
.darkmoon-task-copy{min-width:0}.darkmoon-task-copy b,.darkmoon-task-copy span,.darkmoon-task-copy small{display:block}.darkmoon-task-copy b{color:var(--ui-text);font-size:11px;line-height:1.35}.darkmoon-task-copy span{margin-top:3px;color:#c8d0da;font-size:10px;line-height:1.4}.darkmoon-task-copy small{margin-top:3px;color:var(--ui-muted);font-size:9px;line-height:1.35}
.darkmoon-task-progress{height:4px;margin-top:6px;overflow:hidden;border-radius:2px;background:#242b33}.darkmoon-task-progress i{display:block;height:100%;background:#80672f}.darkmoon-task-row.claimed .darkmoon-task-progress i{background:#356b46}
.darkmoon-task-row>button{min-width:94px;min-height:34px;border:1px solid #80672f;border-radius:3px;background:#2b2415;color:#f0ca78;padding:6px 8px;font-size:9px;font-weight:850;cursor:pointer}.darkmoon-task-row>button:hover:not(:disabled){border-color:#f0ca78;color:#fff}.darkmoon-task-row>button:disabled{border-color:var(--ui-line);background:#171b21;color:var(--ui-faint);cursor:not-allowed}
.darkmoon-wallet{border-left-color:#d2a8ff}.darkmoon-wallet b{color:#d2a8ff}.quest-log-action.darkmoon-shop{border-color:#694b82;background:#21172a;color:#d2a8ff}

#shopModal .shop-theme-darkmoon{--shop-accent:#b57bd6;--shop-accent-border:#694b82}#shopModal .shop-theme-relic{--shop-accent:#7ea17d;--shop-accent-border:#47694c}
#shopModal .shop-theme-darkmoon .shop-hero{background:linear-gradient(100deg,rgba(163,113,247,.12),transparent 44%),#17131b}#shopModal .shop-theme-relic .shop-hero{background:linear-gradient(100deg,rgba(86,211,100,.08),transparent 44%),#111814}
#shopModal .shop-theme-darkmoon .shop-balance b{color:#d2a8ff}#shopModal .shop-theme-relic .shop-balance b{color:#7ee787}
#shopModal .exchange-product .si-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.35}
#shopModal .exchange-product .si-icon.exchange{font-size:27px}.exchange-shop-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:3px solid #d2a8ff;background:#17121e;padding:9px 11px}.exchange-shop-notice b{color:#d2a8ff;font-size:11px}.exchange-shop-notice span{color:#aeb8c4;font-size:9px;text-align:right}
#shopModal .exchange-buy .shop-buy-main{white-space:normal;line-height:1.2}#shopModal .exchange-buy .shop-buy-sub{white-space:normal;line-height:1.25}
@media(max-width:520px){.darkmoon-task-row{grid-template-columns:22px minmax(0,1fr)}.darkmoon-task-row>button{grid-column:2;width:100%;min-height:42px}.darkmoon-state p strong{display:block;margin-top:4px;white-space:normal}.exchange-shop-notice{align-items:flex-start;flex-direction:column;gap:3px}.exchange-shop-notice span{text-align:left}}
body[data-theme="mono"] .darkmoon-state,body[data-theme="mono"] .darkmoon-task-list,body[data-theme="mono"] .darkmoon-task-row,body[data-theme="mono"] .darkmoon-task-mark,body[data-theme="mono"] .darkmoon-task-progress,body[data-theme="mono"] .darkmoon-task-row>button,body[data-theme="mono"] .exchange-shop-notice{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important}body[data-theme="mono"] .darkmoon-task-progress i{background:#000!important}

body[data-theme="mono"] .series-tabs{display:block!important;border:0!important;background:#fff!important}
body[data-theme="mono"] .series-browser{gap:0;border:1px solid #000}
body[data-theme="mono"] .series-browser-controls,body[data-theme="mono"] .series-browser-picker{gap:0}
body[data-theme="mono"] .series-search,body[data-theme="mono"] .series-progress-filter,body[data-theme="mono"] .series-browser-picker>label{border:0!important;border-radius:0!important;border-bottom:1px solid #000!important;background:#fff!important;color:#000!important}
body[data-theme="mono"] .series-progress-filter{border-left:1px solid #000!important}
body[data-theme="mono"] .series-search input,body[data-theme="mono"] .series-progress-filter select,body[data-theme="mono"] .series-browser-picker select,body[data-theme="mono"] .series-search-clear{background:#fff!important;color:#000!important}
body[data-theme="mono"] .series-search-mark,body[data-theme="mono"] .series-progress-filter>span,body[data-theme="mono"] .series-browser-picker>label>span,body[data-theme="mono"] .series-browser-summary,body[data-theme="mono"] .series-browser-summary b{color:#000!important}
body[data-theme="mono"] .series-browser-summary{padding:6px 8px;border-bottom:1px solid #000}
@media(max-width:520px){body[data-theme="mono"] .series-progress-filter{border-left:0!important}}
body[data-theme="mono"] .weapon-finder{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important}
body[data-theme="mono"] .weapon-finder-search,body[data-theme="mono"] .weapon-finder-field,body[data-theme="mono"] .weapon-result-context,body[data-theme="mono"] .weapon-result-empty{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .weapon-finder-search input,body[data-theme="mono"] .weapon-finder-field select,body[data-theme="mono"] .weapon-finder-search-clear,body[data-theme="mono"] .weapon-finder-reset,body[data-theme="mono"] .weapon-result-empty-actions button{border-color:#000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
body[data-theme="mono"] .weapon-finder-search-clear{border-left-color:#000!important}
body[data-theme="mono"] .weapon-finder-search-mark,body[data-theme="mono"] .weapon-finder-summary,body[data-theme="mono"] .weapon-finder-count,body[data-theme="mono"] .weapon-finder-count b,body[data-theme="mono"] .weapon-finder-count strong,body[data-theme="mono"] .weapon-finder-field>span,body[data-theme="mono"] .weapon-result-context b,body[data-theme="mono"] .weapon-result-context strong{color:#000!important}
body[data-theme="mono"] .weapon-finder-reset:disabled{opacity:.55}

/*
 * Player readability baseline
 *
 * Supporting copy and interactive labels must remain readable at a glance.
 * Only pure numeric notification badges may be smaller than 12px.
 */
:root{--player-font-small:12px}

#game :is(
  .net-state,.game-brand p,.status-season small,.status-season-alert,
  .column-heading>span,.eyebrow,.map-item .mi-desc,.map-item .mi-explore,.zone-desc,
  .monster-browser-kicker,.monster-level-filters button,.mi-level-badge,.mi-instance,
  .monster-item .mi-summary,.mi-lock-reason,.monster-fight,.battle-kicker,.battle-time span,
  .monster-rank-entry,.battle-bar-row,.battle-info-grid span,.battle-info-grid b,.def-display,#log,
  .meta-card .meta-label,.meta-card small,.reward-hint,.recharge-entry,.bar-text,
  .equip-showcase-label,.equip-total,.combat-stats span,.auto-potion-label,.auto-potion-toggle,
  .character-config-heading b,.combat-command-heading b,.loadout-card-head em,.combat-loadout-card p,
  .loadout-card-actions button,.combat-tactics-head span,.combat-tactics-fields label>span,
  .combat-tactics-fields select,.combat-tactics-fields i,.memento-wallet em,
  .magic-spell-head span,.magic-spell-head button,.magic-spell-unlock-line,.magic-spell-migration-note,
  .magic-spell-fields label>span,.magic-spell-fields select,.magic-spell-fields i,
  .magic-spell-detail>span,.magic-spell-detail em,.magic-spell-detail p,.magic-spell-battle-info b,
  .magic-spell-battle-info em,.magic-spell-battle-info>small,.magic-spell-empty span,
  .mount-system-summary span,.mount-system-summary em,.mount-collection-rule span,
  .mount-collection-rule b,.pet-main>small,.explore-riding-note,.battle-report-summary>span,
  .battle-report-summary>b
){font-size:var(--player-font-small);line-height:1.4}

#game :is(
  .meta-purpose,.extreme-roll-copy small,.socket-weapon-option em,.socket-weapon-option>b,
  .wild-npc-grid .npc-tag,.wild-npc-grid .npc-shop-meta span,.wild-npc-grid .npc-season-meta span,
  .wild-npc-grid .npc-recharge-meta span,.town-npc-grid .npc-shop-meta span,
  .town-npc-grid .npc-season-meta span,.town-npc-grid .npc-recharge-meta span,
  .mt-stats em,.wt-stats small,.wowtt-compare-note,.series-progress-filter>span,
  .series-browser-picker>label>span,.series-progress-filter select,.series-browser-picker select,
  .series-browser-summary,.series-browser-summary b,.mi-tags span,.shop-specs span,.alchemy-material,
  .battle-report-head span,.battle-report-metrics>span,.battle-report-metrics b,
  .battle-report-detail span,.battle-report-detail b,.combat-command-panel>summary,
  .combat-command-panel>summary b,.monster-search>span,.npc-btn .npc-desc,
  .guide-page-head>span,.explore-discovery-head span,.explore-discovery-head em,
  .explore-discovery-row strong,.explore-discovery-row span,.explore-action-main span,
  .explore-projects-head b,.explore-projects-head span,.explore-project-status,
  .explore-project-copy em,.inventory-sell-junk-button,.inventory-capacity span,
  .inventory-detail-empty p,.inventory-detail-head span,.inventory-detail-head em,
  .inventory-detail-stats>div,.inventory-detail-stats b,.inventory-detail-hint,
  .inventory-footer>p,.status-season-copy b,.status-season-copy small,.status-season-score small,
  .status-shop,.instant-apply-status,.magic-spell-detail>b,.magic-spell-empty b,
  .admin-preview-common span,.admin-preview-loot-row small,.player-vitals .stat-row,
  .player-vitals .stat-row label,.character-config-panel>summary b,
  .wow-reputation-name b,.wow-reputation-track span
){font-size:var(--player-font-small);line-height:1.4}

#game :is(
  .soul-mark-summary b small,.soul-mark-summary span,.soul-mark-summary>em,
  .soul-mark-modal-summary span,.soul-mark-sync-status,.soul-mark-card-main b em,
  .soul-mark-card-main small,.soul-mark-card-main i,.soul-mark-card>strong,
  .achievement-overview-main>span,.achievement-overall-progress>b,.achievement-overview-stats span,
  .achievement-category-tab,.achievement-category-heading span,.achievement-category-heading>b,
  .achievement-title>span,.achievement-state,.achievement-description,.achievement-progress-line,
  .achievement-reward>span,.achievement-reward>b,.achievement-action .btn,
  .achievement-list-workspace .achievement-claim-all,.achievement-group-copy em,
  .achievement-group-meta em,.achievement-group-ready,.achievement-row-main em,
  .achievement-row-main p,.achievement-row-progress>div,.achievement-row-reward>span,
  .achievement-row-reward>b,.achievement-row-action .btn,.season-trial-main b span,
  .season-trial-main p,.season-trial-main em,.season-trial>button,
  .boss-codex-trial-badge,.boss-codex-attention strong,.boss-codex-attention span,
  .boss-codex-attention button,.boss-codex-archive>summary span,
  .boss-codex-archive-empty span,.boss-codex-archive>summary b,
  .boss-codex-archive-empty b,.boss-codex-archive>summary em,
  .boss-codex-archive-empty em,.boss-codex-section-head span,
  .boss-codex-section-head b,.boss-codex-all-complete,.pet-empty p
){font-size:var(--player-font-small);line-height:1.4}

#game .zone-hero::before{font-size:var(--player-font-small)}
#game .status-logout{font-size:var(--player-font-small)!important}
#game .wild-npc-grid :is(.npc-shop-meta,.npc-season-meta,.npc-recharge-meta){max-height:none}

#game .workspace-collection-view :is(
  .weapon-view-tabs b,.codex-tabs button b,.item-card.inventory-item-card .item-icon-mark,
  .boss-trophy-summary em,.boss-codex-head span,.boss-codex-head em,.boss-codex-progress>b,
  .boss-codex-records span,.boss-codex-basic span,.codex-locked-line,.boss-codex-research strong,
  .boss-codex-research p,.boss-codex-death span,.boss-codex-death b,.boss-codex-lore,
  .boss-codex-collection strong,.boss-codex-collection b,.boss-codex-collection span,
  .boss-codex-milestones span,.boss-codex-trial strong,.boss-codex-trial span,
  .boss-codex-trial button,.boss-codex-trial-action,.boss-codex-action
){font-size:var(--player-font-small);line-height:1.4}

.explore-action-tip :is(.explore-tip-head span,.explore-tip-head>i,.explore-tip-stats em,
  .explore-tip-stats b,.explore-tip-requirement,.explore-tip-section-title b,
  .explore-tip-section-title em,.explore-tip-rewards b,.explore-tip-rewards em,
  .explore-tip-discovery-grid b,.explore-tip-discovery-grid em),
.active-benefit-tip :is(strong,small),
.azeroth-map-intro span,.azeroth-map-summary span,.azeroth-boss-detail-head span,
.azeroth-boss-access span,.azeroth-boss-facts dt,.azeroth-boss-skills>span,
.azeroth-boss-skills>b,.azeroth-map-preview-note,
.character-hero-entry-copy small,.character-hero-entry-state,
.status-private-relic-copy b,.status-private-relic-copy small,.status-private-relic-progress,
.battle-report-summary>span,.battle-report-summary>b,
.private-relic-identity span,.private-relic-identity small,.private-relic-summary time,
.private-relic-story h4,.private-relic-section-head span,.private-relic-breakdown span,
.private-relic-breakdown b,.private-relic-daily p,.private-relic-effects dt,
.darkmoon-task-copy b,.darkmoon-task-copy small,.darkmoon-task-row>button,.exchange-shop-notice b,
.exchange-shop-notice span,.private-relic-makeup p,.private-relic-equip,
.private-relic-action span,.private-relic-action small,.private-relic-accelerate,
.equip-slot-private-relic .equip-label{font-size:var(--player-font-small);line-height:1.4}

#guideModal :is(small,time,.guide-kicker,.guide-note,.guide-meta,.guide-step span,.guide-step p),
#questLogModal :is(.quest-log-list-heading span,.quest-log-list-heading b,.quest-log-item-copy small,
  .quest-log-item>em,.quest-log-item>time,.quest-log-hero span,.quest-log-hero p,.quest-log-hero>em,
  .quest-log-story::before,.quest-log-state>div>span,.quest-log-state>p,.quest-log-routes-title>small,
  .quest-log-route-grid article>span,.quest-log-route-grid article>p,.quest-log-reward>span,
  .quest-log-optional-label,.quest-log-objectives b,.quest-log-objectives small,.quest-log-empty-objectives,
  .quest-log-project span,.quest-log-facts span,.quest-log-countdown span,.quest-log-countdown small,
  .quest-log-timestamps,.quest-log-reason,.quest-log-action,.quest-log-mode-tabs button,
  .quest-log-list-empty),
#heroLogModal :is(small,time,.hero-log-overview span,.hero-log-overview-status small,
  .hero-log-overview-bonus small,.hero-log-overview-progress>small,.hero-log-overview-progress>em,
  .hero-log-item .quest-log-item-copy small,.hero-log-item>em,.hero-log-item>time,.hero-log-hero span,
  .hero-log-hero>em,.hero-log-panel-title span,.hero-log-panel p,.hero-log-panel>ul:not(.quest-log-objectives),
  .hero-log-ability-stat span,.hero-log-ability-stat small,.hero-log-ability-effects>h5,
  .hero-log-effect-list p,.hero-log-ability-growth>summary span,.hero-log-ability-growth>summary b,
  .hero-log-milestones small,.hero-log-milestones p,.hero-log-chapter-gate small,
  .hero-log-chapter-gate>em,.hero-log-chapter-reward span,.hero-log-chapter-objective-summary span,
  .hero-log-routine-copy small,.hero-log-routine-meta span,.hero-log-routine-meta em,
  .hero-log-routine-claim,.hero-log-routine-empty,.hero-log-inline-actions .hero-log-action,
  .hero-log-bond>small,.hero-log-pact-tier span,.hero-log-pact-tier small,.hero-log-pact-tier em,
  .hero-log-pact-effect strong,.hero-log-pact-effect p,.hero-log-pact-note,
  .hero-log-ability-state>span,.hero-log-ability-state>b)
{font-size:var(--player-font-small);line-height:1.45}

#updateLogModal :is(.update-log-index-head span,.update-log-index-head b,.update-log-version span,
  .update-log-version em,.update-log-meta span,.update-log-meta time,.update-log-section li,
  .update-log-footer){font-size:var(--player-font-small);line-height:1.45}

.quest-log-entry,.update-log-entry{min-height:32px;font-size:var(--player-font-small)}
.update-log-entry>em{min-width:32px;padding:3px 5px;font-size:var(--player-font-small)}

#shopModal :is(.shop-kicker,.shop-section-head span,.shop-item .si-desc,.si-brief span,.si-tags span,.shop-buy-sub,
  .shop-unit-price,.shop-quantity-meta span,.shop-quantity-meta b,.shop-quantity-btn b,
  .shop-quantity-btn small,.shop-quantity-status,.exchange-shop-notice b,.exchange-shop-notice span,
  .shop-recommend-badge,.mall-wallets span,.mall-recharge-link em)
{font-size:var(--player-font-small);line-height:1.35}

#rechargeModal :is(small,label,.recharge-banner span,.recharge-banner em,.recharge-summary span,
  .recharge-pack span,.recharge-pack em,.recharge-amount span,.recharge-amount em,
  .monthly-card-status-head span,.monthly-card-status-head>em,.monthly-card-status-grid span,
  .monthly-card-status-grid small,.monthly-card-status-foot span,.monthly-card-status-foot button,
  .starter-bundle-hero span,.starter-bundle-hero p,.starter-bundle-hero>em,
  .starter-bundle-section-head span,.starter-bundle-reward strong,.starter-bundle-reward span,
  .starter-bundle-empty,.recharge-notice b,.recharge-notice span,.recharge-steps b,
  .recharge-steps small,.recharge-voucher-label,.recharge-voucher-field>label,
  .recharge-voucher-field small,.recharge-copy-msg,.recharge-purchase-feedback.error strong,
  .recharge-purchase-feedback.error span,.recharge-purchase-feedback-head span,
  .recharge-section-head span,.recharge-section-head>b,.recharge-pack-name i)
{font-size:var(--player-font-small);line-height:1.45}

@media(max-width:520px){
  .azeroth-map-summary span{font-size:var(--player-font-small)}
  #shopModal .shop-buy{min-height:42px;font-size:var(--player-font-small)}
  .darkmoon-task-row>button{min-height:42px}
}

/* Compact exploration summary for height-constrained desktop screens. */
.col-map .map-list{grid-auto-rows:32px;gap:4px}
.col-map .map-item{height:32px;min-height:32px;justify-content:center;padding:3px 8px}
.col-map .map-item::after{top:50%;font-size:14px;transform:translateY(-50%)}
.col-map .map-item .mi-body{display:flex;align-items:center;justify-content:space-between;gap:6px}
.col-map .map-item .mi-name{min-width:0;margin:0;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.col-map .map-item .mi-explore{flex:0 1 auto;max-width:52%;margin:0;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.col-map .map-item.town-map-item .mi-name{max-width:100%}

.col-map .zone-hero,.col-map .battle-zone{display:flex;min-height:32px;align-items:center;gap:8px;margin:0 0 6px;padding:4px 8px;text-align:left}
.col-map .zone-hero::before{display:none}
.col-map .zone-hero .zone-title,.col-map .battle-zone .zone-title{flex:0 1 auto;min-width:0;margin:0;padding:0;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.col-map .battle-zone .zone-progress{flex:1 1 120px;width:auto;min-width:90px;height:16px;margin:0}
.col-map .battle-zone .zone-progress span{font-size:12px;line-height:14px}

.monster-item.monthly-world-boss-closed{min-height:52px;align-items:center;padding:6px 7px}
.monster-item.monthly-world-boss-closed .mi-icon{width:34px;height:34px;margin:0;font-size:21px}
.monster-item.monthly-world-boss-closed .mi-name-row{align-items:center}
.monster-item.monthly-world-boss-closed .mi-lock-reason{margin-top:3px;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.monster-item.monthly-world-boss-closed .monster-actions{align-self:center;grid-template-rows:minmax(44px,auto);flex-basis:62px}

@media (max-width:900px),(hover:none),(pointer:coarse){
  .col-map .map-list{grid-auto-rows:44px}
  .col-map .map-item{height:44px;min-height:44px;padding:5px 8px}
  .col-map .zone-hero,.col-map .battle-zone{min-height:44px;padding:6px 8px}
}

body[data-theme="mono"] .col-map .map-item .mi-body{display:flex!important}
body[data-theme="mono"] .monster-item.monthly-world-boss-closed{background:#fff!important}

/* Keep monster facts and tags in predictable second and third rows. */
.monster-item .mi-card-meta{display:grid;gap:3px;min-width:0;margin-top:3px;line-height:1.15}
.monster-item .mi-facts-row{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;white-space:nowrap}
.monster-item .mi-card-meta .mi-instance{flex:0 1 auto;max-width:92px;margin:0;line-height:1.15}
.monster-item .mi-card-meta .mi-lock-reason{flex:1 1 72px;min-width:28px;max-width:100%;margin:0;overflow:hidden;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.monster-item .mi-card-meta .mi-summary{display:contents}
.monster-item .mi-card-meta .mi-tags{display:flex;gap:3px;min-width:0;margin:0;overflow:hidden;flex-wrap:nowrap}
.monster-item .mi-card-meta :is(.mi-exp,.mi-mastery){flex:0 0 auto;line-height:1.15;white-space:nowrap}
.monster-item .mi-card-meta .mi-tags span{flex:0 1 auto;max-width:68px;padding:2px 5px;line-height:1.1}
#game .monster-item .mi-card-meta :is(.mi-instance,.mi-lock-reason,.mi-exp,.mi-mastery){font-size:12px;line-height:1.15}
#game .monster-item .mi-card-meta .mi-tags span{font-size:12px;line-height:1.1}

@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .monster-item:not(.monthly-world-boss-closed){min-height:72px;align-items:center;padding:6px 7px}
  .monster-item:not(.monthly-world-boss-closed) .mi-icon{margin-top:0}
  .monster-item:not(.monthly-world-boss-closed) .mi-name-row{align-items:center}
}

body[data-theme="mono"] .monster-item .mi-card-meta{display:grid!important}

/* Give long battle-tier names room without shrinking the currency card. */
@media (min-width:901px){
  .character-pane .player-meta{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr)!important}
  #game .character-pane .reward-line{gap:2px}
  #game .character-pane .reward-line .reward-hint{padding:2px 4px;font-size:12px}
  #game .character-pane .currency-card .meta-head{gap:4px}
  #game .character-pane .currency-card .recharge-entry{padding:3px;font-size:12px}
}