:root{--aether-blue: #2f80b8;--daybreak-cyan: #6fd6e0;--veil-gold: #f5a93f;--ember-coral: #e85d4e;--isle-moss: #4c9a6a;--ink-slate: #23324a;--parchment: #fbf3e3;--aether-blue-dim: #2f80b822;--veil-gold-dim: #f5a93f22;--ember-coral-dim: #e85d4e22;--isle-moss-dim: #4c9a6a22;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 22px;--font-display: "Baloo 2", ui-rounded, system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}:root{--rarity-common: #8d90a8;--rarity-uncommon: var(--isle-moss);--rarity-rare: var(--aether-blue);--rarity-epic: #9b6fd6;--rarity-legendary: var(--veil-gold);--rarity-epic-dim: #9b6fd622}.world-ui-root{position:relative;width:1280px;height:720px;pointer-events:none;font-family:sans-serif;color:#e8e8e8}.world-ui-root *{pointer-events:auto}.world-hud{position:absolute;top:8px;left:8px;background:#0a0a10b3;padding:8px 12px;border-radius:6px;font-size:13px}.connection-status{margin-left:12px;font-size:11px}.connection-status[data-status=connected]{color:#7ed957}.connection-status[data-status=reconnecting]{color:#f2c94c}.connection-status[data-status=disconnected]{color:#eb5757}.hud-button-bar{margin-top:6px;display:flex;gap:4px}.hud-button-bar button{font-size:11px;padding:3px 8px;cursor:pointer}.chat-log{margin-top:6px;max-height:100px;overflow-y:auto;font-size:11px;width:260px}.combat-hud{position:absolute;top:8px;right:8px;background:#0a0a10b3;padding:8px 12px;border-radius:6px;width:200px}.combat-hp-bar-track{background:#222;height:8px;border-radius:4px;margin:4px 0}.combat-hp-bar-fill{background:#4caf50;height:8px;border-radius:4px}.combat-skill-bar{display:flex;gap:4px;margin-top:6px}.panel{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0f0f18f2;border:1px solid #3a3a4a;border-radius:8px;padding:16px;min-width:340px;max-height:560px;overflow-y:auto}.panel h3{margin-top:0}.panel-error{color:#eb5757}.stat-row,.skill-row,.job-row,.auction-row,.mail-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #2a2a38;font-size:13px}.inventory-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inventory-cell{border:1px solid #333;border-radius:4px;padding:6px;text-align:center;font-size:11px}.equipment-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.equipment-slot{border:1px solid #333;border-radius:4px;padding:6px;font-size:12px}.economy-tab-bar{display:flex;gap:6px;margin-bottom:10px}.economy-tab-bar button.active{background:#4a4a6a}form input,form label{display:block;margin:8px 0;width:240px}form button{margin-top:8px;cursor:pointer}.character-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}