:root{color-scheme:dark;--bg-dark: #14151a;--bg-panel: #1f212b;--border: #3a3d4d;--text-light: #e8e4d8;--text-muted: #9a9a92;--accent: #4a90d9;--danger: #d95c4a;--success: #6fae5a}html,body{margin:0;height:100%;background:var(--bg-dark);font-family:Segoe UI,system-ui,sans-serif;color:var(--text-light)}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}#ui-root>*{pointer-events:auto}.auth-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0b0fe6;overflow:auto}.auth-form{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:32px;width:360px;display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted)}.auth-form-links{display:flex;justify-content:space-between;font-size:13px}.auth-link-disabled{color:var(--text-muted);cursor:not-allowed;text-decoration:line-through}background: #14151a; border: 1px solid var(--border); border-radius: 4px; padding: 8px; color: var(--text-light); } .checkbox-row{flex-direction:row!important;align-items:center;gap:8px!important}.btn-primary,.btn-secondary,.btn-danger{border:none;border-radius:4px;padding:10px 16px;cursor:pointer;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--border);color:var(--text-light)}.btn-danger{background:var(--danger);color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.is-loading{opacity:.7;cursor:wait}.auth-error-banner{background:#d95c4a26;border:1px solid var(--danger);border-radius:4px;padding:8px 12px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.auth-error-retry{background:none;border:1px solid var(--danger);color:var(--danger);border-radius:4px;padding:2px 8px;cursor:pointer}.char-select{width:480px}.char-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.char-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:12px 16px}.game-panel{position:absolute;top:80px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:20px;min-width:420px;max-height:70vh;overflow-y:auto}.stat-grid{display:grid;grid-template-columns:1fr;gap:6px}.stat-row{display:flex;align-items:center;gap:10px}.stat-label{width:40px;color:var(--text-muted)}.stat-value{width:40px;text-align:right}.paper-doll{position:relative;width:320px;height:280px}.equip-slot{position:absolute;width:80px;height:60px;border:1px dashed var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);text-align:center}.skill-tree-canvas{position:relative;width:100%;height:320px;overflow:auto}.skill-tree-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.skill-node{position:absolute;width:60px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;border:1px solid var(--border)}.skill-node--locked{background:#26262e;color:var(--text-muted)}.skill-node--unlockable{background:#2c3a4a;color:var(--text-light);cursor:grab}.skill-node--unlocked{background:var(--success);color:#10230f;cursor:grab}.hotbar{display:flex;gap:6px;margin-top:16px}.hotbar-slot{width:44px;height:44px;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;position:relative}.item-tooltip{position:absolute;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px;font-size:12px;z-index:100}.stat-diff--up{color:var(--success)}.stat-diff--down{color:var(--danger)}.requirement-list{list-style:none;padding:0}.requirement-item{padding:4px 0}.requirement-item--done .requirement-icon{color:var(--success)}.requirement-item--pending .requirement-icon{color:var(--danger)}.world-hud-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.minimap{position:absolute;top:16px;right:16px;width:160px;height:160px;border-radius:50%;border:2px solid var(--border);background:radial-gradient(circle,#1a2130 0%,var(--bg-dark) 80%);pointer-events:auto}.minimap-you{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 6px #fff}.minimap .blip{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%)}.minimap .blip.ally{background:var(--accent);box-shadow:0 0 4px var(--accent)}.minimap .blip.mob{background:var(--danger);box-shadow:0 0 4px var(--danger)}.notif-feed{position:absolute;bottom:16px;right:16px;width:260px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.toast{background:#1f212beb;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:8px 12px;font-size:12.5px;animation:toast-in .25s ease-out}.toast.loot{border-left-color:#e8b23d}.toast.kill{border-left-color:var(--danger)}.toast.levelup{border-left-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.combat-hud-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.target-frame{position:absolute;top:16px;left:50%;transform:translate(-50%);width:260px;background:#14151ae6;border:1px solid var(--border);border-radius:8px;padding:8px 12px;pointer-events:auto}.target-name{font-size:13px;font-weight:600;margin-bottom:6px}.hp-bar{height:8px;border-radius:4px;background:#00000080;border:1px solid var(--border);overflow:hidden}.hp-bar .fill{height:100%;background:linear-gradient(90deg,var(--danger),#8a2626);width:100%;transition:width .2s}.dmg-feed{position:absolute;top:30%;left:0;right:0;height:120px;pointer-events:none}.dmg-num{position:absolute;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);animation:dmg-float .9s ease-out forwards;font-size:18px}.dmg-num.crit{color:#ffd84a;font-size:28px}.dmg-num.miss,.dmg-num.rejection{color:var(--text-muted);font-style:italic;font-size:14px}@keyframes dmg-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.death-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#060408db;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.death-screen h2{color:var(--danger);letter-spacing:2px;margin-bottom:16px}.respawn-btn{padding:10px 20px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-light);cursor:pointer}.skill-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto}.skill-slot{width:44px;height:44px;border-radius:6px;background:var(--bg-panel);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;position:relative}.skill-slot:hover{border-color:var(--accent)}.skill-slot .keybind{position:absolute;top:2px;left:4px;font-size:9px;color:var(--text-muted)}.skill-slot.on-cooldown{opacity:.4;pointer-events:none}.inventory-grid-panel{position:absolute;top:100px;right:16px;width:340px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px}.panel-header{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between}.inv-capacity{color:var(--text-muted);font-weight:400}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.inv-slot{aspect-ratio:1;border-radius:5px;background:#ffffff05;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:grab;position:relative}.inv-slot.empty{cursor:default;opacity:.4}.inv-slot.equipped{box-shadow:0 0 0 1px var(--accent) inset}.inv-slot.dragging{opacity:.35}.inv-slot.dragover{border-color:#fff}.inv-qty{position:absolute;bottom:0;right:2px;font-size:9px;color:var(--text-muted)}.inv-tooltip,.inv-ctx-menu{position:fixed;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:12px;z-index:200;pointer-events:none}.inv-ctx-menu{pointer-events:auto;padding:4px}.inv-ctx-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-light);padding:6px 10px;cursor:pointer;border-radius:4px}.inv-ctx-menu button:hover{background:#4a90d926}.inv-tooltip-name{font-weight:600}.inv-tooltip-grade{color:var(--text-muted);font-size:10px;margin-bottom:4px}.inv-tooltip-stat{color:var(--accent)}.inv-tooltip-sell{color:#e8b23d;margin-top:4px}.grade-common{color:var(--text-light)}.grade-rare{color:#5a8fe0}.grade-epic{color:#a17ee0}.grade-legendary{color:#e8b23d}.economy-panel{position:absolute;top:100px;left:50%;transform:translate(-50%);width:420px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px}.econ-tabs{display:flex;border-bottom:1px solid var(--border)}.econ-tab{flex:1;padding:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px}.econ-tab.active{color:var(--text-light);border-bottom:2px solid var(--accent)}.mail-badge{color:var(--accent)}.econ-body{padding:12px;max-height:360px;overflow-y:auto}.ah-filters input{width:100%;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-light);border-radius:6px;padding:7px 10px;font-size:12px;margin-bottom:10px}.ah-row,.mail-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:#ffffff05;margin-bottom:6px;font-size:12px}.mail-row.unread{border-left:3px solid var(--accent)}.ah-actions,.mail-att{display:flex;align-items:center;gap:6px}.ah-bid-btn,.ah-buyout-btn,.mail-claim-btn,.mail-delete-btn{border:1px solid var(--border);background:none;color:var(--text-light);border-radius:5px;padding:4px 10px;font-size:11px;cursor:pointer}.ah-buyout-btn{border-color:#e8b23d;color:#e8b23d}.econ-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}