:root{--panel-bg: rgba(16, 18, 24, .82);--panel-border: rgba(255, 255, 255, .12);--panel-radius: 10px;--text: #e8e6e0;--text-dim: #9a978f;--accent: #d8a03c;--accent-dim: #8a6a2c;--danger: #d04a3a;--health: #3fae4a;--mana: #3a6fd0;--xp: #8a5fd0;--cast: #d8a03c;--q-poor: #9d9d9d;--q-common: #ffffff;--q-uncommon: #1eff00;--q-rare: #0070dd;--q-epic: #a335ee;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}.hud,.screen{user-select:none}input,textarea,.chat-log{user-select:text}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0d12;color:var(--text);font-size:14px}#render-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;outline:none;touch-action:none}#app{position:absolute;inset:0;pointer-events:none}#app>*{pointer-events:auto}#app>.hud{pointer-events:none}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);backdrop-filter:blur(6px)}button{font:inherit;color:var(--text);background:#ffffff14;border:1px solid var(--panel-border);border-radius:6px;padding:7px 14px;cursor:pointer}button:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent-dim);border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent);color:#14100a}input,select{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--panel-border);border-radius:6px;padding:7px 10px;outline:none}input:focus{border-color:var(--accent)}.error-text{color:#ff7a6a;min-height:18px;font-size:13px}.logo{position:absolute;top:10px;left:14px;font-weight:700;font-size:18px;letter-spacing:1px;color:var(--accent);text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;z-index:40}.compass{position:absolute;top:8px;left:50%;transform:translate(-50%);width:336px;height:36px;pointer-events:none;z-index:30}.compass-strip{position:absolute;inset:0 0 12px;overflow:hidden;background:linear-gradient(#0a0c1266,#0a0c1226);border-radius:6px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.compass-label{position:absolute;top:3px;left:50%;visibility:hidden;font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.9);will-change:transform}.compass-label.minor{top:5px;font-size:11px;font-weight:600;color:var(--text-dim)}.compass-caret{position:absolute;top:-1px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent);filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.compass-deg{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-dim);text-shadow:0 1px 2px rgba(0,0,0,.8)}.panel-title{font-size:15px;font-weight:600;padding:10px 14px;border-bottom:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between}.panel-close{background:none;border:none;color:var(--text-dim);font-size:15px;padding:0 4px;line-height:1}.panel-close:hover{color:var(--text);background:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(90,70,30,.25),transparent 60%),linear-gradient(#0d1018,#090b10)}.menu-card{width:360px;padding:26px 30px;display:flex;flex-direction:column;gap:12px}.menu-card h1{margin:0 0 4px;font-size:24px;text-align:center;color:var(--accent);letter-spacing:.5px}.menu-card label{font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:4px}.menu-row{display:flex;gap:10px}.menu-row>*{flex:1}.lang-row{display:flex;justify-content:center;gap:8px;margin-top:4px}.lang-row button{padding:3px 10px;font-size:12px}.lang-row button.active{border-color:var(--accent);color:var(--accent)}.char-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.char-entry{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer}.char-entry:hover,.char-entry.selected{border-color:var(--accent);background:#d8a03c14}.char-entry .char-name{font-weight:600}.char-entry .char-meta{color:var(--text-dim);font-size:12px}.realm-line{text-align:center;color:var(--text-dim);font-size:12px}.screen-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:8px;background:#78281ed9;border:1px solid var(--danger);z-index:50}.hud{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hud>*{pointer-events:auto}.unit-frame{position:absolute;top:14px;width:230px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.unit-frame.player-frame{left:14px}.unit-frame.target-frame{left:260px}.unit-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.unit-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-level{font-size:12px;color:var(--accent);flex:none}.bar{position:relative;height:14px;border-radius:4px;background:#00000080;border:1px solid rgba(255,255,255,.08);overflow:hidden}.bar-fill{position:absolute;inset:0;transform-origin:left;border-radius:3px}.bar-fill.health{background:linear-gradient(#5ac765,var(--health))}.bar-fill.mana{background:linear-gradient(#5b8ce8,var(--mana))}.bar-fill.cast{background:linear-gradient(#e8bd6a,var(--cast))}.bar-fill.xp{background:linear-gradient(#a37fe8,var(--xp))}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;text-shadow:0 1px 2px #000;pointer-events:none}.bar.slim{height:8px}.target-cast{margin-top:2px}.party-frames{position:absolute;left:14px;top:96px;width:190px;display:flex;flex-direction:column;gap:6px}.party-frames.hidden{display:none}.party-frames-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.party-leave{font-size:11px;padding:2px 8px}.unit-frame.party-frame{position:static;width:auto;padding:6px 8px;gap:3px}.party-frame .bar{height:9px}.party-frame .bar-text{font-size:9px}.party-class-line{font-size:11px;color:var(--text-dim)}.party-zone{font-size:11px;color:var(--text-dim);font-style:italic}.party-leader-mark{color:var(--accent);margin-right:3px}.party-invite{position:absolute;top:90px;left:50%;transform:translate(-50%);padding:12px 18px;display:flex;flex-direction:column;gap:10px;align-items:center;z-index:45}.party-invite.hidden{display:none}.party-invite-actions{display:flex;gap:8px}.cast-bar{position:absolute;left:50%;bottom:170px;transform:translate(-50%);width:280px;padding:6px 8px}.cast-bar .bar{height:16px}.cast-bar .cast-name{font-size:12px;text-align:center;margin-bottom:3px}.cast-bar.interrupted .bar-fill.cast{background:var(--danger)}.xp-bar-wrap{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:min(720px,70vw);display:flex;align-items:center;gap:8px}.xp-bar-wrap .bar{flex:1;height:8px}.level-badge{min-width:28px;height:28px;border-radius:50%;background:var(--panel-bg);border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.action-bar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:6px;padding:6px}.action-slot{position:relative;width:46px;height:46px;border-radius:8px;border:1px solid var(--panel-border);background:#00000073;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px #000;overflow:hidden;user-select:none}.action-slot:hover{border-color:#fff6}.action-slot.active{border-color:var(--danger);box-shadow:0 0 8px #d04a3ab3}.action-slot .slot-key{position:absolute;top:1px;right:3px;font-size:9px;font-weight:400;color:var(--text-dim)}.action-slot .slot-cd{position:absolute;inset:0;pointer-events:none}.action-slot .slot-cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ffd76a;pointer-events:none}.nameplate{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;cursor:pointer;text-shadow:0 1px 2px #000;white-space:nowrap;z-index:5}.nameplate .np-name{font-size:12px;font-weight:600}.nameplate .np-hp{width:70px;height:5px;border-radius:2px;background:#0009;overflow:hidden}.nameplate .np-hp-fill{height:100%;background:var(--health);transform-origin:left}.nameplate .np-quest{font-size:16px;font-weight:800;line-height:1}.nameplate.targeted .np-name{font-size:14px;color:#fff}.float-text{position:absolute;transform:translate(-50%,-100%);font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;animation:float-up 1.2s ease-out forwards;z-index:6}.float-text.crit{font-size:26px;color:#fc3}.float-text.heal{color:#4ae05a}.float-text.miss{color:#cfcfcf;font-style:italic;font-weight:400}.float-text.power{color:#4aa3df}@keyframes float-up{0%{opacity:1;margin-top:0}80%{opacity:1}to{opacity:0;margin-top:-60px}}.toast-area{position:absolute;left:50%;bottom:240px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:5px 14px;border-radius:6px;background:#000000a6;border:1px solid var(--panel-border);animation:toast-fade 2.6s ease-out forwards}.toast.error{border-color:var(--danger);color:#ff9a8a}.toast.xp{color:#c9a7ff}.toast.levelup{color:var(--accent);font-weight:700}@keyframes toast-fade{0%{opacity:0;transform:translateY(8px)}8%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.chat-box{position:absolute;left:14px;bottom:14px;width:340px;display:flex;flex-direction:column;gap:4px}.chat-log{max-height:160px;overflow-y:auto;padding:8px 10px;font-size:13px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.chat-line.system{color:#ffd76a}.chat-line .chat-from{color:#8ab4ff;font-weight:600}.chat-line.party{color:#86aef0}.chat-line.zone{color:#e0a558}.chat-line.whisper{color:#d78ae8}.chat-line.party .chat-from,.chat-line.zone .chat-from,.chat-line.whisper .chat-from{color:inherit}.chat-prefix{font-weight:600}.chat-input{width:100%;display:none}.chat-box.open .chat-input{display:block}.quest-log{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;max-height:70vh;display:flex;flex-direction:column}.quest-log-body{overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:12px}.quest-entry{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.quest-entry:last-child{border-bottom:none}.quest-title{font-weight:600;color:var(--accent);display:flex;justify-content:space-between;align-items:center;gap:8px}.quest-title .quest-level{color:var(--text-dim);font-size:12px;font-weight:400}.quest-objective{font-size:13px;color:var(--text-dim);padding-left:10px}.quest-objective.done{color:var(--health)}.quest-desc{font-size:13px;color:var(--text-dim);font-style:italic}.quest-abandon{align-self:flex-end;font-size:12px;padding:3px 10px}.quest-tracker{position:absolute;top:186px;right:14px;width:240px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.quest-tracker:empty{display:none}.quest-tracker .qt-title{font-weight:600;color:var(--accent);font-size:13px}.quest-tracker .qt-obj{color:var(--text-dim);padding-left:8px;font-size:12px}.quest-tracker .qt-obj.done{color:var(--health)}.gossip-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;max-height:70vh;display:flex;flex-direction:column}.gossip-body{overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.gossip-text{font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap}.gossip-option,.gossip-quest{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;border:1px solid transparent;cursor:pointer}.gossip-option:hover,.gossip-quest:hover{border-color:var(--panel-border);background:#ffffff0f}.gossip-icon{font-weight:800;width:16px;text-align:center;flex:none}.gossip-icon.offer,.gossip-icon.turnIn{color:#ffd200}.gossip-icon.turnInIncomplete{color:#9d9d9d}.gossip-icon.chat{color:var(--text-dim)}.gossip-icon.vendor{color:#ffd76a}.gossip-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--panel-border)}.loot-window{position:absolute;left:55%;top:45%;width:260px;display:flex;flex-direction:column}.loot-body{padding:8px 10px;display:flex;flex-direction:column;gap:4px}.loot-entry{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid var(--panel-border);cursor:pointer;background:#0000004d}.loot-entry:hover{border-color:#ffffff59}.loot-money{color:#ffd76a;font-size:13px;padding:2px 8px}.loot-actions{padding:8px 10px;display:flex;justify-content:flex-end}.quality-poor{color:var(--q-poor)}.quality-common{color:var(--q-common)}.quality-uncommon{color:var(--q-uncommon)}.quality-rare{color:var(--q-rare)}.quality-epic{color:var(--q-epic)}.inventory-panel{position:absolute;right:14px;bottom:60px;width:300px;display:flex;flex-direction:column}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px}.inv-slot{position:relative;aspect-ratio:1;border-radius:6px;border:1px solid var(--panel-border);background:#0006;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;overflow:hidden}.inv-slot .inv-count{position:absolute;bottom:1px;right:3px;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}.inv-money{padding:6px 12px 10px;text-align:right;color:#ffd76a;font-size:13px}.menu-card.char-card{width:420px}.class-groups{display:flex;flex-direction:column;gap:10px}.class-group{display:flex;flex-direction:column;gap:6px}.class-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);border-bottom:1px solid var(--panel-border);padding-bottom:3px}.class-group.faction-concord .class-group-title{color:var(--accent)}.class-group.faction-ashmarked .class-group-title{color:#d0876a}.class-cards{display:flex;gap:10px}.class-card{flex:1;border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.class-card:hover,.class-card.selected{border-color:var(--accent);background:#d8a03c14}.class-card-head{display:flex;align-items:center;gap:8px}.class-card-icon{width:26px;height:26px;flex:none;border-radius:6px;border:1px solid var(--accent-dim);background:#d8a03c26;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700}.class-card-name{font-weight:600}.class-card-desc{font-size:12px;color:var(--text-dim);line-height:1.35}.tooltip{position:absolute;max-width:260px;padding:8px 12px;font-size:13px;pointer-events:none;z-index:60;display:flex;flex-direction:column;gap:2px}.tooltip.hidden{display:none}.tt-line:first-child{font-weight:600;font-size:14px}.tt-stat{color:var(--health)}.tt-money{color:#ffd76a}.tt-hint{color:var(--text-dim);font-size:11px;font-style:italic;margin-top:2px}.tt-desc{color:#ffd76a;margin-top:2px}.tt-faction-hostile{color:#e05040}.tt-faction-neutral{color:#e8c050}.tt-faction-friendly{color:#50c060}.tt-faction-player{color:#6a9fe8}.context-menu{position:absolute;z-index:70;min-width:150px;padding:4px;display:flex;flex-direction:column;gap:1px}.context-menu.hidden{display:none}.context-menu-item{text-align:left;background:none;border:none;border-radius:5px;padding:6px 10px;font-size:13px;white-space:nowrap}.context-menu-item:hover:not(:disabled),.context-menu-item:focus{background:#ffffff24;outline:none}.context-menu-item.danger{color:#ff8a7a}.character-panel{position:absolute;left:14px;top:90px;width:380px;max-height:75vh;display:flex;flex-direction:column}.cp-head{padding:10px 14px 0}.cp-name{font-weight:700;font-size:16px}.cp-meta{color:var(--text-dim);font-size:12px}.cp-body{display:flex;gap:12px;padding:10px 14px 14px;overflow-y:auto}.cp-doll{flex:1.2;display:flex;flex-direction:column;gap:6px}.cp-slot{display:flex;flex-direction:column;gap:1px;border:1px solid var(--panel-border);border-radius:6px;padding:5px 8px;background:#0000004d}.cp-slot-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.cp-slot-empty{color:var(--text-dim)}.cp-slot-item{cursor:pointer}.cp-slot-item:hover{text-decoration:underline}.cp-stats{flex:1;display:flex;flex-direction:column;gap:3px;font-size:13px}.cp-section{font-weight:600;color:var(--accent);margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.cp-section:first-child{margin-top:0}.cp-stat{display:flex;justify-content:space-between;gap:8px}.cp-stat-value{color:#fff;font-weight:600}.cp-profs{padding:0 14px 12px;font-size:13px;display:flex;flex-direction:column;gap:3px}.vendor-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;max-height:72vh;display:flex;flex-direction:column}.vendor-body{overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.vendor-section{font-weight:600;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.vendor-section:first-child{margin-top:0}.vendor-list{display:flex;flex-direction:column;gap:4px}.vendor-entry{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid var(--panel-border);cursor:pointer;background:#0000004d}.vendor-entry:hover{border-color:#ffffff59}.vendor-price{color:#ffd76a;flex:none}.vendor-empty{color:var(--text-dim);font-size:12px;font-style:italic;padding:2px 8px}.vendor-money{padding:8px 14px 10px;text-align:right;color:#ffd76a;border-top:1px solid var(--panel-border)}.inv-slot.equippable{cursor:pointer}.inv-slot.equippable:hover{border-color:var(--accent)}.system-bar{position:absolute;right:14px;bottom:14px;display:flex;gap:5px;padding:5px 6px}.sys-btn{width:34px;height:30px;padding:0;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.sys-btn.sys-leave:hover:not(:disabled){border-color:var(--danger);color:#ff9a8a}.settings-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;max-height:72vh;display:flex;flex-direction:column}.settings-body{overflow-y:auto;padding:10px 14px 14px;display:flex;flex-direction:column;gap:4px}.settings-section{font-weight:600;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.settings-section:first-child{margin-top:0}.settings-row{display:flex;justify-content:space-between;gap:8px;font-size:13px}.settings-key{color:var(--text-dim);font-family:Consolas,Courier New,monospace;font-size:12px}.settings-toggle{cursor:pointer;align-items:center}.settings-toggle input{accent-color:var(--accent);margin:0}.settings-note{color:var(--text-dim);font-size:11px;font-style:italic;text-align:center}.death-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#3c050573;z-index:30}.death-card{display:flex;flex-direction:column;align-items:center;gap:16px}.death-overlay .death-text{font-size:30px;font-weight:700;color:#ff8a7a;text-shadow:0 2px 8px #000}.ghost-panel{position:absolute;left:50%;top:90px;transform:translate(-50%);width:300px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;align-items:center;z-index:30}.ghost-hint{font-size:13px;color:var(--text-dim);text-align:center}.ghost-corpse-row{display:flex;align-items:center;gap:8px;font-weight:600}.ghost-arrow{display:inline-block;color:#9fd8ff;font-size:16px;transition:transform .15s linear}.ghost-actions{display:flex;gap:8px}.aura-bar{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.aura-bar:empty{display:none}.aura-icon{position:relative;width:20px;height:20px;border-radius:4px;background:#00000073;border:1px solid rgba(120,200,120,.7);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#dff0df;overflow:hidden}.aura-icon.debuff{border-color:#e05040d9;color:#ffd9d2;background:#5a140e80}.aura-sweep{position:absolute;inset:0;pointer-events:none}.aura-time{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;font-size:8px;color:#ffd76a;text-shadow:0 1px 2px #000;pointer-events:none}.aura-overflow{font-size:10px;color:var(--text-dim);font-weight:600}.nameplate .np-cast{position:relative;width:70px;height:4px;border-radius:2px;background:#0009;overflow:visible}.nameplate .np-cast-fill{height:100%;border-radius:2px;background:var(--cast);transform-origin:left}.nameplate .np-cast-name{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:9px;color:var(--cast);text-shadow:0 1px 2px #000;white-space:nowrap}.chat-tabs{display:flex;gap:4px}.chat-tab{padding:1px 10px;font-size:11px;color:var(--text-dim);background:#1012188c;border:1px solid transparent;border-radius:6px 6px 0 0}.chat-tab.active{color:var(--text);background:var(--panel-bg);border-color:var(--panel-border)}.chat-line.combat{color:#cbb8a0}.quest-diff-gray,.quest-tracker .qt-title.quest-diff-gray{color:#9d9d9d}.quest-diff-green,.quest-tracker .qt-title.quest-diff-green{color:#4cc04c}.quest-diff-yellow,.quest-tracker .qt-title.quest-diff-yellow{color:#ffd100}.quest-diff-orange,.quest-tracker .qt-title.quest-diff-orange{color:#ff8040}.quest-diff-red,.quest-tracker .qt-title.quest-diff-red{color:#ff4030}.gossip-rewards-head{font-weight:600;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.gossip-reward-meta{font-size:13px;color:var(--text-dim)}.reward-cards{display:flex;flex-direction:column;gap:4px}.reward-card{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid var(--panel-border);background:#0000004d}.reward-card.selectable{cursor:pointer}.reward-card.selectable:hover{border-color:#ffffff59}.reward-card.selected{border-color:var(--accent);background:#d8a03c1f}.tt-use{color:#4cc04c;margin-top:2px}.tt-flavor{color:var(--text-dim);font-style:italic;margin-top:2px}.inv-slot.usable{cursor:pointer}.inv-slot.usable:hover{border-color:#4cc04c}.settings-slider{cursor:pointer;align-items:center}.settings-slider-wrap{display:flex;align-items:center;gap:6px}.settings-slider input[type=range]{width:110px;padding:0;accent-color:var(--accent)}.minimap{position:absolute;top:14px;right:14px;width:156px;height:156px;z-index:25}.minimap-canvas{width:156px;height:156px;border-radius:50%;border:2px solid var(--panel-border);background:#0a0c1299;box-shadow:0 2px 10px #00000080;display:block}.nameplate .np-rank{font-size:9px;font-weight:700;line-height:1;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 2px #000}.nameplate.rank-elite .np-rank{color:#ffd200}.nameplate.rank-elite .np-hp{border:1px solid rgba(255,210,0,.85);box-shadow:0 0 5px #ffd2008c}.nameplate.rank-rare .np-rank{color:#c9a7ff}.nameplate.rank-rare .np-hp{border:1px solid rgba(190,155,255,.9);box-shadow:0 0 5px #b082ff8c}.unit-rank{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;flex:none}.unit-rank.rank-elite{color:#ffd200}.unit-rank.rank-rare{color:#c9a7ff}.fps-counter{position:absolute;top:10px;right:264px;padding:2px 8px;border-radius:6px;background:#0000008c;color:var(--text-dim);font-size:11px;font-family:Consolas,Courier New,monospace;pointer-events:none;z-index:40}.talents-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:82vh;display:flex;flex-direction:column}.talent-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px 0}.talent-class{font-weight:700}.talent-points{color:var(--accent);font-size:13px}.talent-body{display:flex;gap:12px;padding:12px 16px;overflow-y:auto}.talent-gates{display:flex;flex-direction:column}.talent-gate{display:flex;align-items:center;justify-content:center;width:24px;font-size:11px;font-weight:600;color:var(--text-dim);border-right:1px solid var(--panel-border)}.talent-gate.unlocked{color:var(--accent)}.talent-tree{position:relative}.talent-edge{position:absolute;height:2px;background:#ffffff29;transform-origin:0 50%}.talent-edge.met{background:var(--accent)}.talent-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border-radius:8px;background:#00000080}.talent-node .tn-glyph{font-weight:700;font-size:16px}.talent-node.learnable{border-color:#78cd78b3}.talent-node.maxed{border-color:var(--accent)}.talent-node.maxed .tn-glyph{color:var(--accent)}.talent-node.locked{opacity:.45;cursor:default}.tn-pips{display:flex;gap:3px}.tn-pip{width:6px;height:6px;border-radius:50%;background:#ffffff38}.tn-pip.filled{background:var(--accent)}.talent-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 14px 12px}.talent-cost{font-size:12px;color:var(--text-dim)}.tt-talent{color:var(--accent);font-weight:600}.craft-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;max-height:75vh;display:flex;flex-direction:column}.craft-body{overflow-y:auto;padding:4px 14px 14px}.craft-prof-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}.craft-skill{color:var(--text)}.craft-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:6px 8px;border:1px solid var(--panel-border);border-radius:6px;background:#0000004d}.craft-row.locked{opacity:.5}.craft-info{display:flex;flex-direction:column;gap:2px;min-width:0}.craft-reagents{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-dim)}.craft-reagent.missing{color:#ff7a6a}.craft-req{font-size:11px;color:var(--text-dim);white-space:nowrap;flex:none}.craft-btn{padding:4px 10px;font-size:12px;flex:none}.craft-empty{padding:6px 0;font-size:13px;color:var(--text-dim)}.mail-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;max-height:78vh;display:flex;flex-direction:column}.mail-tabs{display:flex;gap:6px;padding:8px 14px 0}.mail-tab{padding:3px 12px;font-size:12px}.mail-tab.active{border-color:var(--accent);color:var(--accent)}.mail-inbox,.mail-read,.mail-compose{overflow-y:auto;padding:10px 14px 14px;display:flex;flex-direction:column;gap:6px}.mail-empty{padding:6px 0;font-size:13px;color:var(--text-dim)}.mail-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--panel-border);border-radius:6px;background:#0000004d;cursor:pointer}.mail-row:hover{border-color:var(--accent)}.mail-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mail-subject{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row:not(.unread) .mail-subject{font-weight:400;color:var(--text-dim)}.mail-sender{font-size:11px;color:var(--text-dim)}.mail-row-marks{display:flex;align-items:center;gap:6px;flex:none;font-size:11px}.mail-ico-attach{color:#8fd0c8}.mail-ico-money{color:#e8c050}.mail-age{color:var(--text-dim)}.mail-read-head{display:flex;flex-direction:column;gap:2px}.mail-read-body{padding:8px;border:1px solid var(--panel-border);border-radius:6px;background:#0000004d;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.mail-read-money{font-size:13px;color:#e8c050}.mail-read-items{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.mail-read-item{padding:3px 8px;border:1px solid var(--panel-border);border-radius:6px;background:#0000004d}.mail-read-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.mail-text-input,.mail-body-input,.mail-money-input{width:100%;padding:6px 8px;border:1px solid var(--panel-border);border-radius:6px;background:#0006;color:var(--text);font:inherit;font-size:13px}.mail-body-input{min-height:84px;resize:vertical}.mail-money-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.mail-money-row .mail-money-input{width:110px}.mail-attach-head{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);margin-top:4px}.mail-attach-list{display:flex;flex-wrap:wrap;gap:6px}.mail-attach-item{padding:3px 8px;font-size:12px}.mail-attach-item.selected{border-color:var(--accent);background:#e8c05026}.mail-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.mail-postage{font-size:12px;color:var(--text-dim)}.mail-postage.unaffordable{color:#ff7a6a}.hidden{display:none}