.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-primary);padding:20px}.screen-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:12px;padding:32px;width:100%;max-width:400px}.screen-title{font-size:28px;font-weight:600;color:var(--color-text-primary);text-align:center;margin-bottom:8px}.screen-subtitle{font-size:14px;color:var(--color-text-secondary);text-align:center;margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;color:var(--color-text-primary);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;background-color:var(--color-bg-tertiary);border:1px solid transparent;border-radius:6px;color:var(--color-text-primary);font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ff44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.submit-btn{width:100%;padding:14px;background-color:var(--color-accent);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.screen-link{display:block;text-align:center;margin-top:20px;color:var(--color-text-secondary);font-size:14px}.screen-link a{color:var(--color-accent);text-decoration:none}.screen-link a:hover{text-decoration:underline}.welcome-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.welcome-btn{padding:14px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:center;text-decoration:none}.welcome-btn-primary{background-color:var(--color-accent);color:#fff;border:none}.welcome-btn-primary:hover{background-color:var(--color-accent-hover)}.welcome-btn-secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-bg-tertiary)}.welcome-btn-secondary:hover{background-color:var(--color-bg-tertiary)}.game-logo{font-size:48px;font-weight:700;color:var(--color-accent);text-align:center;margin-bottom:8px;letter-spacing:2px}.character-select-container{max-width:1200px;margin:0 auto;padding:40px 20px}.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.character-card{background-color:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:12px;padding:20px;cursor:pointer;transition:border-color .2s,transform .2s}.character-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.character-card:active{transform:translateY(0)}.character-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.character-name{font-size:20px;font-weight:600;color:var(--color-text-primary)}.character-level{font-size:14px;color:var(--color-accent);font-weight:500}.character-faction{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px;text-transform:capitalize}.character-last-played{font-size:12px;color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-title{font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.empty-state-description{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px;max-width:400px}.character-actions{display:flex;justify-content:center;margin-top:32px}.character-create-card{max-width:600px;margin:0 auto}.form-hint{font-size:12px;color:var(--color-text-secondary);margin-top:6px}.faction-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.faction-card{cursor:pointer;position:relative;display:block}.faction-radio{position:absolute;opacity:0;width:0;height:0}.faction-card-content{background-color:var(--color-bg-tertiary);border:2px solid var(--color-bg-tertiary);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.faction-card:hover .faction-card-content{border-color:var(--color-accent)}.faction-radio:checked+.faction-card-content{border-color:var(--color-accent);background-color:#7b68ee1a}.faction-radio:focus-visible+.faction-card-content{outline:2px solid var(--color-accent);outline-offset:2px}.faction-indicator{width:100%;height:4px;border-radius:2px}.faction-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.faction-description{font-size:12px;color:var(--color-text-secondary)}@media (max-width: 500px){.faction-options{grid-template-columns:1fr}}.error-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1100}.error-modal{background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-danger, #ff4444);border-radius:12px;padding:32px;max-width:400px;width:90%;text-align:center}.error-modal-icon{font-size:48px;margin-bottom:16px;color:var(--color-danger, #ff4444)}.error-modal-message{font-size:18px;color:var(--color-text-primary, #fff);margin-bottom:8px;line-height:1.4}.error-modal-code{font-size:14px;color:var(--color-text-secondary, #888);margin-bottom:24px}.error-modal-button{padding:12px 24px;background:var(--color-accent, #00bfff);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s}.error-modal-button:hover{background:var(--color-accent-hover, #0099cc)}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1050}.reconnect-modal{background:#000000e6;border:1px solid #444;border-radius:8px;padding:24px 32px;pointer-events:auto}.reconnect-text{font-size:18px;color:#fff;display:flex;align-items:center;gap:4px}.reconnect-dots{min-width:24px;text-align:left}.reconnect-attempt{font-size:14px;color:var(--color-text-secondary, #888);margin-top:8px;text-align:center}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:32px;z-index:1000}.loading-stage-text{font-size:24px;font-weight:600;color:var(--color-text-primary, #fff)}.loading-progress-container{width:400px;height:24px;background-color:#222;border-radius:12px;overflow:hidden;border:2px solid #444}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#00bfff,#4c4);transition:width .3s ease}.loading-percentage{font-size:18px;opacity:.7}.loading-tip{max-width:500px;text-align:center;font-size:16px;opacity:.8;font-style:italic;margin-top:32px;min-height:50px;display:flex;align-items:center;justify-content:center}.connection-indicator{position:fixed;top:10px;right:10px;display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 12px;border-radius:6px;font-size:14px;color:#fff;z-index:999}.connection-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.connection-latency-bars{display:flex;gap:2px;align-items:flex-end;height:16px}.connection-latency-bar{width:4px;border-radius:1px;transition:background-color .2s}.connection-latency-bar:nth-child(1){height:4px}.connection-latency-bar:nth-child(2){height:8px}.connection-latency-bar:nth-child(3){height:12px}.connection-latency-bar:nth-child(4){height:16px}.connection-latency-bar.inactive{background-color:#444}.connection-latency-ms{font-size:12px;opacity:.8;min-width:40px}.connection-status-text{font-size:12px;opacity:.9}.chunk-loading-indicator{position:fixed;bottom:210px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#000000b3;border-radius:4px;font-size:12px;color:#aaa;z-index:100;opacity:0;transition:opacity .3s ease .2s;pointer-events:none}.chunk-loading-indicator.visible{opacity:1;transition-delay:0s}.chunk-loading-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#4c4;border-radius:50%;animation:spin 1s linear infinite}.ability-tooltip{background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:8px;padding:12px;max-width:280px;z-index:2000;font-size:.875rem;box-shadow:0 4px 16px #0009,0 0 1px #7b68ee4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ability-tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ability-tooltip-icon{width:32px;height:32px;border-radius:4px;flex-shrink:0}.ability-tooltip-title{display:flex;flex-direction:column;gap:4px}.ability-tooltip-name{font-weight:700;font-size:1rem}.ability-tooltip-category{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;color:#fff;width:fit-content}.ability-tooltip-description{color:var(--color-text);margin-bottom:10px;line-height:1.4}.ability-tooltip-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-bg-tertiary)}.ability-tooltip-stat{display:flex;flex-direction:column;gap:2px;min-width:70px}.ability-tooltip-stat-label{color:var(--color-text-muted);font-size:.65rem;text-transform:uppercase}.ability-tooltip-stat-value{color:var(--color-text);font-weight:600}.ability-tooltip-effects{background-color:#0003;margin:0 -12px -12px;padding:8px 12px 12px;border-radius:0 0 8px 8px}.ability-tooltip-effects-header{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ability-tooltip-effect{font-size:.8rem;color:#8d8;padding:2px 0}.action-bar{display:flex;gap:4px;padding:8px;background:var(--color-bg-panel);border-radius:4px;border:1px solid var(--color-border)}.ability-slot{position:relative;width:48px;height:48px;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:4px;cursor:grab;overflow:hidden;transition:transform var(--transition-hover),opacity var(--transition-hover),border-color var(--transition-hover),filter var(--transition-hover)}.ability-slot:hover:not(.ability-slot--disabled):not(.ability-slot--empty):not(.ability-slot--dragging){border-color:var(--color-accent);filter:brightness(1.15);transform:translateY(-2px)}.ability-slot:active:not(.ability-slot--disabled):not(.ability-slot--empty){transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.ability-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ability-slot--empty{cursor:default;opacity:.5}.ability-slot--disabled{cursor:not-allowed}.ability-slot--dragging{opacity:.5;border-color:var(--color-accent);cursor:grabbing}.ability-slot--drag-overlay{opacity:.9;transform:scale(1.08);box-shadow:0 4px 16px #00000080;border-color:var(--color-accent);cursor:grabbing;animation:drag-pulse .8s ease-in-out infinite}@keyframes drag-pulse{0%,to{transform:scale(1.08);box-shadow:0 4px 16px #00000080}50%{transform:scale(1.12);box-shadow:0 6px 20px #0009}}.ability-key{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;color:var(--color-text-dim);z-index:3;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.ability-icon{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px}.ability-cooldown-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px;z-index:2;pointer-events:none}.ability-no-energy{position:absolute;top:0;left:0;right:0;bottom:0;background:#6464c866;z-index:2;pointer-events:none}.ability-slot--drop-target{border-color:var(--color-accent);background:#44aaff26;box-shadow:0 0 8px #4af6}.ability-slot--can-receive{border-color:var(--color-success, #4caf50);background:#4caf501a}.cast-bar{position:absolute;bottom:180px;left:50%;transform:translate(-50%);width:300px;pointer-events:auto;z-index:9999}.cast-bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text, #ccc);margin-bottom:2px}.cast-bar-track{height:16px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden;cursor:pointer}.cast-bar-fill{height:100%;background:linear-gradient(90deg,#4af,#8cf);border-radius:2px}.game-shortcuts{display:flex;flex-direction:column;gap:4px}.game-shortcut-btn{width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);border:1px solid #3a3a4a;border-radius:6px;cursor:pointer;transition:all .2s;padding:2px}.game-shortcut-btn:hover{background-color:#2a2a3a;border-color:var(--color-accent)}.game-shortcut-btn span{font-size:14px;font-weight:600;color:var(--color-text-primary)}.game-shortcut-btn label{font-size:7px;color:var(--color-text-secondary);margin-top:1px;text-transform:uppercase}.target-frame{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;background:#000000d9;border-radius:4px;padding:8px 12px;min-width:200px;transition:box-shadow .1s ease}.target-frame-flash{box-shadow:0 0 20px #f00c,inset 0 0 10px #ff00004d}.target-frame-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid}.target-frame-level{font-size:12px;font-weight:700;color:#fff;padding:2px 6px;border-radius:3px;min-width:24px;text-align:center}.target-frame-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.target-frame-health-container{position:relative;height:18px;background:#1a1a1a;border-radius:2px;overflow:hidden}.target-frame-health-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to bottom,#4c4,#2d8f2d);transition:width .2s ease}.target-frame-health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;white-space:nowrap}.combat-log{position:absolute;bottom:220px;left:20px;width:320px;max-height:200px;background:#000000bf;border:1px solid var(--color-bg-tertiary, #3a3a4a);border-radius:4px;display:flex;flex-direction:column;pointer-events:auto}.combat-log-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--color-bg-tertiary, #3a3a4a);background:#0000004d}.combat-log-title{font-size:12px;font-weight:600;color:var(--color-text-primary, #e0e0e0);text-transform:uppercase;letter-spacing:.5px}.combat-log-hint{font-size:10px;color:var(--color-text-secondary, #888)}.combat-log-entries{flex:1;overflow-y:auto;padding:6px 10px;font-size:12px;line-height:1.5}.combat-log-empty{color:var(--color-text-secondary, #888);font-style:italic;text-align:center;padding:20px 0}.combat-log-entry{margin-bottom:4px}.combat-log-entry-dealt{color:var(--color-text-primary, #e0e0e0)}.combat-log-entry-received{color:#f88}.combat-log-timestamp{color:var(--color-text-secondary, #888);margin-right:6px}.combat-log-target{font-weight:600;color:var(--color-accent, #4da6ff)}.combat-log-damage{font-weight:700}.combat-log-entry-dealt .combat-log-damage{color:#fff}.combat-log-entry-received .combat-log-damage{color:#f44}.combat-log-critical{color:#fc0!important;text-shadow:0 0 4px rgba(255,204,0,.5)}.combat-log-killed{color:#4f4;font-weight:600}.combat-log-entries::-webkit-scrollbar{width:6px}.combat-log-entries::-webkit-scrollbar-track{background:transparent}.combat-log-entries::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary, #3a3a4a);border-radius:3px}.combat-log-entries::-webkit-scrollbar-thumb:hover{background:var(--color-accent, #4da6ff)}.buff-bar{display:flex;flex-direction:row;gap:4px;margin-top:8px;max-width:200px;flex-wrap:wrap}.buff-icon{position:relative;width:32px;height:32px;border-radius:4px;border:2px solid var(--color-border, #444);cursor:pointer;transition:opacity .3s,transform .2s}.buff-icon:hover{transform:scale(1.1);z-index:10}.buff-icon.expiring{animation:buff-pulse .8s infinite}@keyframes buff-pulse{0%,to{opacity:1;border-color:var(--color-border, #444)}50%{opacity:.6;border-color:#f66}}.buff-duration{position:absolute;bottom:1px;right:2px;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px black,-1px -1px 2px black;pointer-events:none}.buff-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;margin-bottom:4px;border:1px solid var(--color-border, #444)}.buff-tooltip-name{font-weight:700;margin-bottom:2px}.buff-tooltip-stat{color:#8f8}.buff-tooltip-stat.negative{color:#f88}.hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud>*{pointer-events:auto}.hud-top-left{position:absolute;top:20px;left:20px;width:250px}.player-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.player-name{font-size:18px;font-weight:600;color:var(--color-text-primary)}.player-level{font-size:14px;color:var(--color-accent)}.health-bar,.energy-bar,.xp-bar{height:24px;background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:4px;overflow:hidden;position:relative;margin-bottom:6px}.health-bar-fill{height:100%;background:linear-gradient(90deg,#c33,#f44);transition:width .3s ease}.energy-bar-fill{height:100%;background:linear-gradient(90deg,#08a,#00bfff);transition:width .3s ease}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#6b5acd,#7b68ee);transition:width .3s ease}.health-text,.energy-text,.xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.hud-bottom-area{position:absolute;bottom:20px;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 20px;pointer-events:none}.hud-bottom-area>*{pointer-events:auto}.action-bars-container{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:4px}.hud-bottom-area .game-shortcuts{grid-column:3;justify-self:end;align-self:end;margin-right:200px;margin-bottom:0}.hud-minimap{position:absolute;bottom:20px;right:20px;width:180px;height:180px;pointer-events:none}.biome-indicator{position:absolute;bottom:210px;right:20px;display:flex;align-items:center;justify-content:center;gap:10px;width:180px;padding:10px 14px;background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:6px}.biome-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.biome-name{font-size:16px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;text-align:center}.credits-display{display:flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;background:var(--color-bg-secondary);border-radius:4px;font-size:.9rem;font-weight:600;color:gold}.credits-icon{font-size:1rem;color:gold;flex-shrink:0}.stats-section{display:flex;gap:12px;margin-top:8px;padding:6px 10px;background:var(--color-bg-secondary);border-radius:4px;font-size:.85rem}.stat-row{display:flex;align-items:center;gap:4px}.stat-icon{font-size:14px;color:var(--color-accent);cursor:help}.stat-value{color:var(--color-text-primary);font-weight:500}.safe-zone-indicator{position:absolute;top:56px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#146428d9;border:2px solid #4ade80;border-radius:4px;z-index:100}.safe-zone-icon{width:16px;height:16px;color:#4ade80}.safe-zone-text{color:#4ade80;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.combat-indicator{position:absolute;top:56px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#b41e1ed9;border:2px solid var(--color-danger, #ff4444);border-radius:4px;animation:combat-pulse 1.5s ease-in-out infinite;z-index:100}.combat-indicator-icon{width:16px;height:16px;color:#fff}.combat-indicator-text{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}@keyframes combat-pulse{0%,to{opacity:1;border-color:var(--color-danger, #ff4444)}50%{opacity:.8;border-color:#f449}}.game-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:all}.game-menu-modal{background:var(--color-bg-panel, #1a1d2e);border:1px solid var(--color-border, #2e3250);border-radius:10px;padding:0;width:60%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #0009}.game-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border, #2e3250)}.game-menu-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text, #e2e8f0);letter-spacing:.05em;text-transform:uppercase}.game-menu-close{background:none;border:none;color:var(--color-text-muted, #8892a4);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.game-menu-close:hover{color:var(--color-text, #e2e8f0);background:#ffffff14}.game-menu-tabs{display:flex;border-bottom:1px solid var(--color-border, #2e3250);padding:0 20px}.game-menu-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px;margin-bottom:-1px;cursor:pointer;color:var(--color-text-muted, #8892a4);font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.game-menu-tab:hover{color:var(--color-text, #e2e8f0)}.game-menu-tab.active{color:var(--color-accent, #6c8eff);border-bottom-color:var(--color-accent, #6c8eff)}.game-menu-content{flex:1;overflow-y:auto;padding:20px}.game-menu-section{margin-bottom:24px}.game-menu-section:last-child{margin-bottom:0}.game-menu-section-title{margin:0 0 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #8892a4)}.game-menu-slider-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.game-menu-slider-label{width:70px;font-size:.875rem;color:var(--color-text, #e2e8f0);flex-shrink:0}.game-menu-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border, #2e3250);border-radius:2px;outline:none;cursor:pointer}.game-menu-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent, #6c8eff);cursor:pointer;transition:background .15s,transform .1s}.game-menu-slider::-webkit-slider-thumb:hover{background:var(--color-accent-hover, #8aaaff);transform:scale(1.15)}.game-menu-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent, #6c8eff);border:none;cursor:pointer}.game-menu-mute-btn{background:none;border:1px solid var(--color-border, #2e3250);border-radius:4px;color:var(--color-text-muted, #8892a4);cursor:pointer;padding:4px 6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.game-menu-mute-btn:hover{color:var(--color-text, #e2e8f0);border-color:var(--color-accent, #6c8eff)}.game-menu-mute-btn.muted{color:var(--color-accent, #6c8eff);border-color:var(--color-accent, #6c8eff)}.game-menu-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.game-menu-toggle-label{font-size:.875rem;color:var(--color-text, #e2e8f0)}.game-menu-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer;flex-shrink:0}.game-menu-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.game-menu-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border, #2e3250);border-radius:22px;transition:background .2s}.game-menu-toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:var(--color-text-muted, #8892a4);border-radius:50%;transition:transform .2s,background .2s}.game-menu-toggle-switch input:checked+.game-menu-toggle-slider{background:var(--color-accent, #6c8eff)}.game-menu-toggle-switch input:checked+.game-menu-toggle-slider:before{transform:translate(18px);background:#fff}.game-menu-about{text-align:center;padding:12px 0}.game-menu-about-title{font-size:1.5rem;font-weight:700;color:var(--color-accent, #6c8eff);margin:0 0 4px}.game-menu-about-version{font-size:.8rem;color:var(--color-text-muted, #8892a4);margin:0 0 12px}.game-menu-about-desc{font-size:.95rem;color:var(--color-text, #e2e8f0);margin:0 0 20px}.game-menu-about-factions{text-align:left;display:inline-block;margin:0 auto 20px}.game-menu-about-factions-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #8892a4);margin:0 0 8px}.game-menu-about-factions ul{margin:0;padding-left:20px;color:var(--color-text, #e2e8f0);font-size:.875rem;line-height:1.8}.game-menu-about-credits{font-size:.8rem;color:var(--color-text-muted, #8892a4);margin:0;font-style:italic}.game-menu-footer{padding:14px 20px;border-top:1px solid var(--color-border, #2e3250);display:flex;justify-content:flex-end;align-items:center;gap:10px}.game-menu-btn-leave{background:none;border:1px solid #e53e3e;color:#e53e3e;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.game-menu-btn-leave:hover{background:#e53e3e;color:#fff}.game-menu-confirm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;width:100%}.game-menu-confirm-text{font-size:.875rem;color:var(--color-text, #e2e8f0)}.game-menu-confirm-actions{display:flex;gap:8px}.game-menu-btn-cancel{background:none;border:1px solid var(--color-border, #2e3250);color:var(--color-text-muted, #8892a4);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:color .15s,border-color .15s}.game-menu-btn-cancel:hover{color:var(--color-text, #e2e8f0);border-color:var(--color-text-muted, #8892a4)}.game-menu-btn-leave-confirm{background:#e53e3e;border:1px solid #e53e3e;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .15s}.game-menu-btn-leave-confirm:hover{background:#c53030}@media (max-width: 768px){.game-menu-modal{width:90%;max-width:90%}}.chat-panel{position:absolute;bottom:100px;left:20px;width:350px;height:300px;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-bg-tertiary);margin-bottom:10px}.chat-header span{font-weight:600;color:var(--color-text-primary)}.close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 5px}.close-btn:hover{color:var(--color-text-primary)}.chat-messages{flex:1;overflow-y:auto;padding-right:5px}.chat-message{margin-bottom:8px;font-size:13px;line-height:1.4}.chat-sender{font-weight:600;margin-right:5px}.channel-zone .chat-sender{color:var(--color-text-primary)}.channel-faction .chat-sender{color:var(--color-accent)}.channel-whisper .chat-sender{color:#f9c}.channel-global .chat-sender{color:#9cf}.channel-system .chat-sender{color:var(--color-warning)}.chat-text{color:var(--color-text-secondary)}.chat-input{display:flex;gap:8px;margin-top:10px}.chat-input input{flex:1;padding:8px 12px;background-color:var(--color-bg-tertiary);border:1px solid #3a3a4a;border-radius:4px;color:var(--color-text-primary);font-size:13px}.chat-input input:focus{outline:none;border-color:var(--color-accent)}.chat-input input::placeholder{color:var(--color-text-secondary)}.chat-input button{padding:8px 16px;background-color:var(--color-accent);border:none;border-radius:4px;color:#fff;font-size:13px;cursor:pointer;transition:background-color .2s}.chat-input button:hover{background-color:var(--color-accent-hover)}.item-tooltip{background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:8px;padding:12px;max-width:280px;z-index:2000;font-size:.875rem;box-shadow:0 4px 16px #0009,0 0 1px #7b68ee4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tooltip-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.tooltip-meta{display:flex;justify-content:space-between;font-size:.75rem;opacity:.8;margin-bottom:.5rem;text-transform:capitalize}.tooltip-description{color:var(--color-text);margin-bottom:.5rem;line-height:1.4}.tooltip-stats{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary);margin-top:8px;padding-top:8px;border-top:1px solid var(--color-bg-tertiary)}.tooltip-bonuses{margin-top:8px;display:flex;flex-direction:column;gap:2px}.tooltip-bonus{font-size:13px;font-weight:500;color:#4aff4a;text-transform:capitalize}.tooltip-comparison{border-top:1px solid var(--color-bg-tertiary);background-color:#0003;margin:8px -12px -12px;padding:8px 12px 12px;border-radius:0 0 8px 8px}.tooltip-comparison-header{font-size:11px;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tooltip-delta{font-size:13px;font-weight:500}.tooltip-delta--positive{color:#4aff4a}.tooltip-delta--negative{color:#ff4a4a}.tooltip-abilities{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-bg-tertiary)}.tooltip-abilities-header{font-size:11px;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tooltip-ability{font-size:13px;font-weight:500;padding:2px 0}.inventory-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;max-height:80vh;display:flex;flex-direction:column}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-bg-tertiary);margin-bottom:10px}.inventory-header span{font-weight:600;color:var(--color-text-primary)}.inventory-header .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 5px}.inventory-header .close-btn:hover{color:var(--color-text-primary)}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.inventory-slot{aspect-ratio:1;background-color:var(--color-bg-tertiary);border:2px solid var(--color-bg-tertiary);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color var(--transition-hover),filter var(--transition-hover),box-shadow var(--transition-hover),transform var(--transition-hover)}.inventory-slot:hover:not(.inventory-slot--empty):not(.inventory-slot--locked){border-color:var(--color-accent);filter:brightness(1.15);box-shadow:0 0 12px #7b68ee66}.inventory-slot:active:not(.inventory-slot--empty):not(.inventory-slot--locked){transform:scale(.98);transition:transform var(--transition-active)}.inventory-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.inventory-slot--empty{opacity:.5;cursor:default;border-style:dashed;border-color:var(--color-text-secondary)}.inventory-slot--empty:hover{border-color:var(--color-text-secondary)}.inventory-slot--filled{border-width:2px;border-style:solid}.inventory-slot--locked{cursor:not-allowed;filter:grayscale(50%);opacity:.6}.inventory-slot--locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;border-radius:inherit;pointer-events:none}.slot-icon{width:70%;height:70%;border-radius:2px}.slot-quantity{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:600;color:var(--color-text-primary);text-shadow:1px 1px 0 #000}.context-menu{position:absolute;background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:4px;padding:4px 0;min-width:100px;z-index:1000;box-shadow:0 4px 12px #00000080}.context-menu button{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:background-color var(--transition-hover),filter var(--transition-hover)}.context-menu button:hover{background-color:var(--color-bg-tertiary);filter:brightness(1.1)}.context-menu button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.inventory-drop-zone{border-radius:4px;transition:background-color .2s,box-shadow .2s}.inventory-drop-zone--over{background-color:#7b68ee1a;box-shadow:inset 0 0 0 2px var(--color-accent)}.equipment-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-height:85vh;display:flex;flex-direction:column}.equipment-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-bg-tertiary);margin-bottom:10px}.equipment-header span{font-weight:600;color:var(--color-text-primary)}.equipment-header .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 5px}.equipment-header .close-btn:hover{color:var(--color-text-primary)}.equipment-layout{display:flex;flex-direction:row;gap:16px}.equipment-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;background:var(--color-bg-tertiary);border-radius:6px}.character-visual{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--color-bg-secondary);width:100%}.character-avatar{width:50px;height:50px;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:28px;color:var(--color-accent)}.character-info{display:flex;flex-direction:column;align-items:center;gap:2px}.character-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.character-level{font-size:11px;color:var(--color-text-secondary)}.slot-group{display:flex;gap:6px;justify-content:center}.slot-group--modules{flex-wrap:wrap;max-width:160px}.equip-slot{width:44px;height:44px;border:2px dashed var(--color-text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default;background:var(--color-bg-secondary);transition:border-color .2s;position:relative;opacity:.6}.equip-slot--large{width:60px;height:60px}.equip-slot-label{font-size:9px;color:var(--color-text-secondary);text-align:center;pointer-events:none}.equip-slot-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.equip-slot--over{border-color:var(--color-accent);border-style:solid;opacity:1}.equip-slot--filled{border-style:solid;cursor:context-menu;opacity:1}.equip-slot--filled .slot-icon{width:75%;height:75%;border-radius:3px;border:2px solid transparent}.equip-slot--large.equip-slot--filled .slot-icon{width:48px;height:48px}.equip-slot--disabled{opacity:.3;cursor:not-allowed}.equip-slot--locked{filter:grayscale(50%);opacity:.5}.modules-hint{font-size:11px;color:var(--color-text-secondary);text-align:center;font-style:italic}.stats-column{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--color-bg-tertiary);border-radius:6px}.stats-section-title{font-size:11px;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.stats-divider{height:1px;background:var(--color-bg-secondary);margin:4px 0}.stat-bar{display:flex;flex-direction:column;gap:3px}.stat-bar-header{display:flex;align-items:center;gap:6px;font-size:12px}.stat-bar-icon{font-size:12px;width:16px;text-align:center}.stat-bar-label{flex:1;color:var(--color-text-secondary)}.stat-bar-value{color:var(--color-text-primary);font-weight:600}.stat-bar-track{height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-row-compact{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:12px}.stat-icon-small{font-size:12px;width:16px;text-align:center}.stat-label-compact{flex:1;color:var(--color-text-secondary)}.stat-value-compact{color:var(--color-text-primary);font-weight:600}.char-stat-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}.char-stat-icon{font-size:14px;width:18px;color:var(--color-accent);flex-shrink:0}.char-stat-label{flex:1;color:var(--color-text-secondary)}.char-stat-total{color:var(--color-text-primary);font-weight:600;min-width:28px;text-align:right}.char-stat-breakdown{font-size:10px;color:var(--color-text-secondary);min-width:50px}.stats-loading{font-size:12px;color:var(--color-text-secondary);font-style:italic;text-align:center;padding:20px 0}.abilities-panel{position:fixed;top:50%;right:20px;transform:translateY(-50%);width:280px;max-height:70vh;display:flex;flex-direction:column}.abilities-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-bg-tertiary);margin-bottom:10px}.abilities-header span{font-weight:600;color:var(--color-text-primary)}.abilities-header .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 5px}.abilities-header .close-btn:hover{color:var(--color-text-primary)}.abilities-content{flex:1;overflow-y:auto}.abilities-hint{font-size:11px;color:var(--color-text-secondary);font-style:italic;margin:0 0 12px;text-align:center}.abilities-empty{font-size:12px;color:var(--color-text-secondary);text-align:center;padding:20px}.abilities-category{margin-bottom:16px}.abilities-category-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:4px;margin-bottom:8px}.abilities-category--offensive{background:#c443;color:#c44}.abilities-category--defensive{background:#48c3;color:#48c}.abilities-category--utility{background:#4c83;color:#4c8}.abilities-grid{display:flex;flex-direction:column;gap:6px}.abilities-slot{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-bg-tertiary);border-radius:6px;border:1px solid transparent;transition:border-color .2s,background-color .2s}.abilities-slot:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.abilities-slot-icon{width:32px;height:32px;border-radius:4px;flex-shrink:0}.abilities-slot-name{font-size:13px;font-weight:500;color:var(--color-text-primary)}.quest-log-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-height:80vh;display:flex;flex-direction:column;z-index:100}.quest-log-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-bg-tertiary);margin-bottom:10px}.quest-log-header span{font-weight:600;color:var(--color-text-primary)}.quest-log-header .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 5px}.quest-log-header .close-btn:hover{color:var(--color-text-primary)}.quest-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--color-border, #333);padding-bottom:4px}.quest-tab{padding:8px 16px;background:var(--color-bg-secondary, #1a1a1a);border:1px solid var(--color-bg-tertiary, #333);border-bottom:none;color:var(--color-text-secondary, #888);cursor:pointer;border-radius:4px 4px 0 0;font-size:13px;transition:background-color var(--transition-hover),color var(--transition-hover),border-color var(--transition-hover),transform var(--transition-hover),filter var(--transition-hover)}.quest-tab:hover:not(.quest-tab--active){background:var(--color-bg-tertiary, #2a2a2a);transform:translateY(-2px);filter:brightness(1.1)}.quest-tab:active:not(.quest-tab--active){transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.quest-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quest-tab--active{background:var(--color-bg-primary, #222);color:var(--color-text-primary, #fff);border-color:var(--color-accent, #7b68ee);border-bottom:2px solid var(--color-accent, #7b68ee)}.quest-tab-content{max-height:500px;overflow-y:auto;padding-right:4px}.quest-tab-content::-webkit-scrollbar{width:6px}.quest-tab-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.quest-tab-content::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:3px}.quest-tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.quest-empty-message{text-align:center;color:var(--color-text-secondary, #888);padding:32px 16px;font-size:13px;line-height:1.5}.quest-item{background:var(--color-bg-secondary, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:6px;padding:12px;margin-bottom:12px}.quest-item--completed{opacity:.7;border-color:var(--color-success, #44cc44)}.quest-item-name{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--color-text-primary, #fff)}.quest-item-desc{margin:0 0 10px;font-size:12px;color:var(--color-text-secondary, #888);line-height:1.4}.quest-objectives{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding-left:8px;border-left:2px solid var(--color-bg-tertiary, #333)}.quest-objective{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-secondary, #888);padding:2px 0}.quest-objective--complete{color:var(--color-success, #44cc44)}.quest-objective--complete .objective-text{text-decoration:line-through}.quest-objective--complete:before{content:"✓ ";font-weight:700;margin-right:4px}.objective-text{flex:1}.objective-progress{font-family:monospace;font-size:11px;font-weight:600;margin-left:8px}.quest-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}.quest-action-btn{padding:6px 12px;border:1px solid var(--color-bg-tertiary, #333);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;background:var(--color-bg-tertiary, #2a2a2a);color:var(--color-text-primary, #fff);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-hover),border-color var(--transition-hover),transform var(--transition-hover),filter var(--transition-hover)}.quest-action-btn:hover{background:var(--color-bg-secondary, #1a1a1a);transform:translateY(-1px);filter:brightness(1.15)}.quest-action-btn:active{transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.quest-action-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quest-action-btn--tracked{background:var(--color-accent, #7b68ee);color:var(--color-bg-primary, #000);border-color:var(--color-accent, #7b68ee)}.quest-action-btn--tracked:hover{background:var(--color-accent-hover, #6a58dd)}.quest-action-btn--danger{color:#f66;border-color:#f66}.quest-action-btn--danger:hover{background:#ff66661a;border-color:#f88}.quest-ready-indicator{font-size:12px;color:var(--color-success, #44cc44);font-weight:600;padding:4px 8px;background:#44cc441a;border-radius:4px}.quest-completion-date{margin:0;font-size:11px;color:var(--color-text-secondary, #888);font-style:italic}.npc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;align-items:center;justify-content:center;background:var(--modal-backdrop-tint);backdrop-filter:var(--modal-backdrop-blur);-webkit-backdrop-filter:var(--modal-backdrop-blur);isolation:isolate;opacity:0;transition:opacity var(--transition-modal);pointer-events:none}.npc-modal-overlay--visible{opacity:1;pointer-events:auto}@supports not (backdrop-filter: blur(10px)){.npc-modal-overlay{background:#0a0a0ff2}}.npc-modal{width:700px;max-height:80vh;display:flex;flex-direction:column;z-index:100;box-shadow:var(--shadow-modal)}.npc-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-bg-tertiary);margin-bottom:10px}.npc-modal-header span{font-weight:600;color:var(--color-text-primary)}.npc-modal-header .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 5px}.npc-modal-header .close-btn:hover{color:var(--color-text-primary)}.npc-modal-content{display:flex;flex-direction:column;gap:16px}.npc-portrait-section{display:flex;gap:12px;align-items:center}.npc-portrait{width:64px;height:64px;border-radius:8px;border:2px solid var(--color-bg-tertiary);flex-shrink:0}.npc-identity{display:flex;flex-direction:column;gap:2px}.npc-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.npc-type{font-size:12px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.npc-title,.npc-role{font-size:11px;color:var(--color-text-secondary);font-style:italic}.npc-dialogue{background:var(--color-bg-tertiary);border-radius:6px;padding:12px 14px}.npc-dialogue-text{font-size:13px;color:var(--color-text-primary);line-height:1.5;margin:0;font-style:italic}.npc-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.npc-action-btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--transition-hover),filter var(--transition-hover),background-color var(--transition-hover)}.npc-action-btn:hover{transform:translateY(-1px);filter:brightness(1.15)}.npc-action-btn:active{transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.npc-action-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transform:translateY(-1px)}.npc-action-btn--primary{background:var(--color-accent);color:var(--color-bg-primary)}.npc-action-btn--primary:hover{background:var(--color-accent-hover, var(--color-accent))}.npc-action-btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.npc-action-btn--secondary:hover{background:var(--color-bg-secondary)}.npc-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.npc-action-btn:disabled:hover,.npc-action-btn:disabled:active{transform:none;filter:none}.npc-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--color-border, #333);margin-bottom:8px}.npc-tab{padding:8px 16px;background:var(--color-bg-secondary, #1a1a1a);border:1px solid var(--color-bg-tertiary, #333);border-bottom:none;color:var(--color-text-secondary, #888);cursor:pointer;border-radius:4px 4px 0 0;transition:border-color var(--transition-hover),color var(--transition-hover),transform var(--transition-hover),background var(--transition-hover),filter var(--transition-hover)}.npc-tab:hover:not(.npc-tab--active){border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-2px);background:var(--color-bg-tertiary);filter:brightness(1.1)}.npc-tab:active:not(.npc-tab--active){transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.npc-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transform:translateY(-2px)}.npc-tab--active{background:var(--color-bg-primary, #222);color:var(--color-text-primary, #fff);border-bottom:2px solid var(--color-accent, #4a9eff);cursor:default}.npc-quests-tab{display:flex;flex-direction:column;gap:12px;padding:8px;max-height:300px;overflow-y:auto}.npc-quest{display:flex;gap:12px;padding:12px;background:var(--color-bg-secondary, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:4px}.npc-quest-marker{font-size:24px;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.npc-quest--available .npc-quest-marker{color:#fc0;background:#fc03}.npc-quest--ready .npc-quest-marker{color:#0cf;background:#0cf3}.npc-quest-info{flex:1}.npc-quest-name{margin:0 0 4px;font-size:14px;color:var(--color-text, #fff)}.npc-quest-desc{margin:0 0 8px;font-size:12px;color:var(--color-text-secondary, #888)}.npc-quest-rewards{display:flex;gap:8px;margin-bottom:8px}.npc-quest-reward{font-size:11px;padding:2px 6px;background:var(--color-bg-tertiary, #333);border-radius:3px;color:var(--color-accent, #4a9eff)}.npc-quest-objectives{font-size:12px}.npc-quest-objective{color:var(--color-text-secondary, #888);padding:2px 0}.npc-quest-objective--complete{color:#4c4;text-decoration:line-through}.npc-quest--active{border-left:3px solid #888}.npc-empty-message{text-align:center;color:var(--color-text-secondary, #888);padding:20px}.npc-trade-tab{display:flex;flex-direction:column;gap:12px;padding:8px;max-height:400px;overflow-y:auto}.npc-trade-error{background:#dc323233;border:1px solid #dc3232;color:#ff6b6b;padding:8px 12px;margin-bottom:12px;border-radius:4px;text-align:center}.npc-trade-credits{text-align:center;padding:8px;margin-bottom:12px;background:var(--color-bg-tertiary);border-radius:4px}.npc-trade-credits .credits-value{color:gold;font-weight:700}.npc-trade-columns{display:flex;gap:16px}.npc-trade-section{flex:1;min-width:0}.npc-trade-section h3{margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--color-bg-tertiary);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.npc-trade-buy h3{color:#4caf50}.npc-trade-sell h3{color:#ff9800}.npc-trade-items{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.npc-trade-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--color-bg-secondary);border-radius:4px;border:1px solid var(--color-bg-tertiary)}.npc-trade-item-icon{width:32px;height:32px;border-radius:4px;border:2px solid;flex-shrink:0;cursor:pointer}.npc-trade-item.cannot-afford{opacity:.6}.npc-trade-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.npc-trade-item-name{font-weight:500}.npc-trade-item-stock,.npc-trade-item-qty{font-size:11px;color:var(--color-text-secondary)}.npc-trade-item-action{display:flex;align-items:center;gap:8px}.npc-trade-item-price{color:gold;font-weight:700;min-width:60px;text-align:right}.npc-trade-item-price.sell-price{color:#ff9800}.npc-trade-btn{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:transform var(--transition-hover),filter var(--transition-hover),background-color var(--transition-hover)}.npc-trade-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.15)}.npc-trade-btn:active:not(:disabled){transform:scale(.98);transition:transform var(--transition-active)}.npc-trade-btn:focus-visible{outline:2px solid white;outline-offset:2px}.npc-trade-btn:disabled{opacity:.5;cursor:not-allowed}.npc-trade-btn--buy{background:#4caf50;color:#fff}.npc-trade-btn--buy:hover:not(:disabled){background:#45a049}.npc-trade-btn--sell{background:#ff9800;color:#fff}.npc-trade-btn--sell:hover:not(:disabled){background:#f57c00}.npc-trade-empty{text-align:center;padding:20px;color:var(--color-text-secondary);font-style:italic}.npc-expedition-tab{padding:8px}.npc-expedition-info{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.npc-expedition-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.npc-expedition-destination{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border, #333);border-radius:6px;cursor:pointer;transition:all .2s}.npc-expedition-destination:hover:not(.locked):not(:disabled){background:var(--color-bg-hover, #2a2a2a);border-color:var(--color-accent)}.npc-expedition-destination.locked{opacity:.6;cursor:not-allowed}.npc-expedition-destination:disabled{cursor:not-allowed}.dest-name{font-weight:500;flex:1}.dest-tier{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--color-bg-tertiary);margin:0 12px}.npc-expedition-destination.tier-1 .dest-tier{color:#8c8}.npc-expedition-destination.tier-2 .dest-tier{color:#cc4}.npc-expedition-destination.tier-3 .dest-tier{color:#c84}.npc-expedition-destination.tier-4 .dest-tier{color:#c44}.dest-locked{font-size:12px;color:var(--color-error, #cc4444)}.dest-available{font-size:12px;color:var(--color-success, #44cc44)}.quest-tracker{position:fixed;top:110px;right:16px;width:220px;display:flex;flex-direction:column;z-index:50;pointer-events:auto}.quest-tracker-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--color-bg-tertiary, #1e1e2e);border:1px solid var(--color-bg-tertiary, #333);border-radius:4px;cursor:pointer;margin-bottom:4px;transition:border-color var(--transition-hover),filter var(--transition-hover)}.quest-tracker-header:hover{border-color:var(--color-accent, #7b68ee);filter:brightness(1.1)}.quest-tracker-header:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quest-tracker-title{font-size:12px;font-weight:600;color:var(--color-text-primary, #fff)}.quest-tracker-toggle{font-size:10px;color:var(--color-text-secondary, #888);font-family:monospace}.quest-tracker-content{display:flex;flex-direction:column;gap:8px}.tracked-quest{background:var(--color-bg-secondary, #1a1a1a);border:1px solid var(--color-bg-tertiary, #333);border-radius:4px;padding:8px 10px;cursor:pointer;transition:border-color var(--transition-hover),transform var(--transition-hover),filter var(--transition-hover)}.tracked-quest:hover{border-color:var(--color-accent, #7b68ee);transform:translate(-2px);filter:brightness(1.1)}.tracked-quest:active{transform:translate(0) scale(.98);transition:transform var(--transition-active)}.tracked-quest:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tracked-quest-name{font-weight:600;color:var(--color-text-primary, #fff);font-size:13px;margin-bottom:4px}.tracked-quest-objectives{display:flex;flex-direction:column;gap:2px}.tracked-objective{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-text-secondary, #888);line-height:1.3}.tracked-objective--complete{color:var(--color-success, #44cc44)}.tracked-objective--complete .objective-text{text-decoration:line-through}.objective-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:6px}.objective-progress{font-family:monospace;font-size:10px;font-weight:600;flex-shrink:0}.tracked-quest--primary{border-left:3px solid var(--color-accent, #7b68ee);background:#7b68ee14}.tracked-quest--secondary{opacity:.85}.tracked-quest--secondary .tracked-quest-name{font-size:12px}.quest-tracker-overflow{font-size:10px;color:var(--color-text-secondary, #888);text-align:center;padding:4px;font-style:italic}.death-screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1100;pointer-events:auto;animation:fadeIn .3s ease-out}.death-screen{background:var(--color-bg-secondary);border:2px solid var(--color-danger, #cc4444);border-radius:8px;padding:32px 40px;max-width:420px;text-align:center;box-shadow:0 0 40px #cc44444d}.death-screen-warning{font-size:24px;font-weight:700;color:var(--color-danger, #cc4444);margin-bottom:16px;letter-spacing:2px;text-shadow:0 0 10px rgba(204,68,68,.5);animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.death-screen-message{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:28px}.death-screen-options{display:flex;flex-direction:column;gap:12px}.death-screen-button{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px;border:2px solid var(--color-bg-tertiary);border-radius:6px;background:var(--color-bg-tertiary);cursor:pointer;transition:all .2s ease;text-align:left}.death-screen-button:hover:not(:disabled){border-color:var(--color-accent);background:#7b68ee1a}.death-screen-button:active:not(:disabled){transform:scale(.98)}.death-screen-button--disabled{opacity:.5;cursor:not-allowed}.death-screen-button--disabled:hover{border-color:var(--color-bg-tertiary);background:var(--color-bg-tertiary)}.death-screen-button--sos{border-color:#48a}.death-screen-button--sos:hover:not(:disabled){border-color:#6ac;background:#4488aa26}.death-screen-button--reboot.rarity-common{border-color:#888}.death-screen-button--reboot.rarity-rare{border-color:#48f}.death-screen-button--reboot.rarity-epic{border-color:#a4f}.death-screen-button--reboot.rarity-exotic{border-color:#4f8}.death-screen-button--reboot.rarity-legendary{border-color:#fc0}.button-icon{font-size:12px;font-weight:700;color:var(--color-text-secondary);letter-spacing:1px;margin-bottom:4px}.button-label{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.button-desc{font-size:12px;color:var(--color-text-secondary)}.alert-notification-container{position:fixed;top:25%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1200;pointer-events:none}.alert-notification{padding:12px 24px;border-radius:6px;font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:14px;font-weight:500;text-align:center;min-width:200px;max-width:400px;animation:alert-slide-in .3s ease-out,alert-fade-out .5s ease-in 2.5s forwards;box-shadow:0 4px 12px #00000080;border:1px solid}.alert-info{background:#00508cf2;color:#fff;border-color:var(--color-accent, #00a0ff)}.alert-warning{background:#8c6400f2;color:#fff;border-color:#fc0}.alert-error{background:#8c2828f2;color:#fff;border-color:#f44}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-fade-out{0%{opacity:1}to{opacity:0}}.levelup-overlay{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:500;pointer-events:none;animation:levelup-fade 3s ease-in-out forwards}.levelup-notification{background:linear-gradient(135deg,var(--color-bg-panel) 0%,rgba(0,0,0,.9) 100%);border:2px solid var(--color-accent);border-radius:12px;padding:16px 24px;text-align:center;box-shadow:0 0 20px rgba(var(--color-accent-rgb),.4)}.levelup-title{font-size:24px;font-weight:700;color:var(--color-accent);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}.levelup-deltas{display:flex;flex-direction:column;gap:4px}.levelup-delta{font-size:16px;color:#4aff4a;font-weight:500}@keyframes levelup-fade{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.quest-complete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;pointer-events:none;animation:fadeIn .3s ease-out}.quest-complete-modal{position:absolute;left:50%;transform:translate(-50%);pointer-events:auto;cursor:pointer;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border:2px solid var(--color-accent);border-radius:8px;padding:24px 32px;text-align:center;box-shadow:0 0 30px #4caf5066;animation:celebratePop .4s ease-out}.quest-complete-banner{font-size:24px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 10px rgba(76,175,80,.5)}.quest-complete-name{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.quest-complete-rewards{background:#0000004d;border-radius:4px;padding:12px 16px}.rewards-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.rewards-list{display:flex;flex-direction:column;gap:4px}.reward-item{font-size:14px;font-weight:500}.reward-credits{color:gold}.reward-xp{color:#0f8}.reward-item-drop{color:var(--color-text-primary)}@keyframes celebratePop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.lore-codex-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lore-codex-modal{background:var(--color-bg-primary, #1a1a1a);border:2px solid var(--color-accent, #7b68ee);border-radius:8px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.lore-codex-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-bg-tertiary, #333)}.lore-codex-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary, #fff);flex:1}.lore-unread-badge{font-size:12px;color:var(--color-accent, #7b68ee);background:#7b68ee26;padding:4px 10px;border-radius:12px;font-weight:600}.lore-close-btn{background:none;border:none;color:var(--color-text-secondary, #888);font-size:24px;cursor:pointer;padding:0 8px;line-height:1;transition:color var(--transition-hover)}.lore-close-btn:hover{color:var(--color-text-primary, #fff)}.lore-codex-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 20px}.lore-category-tabs{display:flex;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--color-border, #333);padding-bottom:6px;flex-wrap:wrap}.lore-tab{padding:8px 16px;background:var(--color-bg-secondary, #222);border:1px solid var(--color-bg-tertiary, #333);border-bottom:none;color:var(--color-text-secondary, #888);cursor:pointer;border-radius:4px 4px 0 0;font-size:13px;font-weight:500;transition:background-color var(--transition-hover),color var(--transition-hover),border-color var(--transition-hover),transform var(--transition-hover),filter var(--transition-hover)}.lore-tab:hover:not(.active){background:var(--color-bg-tertiary, #2a2a2a);transform:translateY(-2px);filter:brightness(1.1)}.lore-tab:active:not(.active){transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.lore-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lore-tab.active{background:var(--color-bg-primary, #1a1a1a);color:var(--color-text-primary, #fff);border-color:var(--color-accent, #7b68ee);border-bottom:2px solid var(--color-accent, #7b68ee)}.lore-split-view{display:grid;grid-template-columns:280px 1fr;gap:16px;flex:1;min-height:0}.lore-fragment-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.lore-fragment-list::-webkit-scrollbar{width:6px}.lore-fragment-list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.lore-fragment-list::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:3px}.lore-fragment-list::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.lore-fragment-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-bg-secondary, #222);border:1px solid var(--color-bg-tertiary, #333);border-radius:4px;cursor:pointer;transition:background-color var(--transition-hover),border-color var(--transition-hover),transform var(--transition-hover),filter var(--transition-hover)}.lore-fragment-item:hover{background:var(--color-bg-tertiary, #2a2a2a);border-color:var(--color-accent, #7b68ee);transform:translate(4px);filter:brightness(1.1)}.lore-fragment-item:active{transform:translate(2px) scale(.98);transition:transform var(--transition-active)}.lore-fragment-item.selected{background:#7b68ee26;border-color:var(--color-accent, #7b68ee);border-left:3px solid var(--color-accent, #7b68ee)}.lore-fragment-item.unread .lore-fragment-title{font-weight:700;color:var(--color-text-primary, #fff)}.lore-fragment-item.read .lore-fragment-title{font-weight:400;color:var(--color-text-secondary, #888)}.lore-fragment-title{flex:1;font-size:13px;line-height:1.3}.lore-new-badge{font-size:10px;font-weight:700;color:var(--color-accent, #7b68ee);background:#7b68ee33;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.lore-empty{text-align:center;color:var(--color-text-secondary, #888);padding:48px 16px;font-size:13px;line-height:1.5}.lore-fragment-reader{background:var(--color-bg-secondary, #222);border:1px solid var(--color-bg-tertiary, #333);border-radius:6px;padding:20px;overflow-y:auto}.lore-fragment-reader::-webkit-scrollbar{width:6px}.lore-fragment-reader::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.lore-fragment-reader::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:3px}.lore-fragment-reader::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.lore-fragment-reader h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary, #fff)}.lore-category-tag{display:inline-block;font-size:11px;color:var(--color-accent, #7b68ee);background:#7b68ee26;padding:4px 10px;border-radius:12px;margin-bottom:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lore-fragment-content{color:var(--color-text-primary, #fff);font-size:14px;line-height:1.7}.lore-fragment-content p{margin:0 0 12px}.lore-fragment-content p:last-child{margin-bottom:0}.lore-reader-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary, #888);font-size:14px;font-style:italic}.zone-mastery-hud{position:fixed;bottom:16px;left:16px;width:280px;background:var(--color-bg-secondary, #1a1a1a);border:1px solid var(--color-bg-tertiary, #333);border-radius:6px;padding:12px;z-index:50;pointer-events:auto;box-shadow:0 4px 16px #0006}.mastery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mastery-biome{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff)}.mastery-tier{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mastery-progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary, #333);border-radius:4px;overflow:hidden;margin-bottom:6px}.mastery-progress-fill{height:100%;transition:width .3s ease-out;box-shadow:0 0 8px currentColor}.mastery-percentage{font-size:11px;font-weight:600;color:var(--color-text-secondary, #888);text-align:right;margin-bottom:8px;font-family:monospace}.mastery-objectives{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--color-bg-tertiary, #333);padding-top:8px}.mastery-objective{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #888);line-height:1.4}.mastery-objective.complete{color:var(--color-success, #44cc44)}.mastery-objective.complete .objective-text{text-decoration:line-through}.objective-icon{font-family:monospace;font-size:11px;font-weight:700;flex-shrink:0;width:16px;text-align:center}.objective-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objective-count{font-family:monospace;font-size:11px;font-weight:600;flex-shrink:0;color:var(--color-text-primary, #fff)}.mastery-completion-banner{position:fixed;left:50%;transform:translate(-50%);width:400px;max-width:90vw;background:var(--color-bg-primary, #1a1a1a);border:2px solid var(--color-accent, #7b68ee);border-radius:8px;padding:20px 24px;z-index:150;box-shadow:0 8px 32px #0009;cursor:pointer;animation:bannerSlideIn .4s ease-out,bannerFadeOut .3s ease-in 4.7s forwards;pointer-events:auto}@keyframes bannerSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bannerFadeOut{0%{opacity:1}to{opacity:0}}.mastery-completion-banner:hover{filter:brightness(1.1);border-color:var(--color-accent-hover, #8a79ff)}.banner-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:8px;text-shadow:0 2px 8px currentColor}.banner-biome{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);text-align:center;margin-bottom:12px}.banner-rewards{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--color-bg-tertiary, #333);padding-top:12px}.banner-reward{font-size:13px;color:var(--color-text-secondary, #aaa);text-align:center;padding:6px 12px;background:#7b68ee1a;border-radius:4px}.game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.main-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-text-primary)}.main-menu h1{font-size:48px;color:var(--color-accent);margin-bottom:20px;text-shadow:0 0 20px rgba(123,104,238,.5)}.main-menu p{font-size:18px;color:var(--color-text-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.minimap-border{position:absolute;bottom:16px;right:16px;width:188px;height:188px;background:transparent;border:2px solid var(--color-bg-tertiary);border-radius:8px;pointer-events:none;box-shadow:0 0 0 4px var(--color-bg-secondary)}:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #14141f;--color-bg-tertiary: #1e1e2e;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-accent: #7b68ee;--color-accent-hover: #9370db;--color-danger: #ff4444;--color-success: #44ff44;--color-warning: #ffaa44;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-moderate: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in: cubic-bezier(.32, 0, .67, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-hover: var(--duration-normal) var(--ease-out);--transition-active: var(--duration-fast) var(--ease-in);--transition-modal: var(--duration-normal) var(--ease-out);--shadow-0: none;--shadow-1: 0 1px 3px rgba(0, 0, 0, .3);--shadow-2: 0 4px 12px rgba(0, 0, 0, .4);--shadow-3: 0 8px 24px rgba(0, 0, 0, .5);--shadow-4: 0 12px 32px rgba(0, 0, 0, .6);--shadow-panel: var(--shadow-2);--shadow-modal: var(--shadow-4);--shadow-hover: var(--shadow-3);--glass-blur: blur(10px);--glass-tint: rgba(20, 20, 31, .7);--modal-backdrop-blur: var(--glass-blur);--modal-backdrop-tint: var(--glass-tint)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden}.app{width:100vw;height:100vh;position:relative}.game-container{width:100%;height:100%;position:absolute;top:0;left:0}.game-container canvas{display:block}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0fe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.ui-panel{background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:8px;padding:16px;pointer-events:auto}.ui-panel-header{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;border-bottom:1px solid var(--color-bg-tertiary);padding-bottom:8px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;transition:transform var(--transition-hover),filter var(--transition-hover),box-shadow var(--transition-hover),background-color var(--transition-hover)}.btn:hover{transform:translateY(-1px);filter:brightness(1.15);box-shadow:var(--shadow-hover)}.btn:active{transform:translateY(0) scale(.98);transition:transform var(--transition-active)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transform:translateY(-1px);filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.btn:disabled:hover,.btn:disabled:active{transform:none;filter:none;box-shadow:none}@media (hover: none){.btn:hover{transform:none;filter:none}}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover{background-color:#2a2a3a}.health-bar{height:20px;background-color:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.health-bar-fill{height:100%;background:linear-gradient(90deg,#f44,#f66);transition:width .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a3a}@media (prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-moderate: 0ms;--duration-slow: 0ms}}