@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-panel: #0d0d1a;--bg-input: #12121f;--cyan: #00f0ff;--magenta: #ff00aa;--green: #00ff88;--yellow: #ffcc00;--red: #ff3344;--text-primary: #e0e0e8;--text-secondary: #8888aa;--text-dim: #555577;--border-color: #2a2a44;--border-glow: rgba(0, 240, 255, .3);--font-mono: "Share Tech Mono", "Courier New", monospace;--font-ui: "Rajdhani", "Segoe UI", sans-serif;--touch-min: 44px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--neon-cyan: var(--cyan);--neon-magenta: var(--magenta);--neon-gold: var(--yellow);--bg-dark: #0a0a12;--gold: #ffcc00;--purple: #aa00ff}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);font-weight:400;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{text-shadow:0 0 8px var(--cyan)}.form-input{width:100%;padding:10px 14px;background:var(--bg-input, rgba(0, 0, 0, .3));border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--cyan);box-shadow:0 0 8px #00f0ff33}.form-input::placeholder{color:var(--text-dim)}select.form-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300e5ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}select.form-input option{background:var(--bg-secondary);color:var(--text-primary)}textarea.form-input{resize:vertical;min-height:80px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:10px 24px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#00f0ff26,#00f0ff0d);border-color:var(--cyan);color:var(--cyan);text-shadow:0 0 6px rgba(0,240,255,.5)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff4d,#00f0ff1a);box-shadow:0 0 15px #00f0ff4d}.btn-full{width:100%}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:radial-gradient(ellipse at 20% 50%,rgba(0,240,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,0,170,.05) 0%,transparent 50%),var(--bg-primary)}.auth-container{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:32px}.game-title{font-family:var(--font-mono);font-size:2rem;color:var(--cyan);text-shadow:0 0 20px rgba(0,240,255,.5),0 0 40px rgba(0,240,255,.2);letter-spacing:3px;text-transform:uppercase}.game-subtitle{font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem;margin-top:8px;letter-spacing:2px}.auth-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px 24px;box-shadow:0 0 30px #00000080}.auth-form h2{font-family:var(--font-mono);font-size:1.25rem;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;text-align:center}.auth-error{background:#ff33441a;border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:16px;font-size:.9rem;cursor:pointer}.form-group{margin-bottom:18px}.form-group label{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.form-group input{width:100%;min-height:var(--touch-min);padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 8px #00f0ff33}.form-group input::placeholder{color:var(--text-dim)}.field-error{display:block;color:var(--red);font-size:.8rem;margin-top:4px}.auth-link{text-align:center;margin-top:18px;color:var(--text-secondary);font-size:.9rem}.auth-success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:var(--green);padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:16px}.security-question-display{color:var(--cyan);font-family:var(--font-mono);font-size:.9rem;padding:8px 0}.form-select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:.85rem;cursor:pointer}.form-select:focus{border-color:var(--cyan);box-shadow:0 0 8px #00f0ff33;outline:none}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:20px}.error-boundary-content{text-align:center;max-width:500px}.error-boundary-glitch{font-family:var(--font-mono);font-size:2rem;color:var(--red);text-shadow:0 0 20px rgba(255,51,68,.5),2px 2px 0 var(--magenta),-2px -2px 0 var(--cyan);letter-spacing:4px;margin-bottom:8px;animation:glitchText 2s infinite}.error-boundary-code{font-family:var(--font-mono);font-size:.9rem;color:var(--text-dim);margin-bottom:20px}.error-boundary-message{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:28px}.error-boundary-detail{color:var(--text-dim);font-family:var(--font-mono);font-size:.8rem}.error-boundary-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes glitchText{0%,90%,to{transform:none;opacity:1}92%{transform:translate(-2px,1px) skew(-2deg);opacity:.8}94%{transform:translate(2px,-1px) skew(2deg);opacity:.9}96%{transform:translate(-1px,2px);opacity:.7}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary);font-family:var(--font-mono);position:relative}.loading-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,240,255,.03) 2px,rgba(0,240,255,.03) 4px);animation:scanLines .1s linear infinite;pointer-events:none}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.character-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px;transition:border-color .2s}.character-card:hover{border-color:var(--cyan)}.character-info{display:flex;flex-direction:column;gap:2px}.character-name{font-family:var(--font-mono);font-size:1.1rem;color:var(--cyan)}.character-details{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.create-container{width:100%;max-width:800px}.step-indicators{display:flex;justify-content:center;gap:16px;margin-top:12px}.step-dot{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding-bottom:4px;border-bottom:2px solid transparent}.step-dot.active{color:var(--cyan);border-bottom-color:var(--cyan)}.create-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px}.section-title{font-family:var(--font-mono);font-size:1.1rem;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-align:center}.race-grid,.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px}.race-card,.class-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.race-card:hover,.class-card:hover{border-color:var(--cyan)}.race-card.selected,.class-card.selected{border-color:var(--cyan);box-shadow:0 0 12px #00f0ff33,inset 0 0 20px #00f0ff0d}.race-card-header,.class-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.race-icon,.class-icon{font-size:1.5rem}.race-name,.class-name{font-family:var(--font-mono);font-size:1rem;color:var(--text-primary);font-weight:600}.class-role{display:block;font-size:.75rem;color:var(--magenta);text-transform:uppercase;letter-spacing:1px}.race-lore,.class-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.race-stats-preview,.class-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.stat-chip{font-family:var(--font-mono);font-size:.7rem;padding:2px 8px;border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-secondary)}.stat-chip.positive{color:var(--green);background:#00ff881a}.stat-chip.negative{color:var(--red);background:#ff33441a}.race-res-preview{font-size:.72rem;color:var(--text-dim);font-style:italic}.class-skills{font-size:.75rem;color:var(--yellow);font-family:var(--font-mono)}.stat-preview-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.stat-preview-panel h3{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.stat-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.stat-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);width:32px;flex-shrink:0}.stat-bar-fill,.combat-hp-fill,.combat-res-fill,.combat-timer-fill,.resource-fill,.quest-obj-fill,.achievement-progress-fill,.gathering-fill,.profession-xp-fill,.crafting-fill{height:100%;transition:width .3s}.stat-bar-track{flex:1;height:8px;background:#ffffff0d;border-radius:var(--radius-md);overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:var(--radius-md)}.stat-value{font-family:var(--font-mono);font-size:.85rem;width:20px;text-align:right;flex-shrink:0}.stat-bonus{font-family:var(--font-mono);font-size:.7rem;width:30px;flex-shrink:0}.confirm-summary{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.confirm-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.95rem}.confirm-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase}.field-status{display:block;font-size:.8rem;margin-top:4px;font-family:var(--font-mono)}.create-nav{display:flex;justify-content:space-between;margin-top:20px;gap:12px}.character-sheet{max-width:750px;position:relative}.cs-loading{color:var(--text-secondary);font-family:var(--font-mono);padding:40px;text-align:center}.cs-toast{position:fixed;top:60px;right:20px;background:var(--bg-secondary);border:1px solid var(--cyan);color:var(--cyan);padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem;z-index:100;animation:fadeInOut 3s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.cs-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.cs-tab{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;padding:6px 16px;border-radius:var(--radius-md) 4px 0 0;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.cs-tab.active{border-color:var(--cyan);color:var(--cyan);background:#00f0ff0d}.cs-section-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin:16px 0 10px}.cs-character-tab{display:flex;flex-direction:column;gap:16px}.cs-paperdoll-wrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cs-paperdoll-section{flex:0 1 auto}.cs-paperdoll-grid{display:flex;flex-direction:column;gap:4px;align-items:center}.cs-pd-row{display:grid;grid-template-columns:repeat(3,62px);gap:4px}.cs-pd-cell{width:62px;height:62px;display:flex;align-items:center;justify-content:center}.cs-pd-slot{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);gap:1px;position:relative;transition:border-color .15s,box-shadow .15s}.cs-pd-slot.filled{cursor:pointer;border-width:2px}.cs-pd-slot.filled:hover{box-shadow:0 0 8px #00f0ff4d;filter:brightness(1.15)}.cs-pd-slot.empty{opacity:.5}.cs-pd-slot.cyber{background:#aa00ff0f}.cs-pd-slot.cyber.empty{border-color:#a0f3}.cs-pd-icon{font-size:1.1rem;line-height:1}.cs-pd-label{font-family:var(--font-mono);font-size:.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px;text-align:center}.cs-pd-name{font-family:var(--font-mono);font-size:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px;text-align:center;line-height:1}.cs-paperdoll-divider{width:1px;background:var(--border-color);align-self:stretch;margin:0 4px}.cs-stat-summary{margin-top:16px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px}.cs-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cs-stat-row{display:flex;align-items:center;gap:6px}.cs-stat-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);width:28px}.cs-stat-val{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary)}.cs-stat-bonus{font-family:var(--font-mono);font-size:.7rem}.cs-stat-bonus.pos{color:var(--green)}.cs-stat-bonus.neg{color:var(--red)}.cs-derived{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cs-derived-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;background:#ffffff05;border-radius:var(--radius-sm)}.cs-derived-row span:first-child{color:var(--text-dim)}.cs-derived-row span:last-child{color:var(--text-primary)}.cs-element-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.cs-element-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;padding:2px 6px;background:#ffffff05;border-radius:var(--radius-sm);text-transform:capitalize}.cs-el-label{color:var(--text-dim)}.cs-el-val{color:var(--text-primary)}.cs-inv-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.cs-inv-filters{display:flex;gap:4px;flex-wrap:wrap}.cs-filter-btn{background:none;border:1px solid var(--border-color);color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer}.cs-filter-btn.active{border-color:var(--cyan);color:var(--cyan)}.cs-sort-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm)}.cs-inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:16px}.cs-inv-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:box-shadow .15s}.cs-inv-cell:hover{box-shadow:0 0 8px #00f0ff33}.cs-inv-cell.selected{box-shadow:0 0 12px #00f0ff66}.cs-inv-icon{font-size:1.4rem}.cs-inv-qty{position:absolute;bottom:2px;right:4px;font-family:var(--font-mono);font-size:.65rem;color:var(--yellow);background:#000000b3;padding:0 3px;border-radius:2px}.cs-inv-empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);font-size:.85rem;padding:20px}.cs-tooltip{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px}.cs-tooltip-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.cs-tooltip-icon{font-size:1.5rem;flex-shrink:0}.cs-tooltip-name{font-family:var(--font-mono);font-size:1rem;font-weight:600}.cs-tooltip-meta{font-size:.75rem;color:var(--text-dim);text-transform:capitalize}.cs-tooltip-close{margin-left:auto;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem}.cs-tooltip-close:hover{color:var(--red)}.cs-tooltip-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.cs-tooltip-stat{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);margin-bottom:4px}.cs-tooltip-mods{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.cs-tooltip-mod{font-family:var(--font-mono);font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);background:#ffffff0a}.cs-tooltip-mod.pos{color:var(--green)}.cs-tooltip-mod.neg{color:var(--red)}.cs-tooltip-req{color:var(--red);font-size:.75rem;font-family:var(--font-mono);margin-bottom:4px}.cs-tooltip-compare{border-top:1px solid var(--border-color);padding-top:6px;margin-top:6px;margin-bottom:6px}.cs-compare-label{font-size:.7rem;color:var(--text-dim);margin-bottom:4px}.cs-compare-deltas{display:flex;flex-wrap:wrap;gap:6px}.cs-compare-delta{font-size:.8rem;font-family:var(--font-mono);font-weight:600}.cs-compare-delta.up{color:var(--green)}.cs-compare-delta.down{color:var(--red)}.cs-tooltip-actions{display:flex;gap:8px;margin-top:10px}.cs-tooltip-btn{padding:4px 14px;border:1px solid;border-radius:var(--radius-sm);background:none;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.cs-tooltip-btn.equip{color:var(--cyan);border-color:var(--cyan)}.cs-tooltip-btn.equip:hover{background:#00f0ff1a}.cs-tooltip-btn.use{color:var(--green);border-color:var(--green)}.cs-tooltip-btn.use:hover{background:#00ff881a}.cs-tooltip-btn.drop{color:var(--text-dim);border-color:var(--text-dim)}.cs-tooltip-btn.drop:hover{color:var(--red);border-color:var(--red)}.cs-stat-alloc{margin-top:20px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px}.cs-alloc-grid{display:flex;flex-direction:column;gap:8px}.cs-alloc-row{display:flex;align-items:center;gap:10px}.cs-alloc-label{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);width:32px}.cs-alloc-base{font-family:var(--font-mono);font-size:.85rem;width:24px;text-align:right}.cs-alloc-btn{width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;border-radius:var(--radius-sm);cursor:pointer}.cs-alloc-btn:disabled{opacity:.3;cursor:not-allowed}.cs-alloc-btn:hover:not(:disabled){border-color:var(--cyan)}.cs-alloc-val{font-family:var(--font-mono);font-size:.85rem;color:var(--green);width:28px;text-align:center}.cs-alloc-preview{font-family:var(--font-mono);font-size:.8rem;color:var(--cyan)}.cs-alloc-confirm{margin-top:12px}.top-bar-btn.active{border-color:var(--cyan);color:var(--cyan)}.combat-view{max-width:700px}.combat-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ff334414;border:1px solid rgba(255,51,68,.3);border-radius:var(--radius-lg);margin-bottom:16px}.combat-header-icon{font-size:1.3rem}.combat-header-text{font-family:var(--font-mono);font-size:1.1rem;color:var(--red);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(255,51,68,.3)}.combat-section-title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.combat-enemies{margin-bottom:12px}.combat-enemy{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:6px;cursor:pointer;transition:border-color .15s}.combat-enemy.selected{border-color:var(--red);box-shadow:0 0 8px #ff334426}.combat-enemy.dead{opacity:.35;pointer-events:none}.combat-enemy-info{display:flex;align-items:center;gap:8px}.combat-enemy-icon{font-size:1.1rem}.combat-enemy-details{flex:1}.combat-enemy-name{font-family:var(--font-mono);font-size:.9rem;color:var(--red)}.combat-enemy-level{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);margin-left:8px}.combat-enemy-hp{display:flex;align-items:center;gap:8px}.combat-hp-bar{flex:1;height:8px;background:#ffffff0d;border-radius:var(--radius-md);overflow:hidden}.combat-hp-fill{border-radius:var(--radius-md);transition:width .2s}.combat-hp-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);min-width:60px;text-align:right}.combat-enemy-effects{display:flex;gap:4px;flex-wrap:wrap}.combat-effect-badge{font-family:var(--font-mono);font-size:.6rem;padding:1px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.combat-effect-badge.buff{background:#00ff8826;color:var(--green)}.combat-effect-badge.debuff{background:#ff334426;color:var(--red)}.combat-effect-badge.dot{background:#ff00aa26;color:var(--magenta)}.combat-effect-badge.hot{background:#00ff8826;color:var(--green)}.combat-effect-badge.stun{background:#ffcc0026;color:var(--yellow)}.combat-log{margin-bottom:12px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px}.combat-log-scroll{max-height:150px;overflow-y:auto;font-family:var(--font-mono);font-size:.75rem;line-height:1.5}.combat-log-entry{padding:1px 0}.combat-player-status{margin-bottom:12px}.combat-player-bars{display:flex;flex-direction:column;gap:4px}.combat-res-bar{display:flex;align-items:center;gap:8px}.combat-res-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);width:22px}.combat-res-track{flex:1;height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden}.combat-res-fill{border-radius:5px;transition:width .2s}.combat-res-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);min-width:60px;text-align:right}.combat-player-effects{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.combat-action-timer{margin-bottom:10px;display:flex;align-items:center;gap:10px}.combat-timer-bar{flex:1;height:6px;background:#ffffff0d;border-radius:var(--radius-sm);overflow:hidden}.combat-timer-fill{background:var(--cyan);border-radius:var(--radius-sm);transition:width .1s linear}.combat-timer-fill.ready{background:var(--green);animation:pulse-glow .8s ease infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px var(--green)}50%{box-shadow:0 0 12px var(--green)}}.combat-timer-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);min-width:60px}.combat-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.combat-action-btn{position:relative;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:border-color .15s,background .15s;min-height:var(--touch-min)}.combat-action-btn:hover:not(.disabled){border-color:var(--cyan);background:#00f0ff0d}.combat-action-btn.disabled{opacity:.35;cursor:not-allowed}.combat-action-btn.attack{border-color:var(--red);color:var(--red)}.combat-action-btn.skill{border-color:var(--magenta);color:var(--magenta)}.combat-action-btn.flee{border-color:var(--yellow);color:var(--yellow)}.combat-action-btn.item{border-color:var(--green);color:var(--green)}.combat-cooldown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary)}.combat-target-select{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.combat-target-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.combat-target-btn{padding:4px 10px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;cursor:pointer}.combat-target-btn.active{border-color:var(--red);color:var(--red)}.combat-result-overlay{display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.combat-result-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;max-width:400px;width:100%}.combat-result-title{font-family:var(--font-mono);font-size:1.5rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;color:var(--green);animation:victoryGlow 1.5s ease-in-out infinite}.combat-result-title.defeat{color:var(--red);animation:defeatPulse 1.5s ease-in-out infinite}.combat-rewards{margin-bottom:20px;text-align:left}.combat-reward-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.95rem;border-bottom:1px solid var(--border-color)}.combat-reward-val{font-family:var(--font-mono)}.combat-reward-val.xp{color:var(--cyan)}.combat-reward-val.gold{color:var(--yellow)}.combat-loot-title{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:12px 0 8px}.combat-loot-grid{display:flex;flex-direction:column;gap:6px}.combat-loot-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-input);border:1px solid;border-radius:var(--radius-md)}.combat-loot-icon{font-size:1.1rem}.combat-loot-name{font-family:var(--font-mono);font-size:.85rem}.combat-levelup{margin-top:16px;padding:14px;background:#ffcc0014;border:1px solid var(--yellow);border-radius:var(--radius-lg)}.combat-levelup-banner{font-family:var(--font-mono);font-size:1.2rem;color:var(--yellow);text-shadow:0 0 10px rgba(255,204,0,.4);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.combat-new-skills{margin-top:8px}.combat-new-skill{display:inline-block;padding:2px 8px;margin:2px;background:#00f0ff1a;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;color:var(--cyan)}.combat-defeat-text{color:var(--text-secondary);margin-bottom:16px}.combat-defeat-penalty{display:flex;gap:1rem;justify-content:center;margin-bottom:16px}.combat-penalty{font-weight:600}.combat-penalty.xp{color:var(--red)}.combat-penalty.gold{color:var(--yellow)}.game-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:48px;flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:10px}.top-bar-name{font-family:var(--font-mono);font-size:1rem;color:var(--cyan)}.top-bar-level{font-family:var(--font-mono);font-size:.8rem;color:var(--yellow)}.top-bar-resources{display:flex;gap:16px}.top-bar-right{position:relative;display:flex;align-items:center;gap:12px}.top-bar-gold{font-family:var(--font-mono);font-size:.9rem;color:var(--yellow)}.top-bar-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.1rem;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,color .2s}.top-bar-btn:hover{border-color:var(--cyan);color:var(--cyan)}.top-bar-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000080;z-index:100;padding:4px;display:flex;flex-direction:column;gap:2px;animation:fadeIn .15s ease}.top-bar-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.top-bar-menu-item:hover{background:#00f0ff0f;border-color:#00f0ff33;color:var(--cyan)}.top-bar-menu-item.danger:hover{background:#ff33440f;border-color:#f343;color:var(--red)}.top-bar-menu-badge{background:var(--magenta);color:#fff;font-size:.65rem;padding:1px 6px;border-radius:8px;font-weight:600;margin-left:auto}.top-bar-menu-divider{height:1px;background:var(--border-color);margin:4px 8px}.resource-bar{display:flex;align-items:center;gap:6px}.resource-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);width:20px}.resource-track{width:80px;height:8px;background:#ffffff0d;border-radius:var(--radius-md);overflow:hidden}.resource-fill{border-radius:var(--radius-md)}.resource-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);min-width:50px}.game-main{display:flex;flex:1;min-height:0;overflow:hidden}.game-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--bg-panel);overflow-y:auto}.game-right-col{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.game-content{flex:1;overflow-y:auto;padding:16px}.game-panel{max-width:750px}.game-panel-header{display:flex;align-items:center;gap:12px;padding:.75rem 1rem;border-bottom:1px solid rgba(0,240,255,.15);background:transparent}.game-panel-tab-header{display:flex;align-items:center;gap:8px;padding:.75rem 1rem 0}.game-panel-tab-header .cs-tabs{flex:1;margin-bottom:0;padding-bottom:0;border-bottom:none}.game-panel-title{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--cyan);margin:0;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-toolbar{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.game-toolbar-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid transparent;color:var(--text-secondary);font-size:.8rem;padding:4px 10px;border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,color .2s}.game-toolbar-btn:hover{border-color:var(--cyan);color:var(--cyan)}.game-toolbar-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00f0ff0f}.toolbar-icon{font-size:1rem;line-height:1}.toolbar-label{font-family:var(--font-mono);font-size:.75rem}.toolbar-kb-help{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer;color:#fff6;position:relative;margin-left:4px}.toolbar-kb-help:hover{color:var(--cyan)}.grid-map{padding:12px;border-bottom:1px solid var(--border-color)}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.map-z-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.map-size-toggle{display:flex;gap:4px}.map-size-btn{background:none;border:1px solid var(--border-color);color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;width:24px;height:24px;border-radius:var(--radius-sm);cursor:pointer}.map-size-btn.active{border-color:var(--cyan);color:var(--cyan)}.map-grid{display:flex;flex-direction:column;gap:1px;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);width:fit-content;margin:0 auto}.map-row{display:flex;gap:1px}.map-cell{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-family:var(--font-mono);background:var(--bg-primary);flex-shrink:0}.map-cell.player{background:#00f0ff26;box-shadow:inset 0 0 8px #00f0ff33}.map-cell.explored{border:1px solid rgba(255,255,255,.08)}.map-cell.visible{background:#ffffff08}.map-cell.unknown{background:var(--bg-primary)}.map-cell.clickable{cursor:pointer}.map-cell.clickable:hover{box-shadow:inset 0 0 6px #00f0ff4d}.player-marker{font-family:var(--font-mono);font-weight:700;color:var(--cyan);text-shadow:0 0 6px var(--cyan);font-size:1rem}.room-icon{font-size:.75rem;line-height:1}.room-icon.dim{opacity:.4}.map-coords{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim)}.movement-pad{padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.move-row{display:flex;gap:4px}.move-btn{width:64px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:border-color .15s,background .15s}.move-btn:hover:not(.disabled){border-color:var(--cyan);background:#00f0ff14}.move-btn.disabled{opacity:.25;cursor:not-allowed}.move-spacer{display:inline-block;width:64px;height:40px}.room-view{max-width:700px}.room-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.room-type-icon{font-size:1.8rem}.room-header-text{flex:1}.room-name{font-family:var(--font-mono);font-size:1.3rem;color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.3);margin:0}.room-region{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.room-safe-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--green);border:1px solid var(--green);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:1px}.room-description{margin-bottom:20px;line-height:1.7;color:var(--text-primary);font-size:.95rem}.room-ambient{color:var(--text-dim);font-style:italic;margin-top:8px}.room-section{margin-bottom:16px}.room-section-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.room-exits{display:flex;flex-wrap:wrap;gap:8px}.exit-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem}.exit-tag.locked{border-color:var(--red);opacity:.7}.exit-dir{font-family:var(--font-mono);color:var(--cyan);font-size:.8rem}.exit-target{color:var(--text-secondary);font-size:.8rem}.exit-lock{font-size:.75rem}.exit-level{font-family:var(--font-mono);font-size:.7rem;color:var(--yellow)}.room-entities{display:flex;flex-direction:column;gap:6px}.entity-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.entity-icon{font-size:1.2rem;flex-shrink:0}.entity-info{flex:1;display:flex;flex-direction:column;gap:1px}.entity-name{font-family:var(--font-mono);font-size:.9rem}.npc-name{color:var(--yellow)}.player-name{color:var(--cyan)}.enemy-name{color:var(--red)}.entity-title{font-size:.75rem;color:var(--text-dim);font-style:italic}.entity-detail{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.entity-action{padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;border:1px solid;background:none;text-transform:uppercase;letter-spacing:1px}.btn-talk{color:var(--yellow);border-color:var(--yellow)}.btn-talk:hover{background:#ffcc001a}.btn-attack{color:var(--red);border-color:var(--red)}.btn-attack:hover{background:#ff33441a}.player-actions{display:flex;gap:4px;flex-shrink:0}.btn-inspect{color:var(--cyan);border-color:var(--cyan)}.btn-inspect:hover{background:#00ffff1a}.btn-trade{color:var(--yellow);border-color:var(--yellow)}.btn-trade:hover{background:#ffdd331a}.enemy-party{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.enemy-party .entity-row{border:none;background:none;padding:4px 0}.enemy-party-members{flex:1;display:flex;flex-direction:column;gap:4px}.room-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.room-action-btn{padding:8px 20px;min-height:36px}@media(max-width:768px){.game-main{flex-direction:column}.game-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--border-color);overflow-x:auto;max-height:320px}.grid-map{min-width:260px}.movement-pad{min-width:200px}.top-bar-resources{gap:8px}.resource-track{width:50px}.resource-text{display:none}}@media(max-width:480px){.game-title{font-size:1.5rem}.auth-form{padding:24px 16px}.race-grid,.class-grid{grid-template-columns:1fr}.create-section{padding:16px}.create-container{max-width:100%}.cs-inv-grid{grid-template-columns:repeat(4,1fr)}.cs-paperdoll-wrap{flex-direction:column;align-items:center}.cs-paperdoll-divider{width:80%;height:1px;align-self:center}.cs-pd-row{grid-template-columns:repeat(3,54px)}.cs-pd-cell{width:54px;height:54px}.cs-pd-slot{width:48px;height:48px}.cs-stat-grid,.cs-derived,.cs-element-grid{grid-template-columns:repeat(2,1fr)}}.dialogue-overlay,.shop-overlay,.quest-overlay,.inspect-overlay,.trade-overlay,.party-invite-overlay,.duel-invite-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3}.dialogue-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialogue-box,.shop-box,.quest-box,.inspect-box,.trade-box{border-radius:var(--radius-xl);animation:fadeIn .2s ease}.dialogue-box{background:var(--bg-dark);border:1px solid var(--neon-cyan);width:90%;max-width:520px;padding:0;box-shadow:0 0 30px #00e5ff26}.dialogue-header{display:flex;align-items:center;gap:12px;padding:16px 16px 0}.dialogue-portrait{font-size:2.2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;flex-shrink:0}.dialogue-name{font-family:var(--font-display, "Rajdhani", sans-serif);font-size:1.2rem;font-weight:700;color:var(--neon-cyan)}.dialogue-title{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.dialogue-close,.shop-close,.quest-close,.guild-close,.game-panel-close{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.dialogue-close:hover,.shop-close:hover,.quest-close:hover,.guild-close:hover,.game-panel-close:hover{border-color:var(--red);color:var(--red)}.dialogue-close,.game-panel-close{margin-left:auto;flex-shrink:0}.dialogue-text{padding:20px 16px;font-size:.95rem;line-height:1.6;color:#ffffffe6;min-height:60px}.dialogue-options{padding:0 16px 16px;display:flex;flex-direction:column;gap:6px}.dialogue-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 14px;border-radius:var(--radius-lg);text-align:left;cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.dialogue-option:hover{background:#00e5ff1a;border-color:var(--neon-cyan)}.dialogue-option-num{color:var(--neon-cyan);font-weight:700;margin-right:6px}.shop-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-box{background:var(--bg-dark);border:1px solid var(--neon-gold);width:92%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 30px #ffaa0026}.shop-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.shop-name{font-family:var(--font-display, "Rajdhani", sans-serif);font-size:1.2rem;font-weight:700;color:var(--neon-gold);margin:0}.shop-gold{margin-left:auto;font-weight:600;color:var(--gold);font-size:.95rem}.shop-message{padding:8px 16px;background:#00e5ff1a;border-bottom:1px solid rgba(0,229,255,.2);color:var(--neon-cyan);font-size:.85rem;text-align:center}.shop-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.shop-tab,.guild-tab,.chat-tab,.auction-tab,.friend-tab{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:600;text-transform:uppercase;transition:all var(--transition-fast)}.shop-tab:hover,.guild-tab:hover,.chat-tab:hover,.auction-tab:hover,.friend-tab:hover{color:var(--text-primary)}.shop-tab{flex:1;padding:10px;color:#ffffff80;font-size:.9rem;letter-spacing:1px}.shop-tab:hover{background:#ffffff0d}.shop-tab.active{color:var(--neon-gold);border-bottom:2px solid var(--neon-gold)}.shop-items{overflow-y:auto;padding:8px;flex:1;max-height:50vh}.shop-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);margin-bottom:6px;transition:background .15s}.shop-item:hover{background:#ffffff08}.shop-item.dimmed{opacity:.45}.shop-item-icon{font-size:1.6rem;width:40px;text-align:center;flex-shrink:0}.shop-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.shop-item-name{font-weight:600;font-size:.9rem}.shop-item-meta{font-size:.75rem;color:#fff6;text-transform:capitalize}.shop-item-desc{font-size:.75rem;color:#ffffff80}.shop-item-mods{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.shop-mod{font-size:.7rem;padding:1px 5px;border-radius:var(--radius-sm);background:#ffffff0f;color:#fff9}.shop-mod.pos{color:var(--green)}.shop-mod-delta{margin-left:3px;font-size:.65rem;font-weight:700}.shop-mod-delta.up{color:var(--green)}.shop-mod-delta.down{color:#f46}.shop-item-action{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.shop-item-price{font-weight:700;font-size:.85rem;color:var(--gold)}.shop-item-price.sell{color:var(--green)}.shop-buy-btn,.shop-sell-btn{padding:4px 14px;border-radius:var(--radius-md);border:1px solid;cursor:pointer;font-size:.8rem;font-weight:600;transition:all var(--transition-fast)}.shop-buy-btn{background:#00e5ff1a;border-color:var(--neon-cyan);color:var(--neon-cyan)}.shop-buy-btn:hover:not(:disabled){background:#00e5ff40}.shop-buy-btn:disabled{opacity:.3;cursor:not-allowed}.shop-sell-btn{background:#00ff881a;border-color:var(--green);color:var(--green)}.shop-sell-btn:hover{background:#00ff8840}.shop-qty-row{display:flex;align-items:center;gap:2px}.shop-qty-btn{width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.shop-qty-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.shop-qty-btn:disabled{opacity:.3;cursor:default}.shop-qty-input{width:38px;height:24px;text-align:center;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;-moz-appearance:textfield}.shop-qty-input::-webkit-outer-spin-button,.shop-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shop-filters{padding:8px 12px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid rgba(255,255,255,.08)}.shop-search{width:100%;padding:6px 10px;font-size:.85rem}.shop-type-filters{display:flex;gap:4px;flex-wrap:wrap}.shop-type-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:2px 8px;border-radius:var(--radius-md);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.shop-type-btn:hover{background:#ffffff1a}.shop-type-btn.active{background:#00ffff26;border-color:var(--cyan);color:var(--cyan)}.shop-empty{padding:30px;text-align:center;color:#fff6;font-size:.9rem}.shop-item.selected{border-color:var(--cyan);background:#00ffff0d}.craft-ingredients{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.craft-ingredients-label{font-size:.7rem;color:#ffffff80;width:100%}.craft-ingredient{font-size:.72rem;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background:#0000004d}.craft-ingredient.have{color:var(--green);border-color:#00ff0040}.craft-ingredient.need{color:var(--red);border-color:#ff000040}.quest-log{padding:0 4px}.quest-log-title{font-family:var(--font-mono);font-size:1.1rem;color:var(--magenta);text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.quest-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quest-box{background:var(--bg-dark);border:1px solid var(--neon-magenta);width:92%;max-width:580px;max-height:80vh;overflow-y:auto;padding:0;box-shadow:0 0 30px #ff00aa1f}.quest-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:var(--bg-dark);z-index:1}.quest-header-title{font-family:var(--font-display, "Rajdhani", sans-serif);font-size:1.2rem;font-weight:700;color:var(--neon-magenta);margin:0}.quest-close{margin-left:auto}.quest-section-title{padding:10px 16px 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin:0}.quest-empty{padding:30px;text-align:center;color:#fff6;font-size:.9rem}.quest-card{margin:6px 12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.quest-card:hover{background:#ffffff05}.quest-card-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.quest-type-icon{font-size:1.3rem}.quest-card-info{display:flex;flex-direction:column}.quest-card-name{font-weight:700;font-size:.95rem;color:#fff}.quest-card-type{font-size:.7rem;color:#fff6;text-transform:capitalize}.quest-card-desc{font-size:.85rem;color:#ffffffa6;margin:4px 0 8px;line-height:1.4}.quest-card-objectives{margin-bottom:8px}.quest-card-obj{font-size:.8rem;color:#ffffff80;padding:2px 0}.quest-rewards-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem}.quest-reward-label{color:#fff6}.quest-reward{padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.quest-reward.xp{background:#00e5ff1a;color:var(--cyan)}.quest-reward.gold{background:#ffcc001a;color:var(--gold)}.quest-reward.sp{background:#00ff881a;color:var(--green)}.quest-card-actions{margin-top:10px;display:flex;gap:8px;justify-content:flex-end}.quest-btn{padding:6px 18px;border-radius:var(--radius-md);border:1px solid;cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.quest-btn.accept{background:#00e5ff1a;border-color:var(--neon-cyan);color:var(--neon-cyan)}.quest-btn.accept:hover{background:#00e5ff40}.quest-btn.turn-in{background:#00ff8826;border-color:var(--green);color:var(--green)}.quest-btn.turn-in:hover{background:#00ff884d}.quest-btn.abandon{background:#ff33441a;border-color:var(--red);color:var(--red);font-size:.75rem}.quest-btn.abandon:hover{background:#ff334440}.quest-journal-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.quest-journal-entry{margin:6px 12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.quest-journal-entry.completed{border-color:#00ff884d}.quest-journal-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.quest-journal-name{font-weight:700;font-size:.95rem;color:#fff}.quest-complete-badge{margin-left:auto;font-size:.65rem;padding:2px 8px;border-radius:var(--radius-sm);background:#00ff8826;color:var(--green);font-weight:700;letter-spacing:1px}.quest-journal-desc{font-size:.85rem;color:#fff9;margin:0 0 10px;line-height:1.4}.quest-objectives{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.quest-objective{display:flex;align-items:center;gap:8px;font-size:.85rem}.quest-objective.done{opacity:.6}.quest-obj-check{flex-shrink:0;font-size:.9rem}.quest-obj-text{flex:1;min-width:0;color:#fffc}.quest-obj-bar{width:60px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;flex-shrink:0}.quest-obj-fill{background:var(--neon-cyan);border-radius:2px}.quest-obj-count{font-size:.75rem;color:#ffffff80;flex-shrink:0;min-width:36px;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-panel{display:flex;flex-direction:column;max-height:30vh;min-height:36px;flex-shrink:0;background:var(--bg-dark);border-top:1px solid rgba(0,229,255,.2);transition:max-height .2s ease}.chat-panel.minimized{max-height:36px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-header-title{font-family:var(--font-display, "Rajdhani", sans-serif);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan)}.chat-header-toggle{font-size:.75rem;color:#fff6}.chat-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;overflow-x:auto}.chat-tab{flex:0 0 auto;padding:6px 14px;color:#ffffff73;font-size:.78rem;letter-spacing:.5px;position:relative}.chat-tab.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan)}.chat-unread{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;font-size:.6rem;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;font-weight:700}.chat-messages{flex:1;overflow-y:auto;padding:6px 12px;font-size:.82rem;line-height:1.5;min-height:0}.chat-msg{padding:1px 0;word-break:break-word}.chat-time{color:#ffffff40;font-size:.72rem;margin-right:4px}.chat-rank{font-size:.72rem;font-weight:700;margin-right:3px}.chat-sender{font-weight:600}.chat-text{color:#ffffffd9}.chat-msg.system .chat-system-text{color:var(--gold);font-style:italic}.chat-msg.emote .chat-emote-text{color:#f8c;font-style:italic}.chat-msg.yell .chat-yell-text{color:#f64;font-weight:600;text-transform:uppercase}.chat-msg.whisper{opacity:.9}.chat-whisper-dir{color:#c8f;font-weight:600;font-size:.78rem}.chat-whisper-name{color:#c8f;font-weight:600}.chat-whisper-text{color:#fffc}.chat-input-row{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative}.chat-input,.guild-input,.admin-input,.admin-textarea,.admin-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:8px 10px;color:#fff;font-size:.85rem;font-family:inherit;outline:none}.chat-input:focus,.guild-input:focus,.admin-input:focus,.admin-textarea:focus,.admin-select:focus{border-color:var(--neon-cyan)}.chat-input::placeholder,.guild-input::placeholder,.admin-input::placeholder{color:#ffffff40}.chat-input{flex:1;padding:7px 10px;border-color:#ffffff1f}.chat-send-btn{background:#00e5ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:7px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:.82rem;font-weight:600;transition:background .15s;flex-shrink:0}.chat-send-btn:hover{background:#00e5ff40}.chat-autocomplete{position:absolute;bottom:100%;left:10px;right:80px;background:var(--bg-dark);border:1px solid rgba(0,229,255,.3);border-radius:var(--radius-lg);padding:4px;max-height:180px;overflow-y:auto;z-index:10}.chat-autocomplete-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s}.chat-autocomplete-item:hover{background:#00e5ff1a}.chat-ac-cmd{color:var(--neon-cyan);font-weight:700;font-size:.82rem;min-width:60px}.chat-ac-desc{color:#ffffff80;font-size:.78rem}@media(max-width:768px){.chat-panel{max-height:25vh}.chat-panel.minimized{max-height:36px}.chat-tab{padding:6px 10px;font-size:.7rem}}.guild-panel{display:flex;flex-direction:column}.guild-header{gap:12px}.guild-header-info{flex:1;min-width:0}.guild-meta{font-size:.75rem;color:#fff6}.guild-treasury{font-weight:600;color:var(--gold);font-size:.9rem;flex-shrink:0}.guild-close{flex-shrink:0}.guild-loading{padding:40px;text-align:center;color:#fff6}.guild-message{padding:8px 16px;font-size:.82rem;text-align:center;background:#00e5ff14;color:var(--neon-cyan);border-bottom:1px solid rgba(0,229,255,.15)}.guild-message.error{background:#ff334414;color:var(--red);border-bottom-color:#ff334426}.guild-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}.guild-tab{flex:1;padding:10px;color:#ffffff73;font-size:.85rem;letter-spacing:.5px}.guild-tab.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan)}.guild-members{overflow-y:auto;padding:8px;flex:1;max-height:50vh}.guild-member{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);margin-bottom:4px}.guild-member:hover{background:#ffffff08}.guild-member.offline{opacity:.55}.guild-member-status{font-size:.65rem;flex-shrink:0}.guild-member-info{flex:1;display:flex;flex-direction:column;min-width:0}.guild-member-name{font-weight:600;font-size:.9rem;color:#fff}.guild-member-detail{font-size:.75rem;color:#ffffff80}.guild-member-actions{display:flex;gap:4px;flex-shrink:0}.guild-action-btn{width:26px;height:26px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);background:none;color:#ffffff80;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.guild-action-btn.promote:hover{border-color:var(--green);color:var(--green)}.guild-action-btn.demote:hover{border-color:var(--neon-gold);color:var(--neon-gold)}.guild-action-btn.kick:hover{border-color:var(--red);color:var(--red)}.guild-actions-panel{padding:12px;overflow-y:auto;flex:1;max-height:50vh}.guild-action-section{margin-bottom:16px}.guild-action-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:6px}.guild-action-row{display:flex;gap:8px}.guild-invite-code{background:#ffffff0d;border:1px solid rgba(0,229,255,.3);border-radius:var(--radius-md);padding:8px 14px;font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:1.1rem;letter-spacing:3px;color:var(--neon-cyan);text-align:center;-webkit-user-select:all;user-select:all}.guild-input{flex:1}.guild-btn,.admin-btn{padding:8px 16px;border-radius:var(--radius-md);border:1px solid;cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.guild-btn:disabled,.admin-btn:disabled{opacity:.4;cursor:not-allowed}.guild-btn.primary,.admin-btn.primary{background:#00e5ff1a;border-color:var(--neon-cyan);color:var(--neon-cyan)}.guild-btn.primary:hover:not(:disabled),.admin-btn.primary:hover:not(:disabled){background:#00e5ff40}.guild-btn.secondary,.admin-btn.secondary{background:#ffffff0d;border-color:#fff3;color:#ffffffb3}.guild-btn.secondary:hover,.admin-btn.secondary:hover{background:#ffffff1a}.guild-btn.danger,.admin-btn.danger{background:#ff33441a;border-color:var(--red);color:var(--red)}.guild-btn.danger:hover,.admin-btn.danger:hover{background:#ff334440}.guild-action-note{display:block;font-size:.72rem;color:#ffffff59;margin-top:4px}.guild-no-guild{padding:24px 16px;text-align:center}.guild-no-guild-text{color:#ffffff80;margin-bottom:20px;font-size:.9rem}.guild-no-guild-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.guild-hint{width:100%;text-align:center;color:var(--text-muted);font-size:.75rem;margin:0}.guild-form{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}.guild-form-btns{display:flex;gap:8px;justify-content:center}.admin-layout{display:flex;min-height:100vh;background:var(--bg-darker, #060610)}.admin-sidebar{width:220px;background:var(--bg-dark);border-right:1px solid rgba(0,229,255,.15);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.admin-sidebar-title{font-family:var(--font-display, "Rajdhani", sans-serif);font-size:1.1rem;font-weight:700;color:var(--neon-cyan);margin:0}.admin-back-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:4px 10px;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem}.admin-back-btn:hover{color:#fff;border-color:#fff6}.admin-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:#ffffff8c;cursor:pointer;border-radius:var(--radius-lg);font-size:.85rem;font-weight:500;text-align:left;transition:all var(--transition-fast)}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:#00e5ff1a;color:var(--neon-cyan)}.admin-nav-icon{font-size:1.1rem}.admin-sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06)}.admin-user-info{font-size:.72rem;color:#ffffff59}.admin-content{flex:1;padding:24px;overflow-y:auto;max-height:100vh}.admin-section{max-width:1000px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-section-title{font-family:var(--font-display, "Rajdhani", sans-serif);font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 16px}.admin-section-header .admin-section-title{margin:0}.admin-msg{padding:8px 14px;border-radius:var(--radius-md);margin-bottom:12px;font-size:.82rem;background:#00e5ff14;color:var(--neon-cyan);border:1px solid rgba(0,229,255,.15)}.admin-msg.error{background:#ff334414;color:var(--red);border-color:#ff334426}.admin-search-row{display:flex;gap:8px;margin-bottom:16px}.admin-input{flex:1}.admin-select,.admin-select-sm{padding:6px 8px;font-size:.82rem}.admin-select-sm:focus{border-color:var(--neon-cyan)}.admin-select option,.admin-select-sm option{background:var(--bg-dark);color:#fff}.admin-select-sm{padding:4px 6px;font-size:.78rem}.admin-textarea{resize:vertical;width:100%}.admin-btn{font-size:.82rem}.admin-btn-sm{padding:3px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);background:none;color:#fff9;cursor:pointer;font-size:.75rem;margin-right:4px;transition:all var(--transition-fast)}.admin-btn-sm:hover{color:#fff;border-color:#fff6}.admin-btn-sm.danger{border-color:#f346;color:var(--red)}.admin-btn-sm.danger:hover{background:#ff33441a}.admin-btn-sm.success{border-color:#0f86;color:var(--green)}.admin-btn-sm.success:hover{background:#00ff881a}.admin-table-wrap{overflow-x:auto;margin-bottom:16px}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff73;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:#ffffffd9}.admin-table tr:hover td{background:#ffffff05}.admin-td-muted{color:#fff6!important}.admin-empty{text-align:center;color:#ffffff4d;padding:20px!important}.admin-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.admin-badge.ban{background:#ff334426;color:var(--red)}.admin-badge.ok{background:#00ff881a;color:var(--green)}.admin-pagination{display:flex;align-items:center;gap:12px;justify-content:center;padding:8px 0}.admin-pagination button{padding:6px 14px;border:1px solid rgba(255,255,255,.15);background:none;color:#fff9;border-radius:var(--radius-md);cursor:pointer;font-size:.8rem}.admin-pagination button:hover:not(:disabled){color:#fff;border-color:#ffffff4d}.admin-pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-pagination span{color:#fff6;font-size:.8rem}.admin-form-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:16px;margin-bottom:16px}.admin-form-panel h3{font-size:1rem;color:#fff;margin:0 0 12px}.admin-form-panel h4{font-size:.85rem;color:#ffffff80;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.admin-form-grid{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;margin-bottom:12px}.admin-form-grid.compact{grid-template-columns:100px 1fr;gap:6px}.admin-form-grid label{font-size:.78rem;color:#ffffff80;text-transform:capitalize}.admin-check{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#ffffffb3;cursor:pointer}.admin-color-row{display:flex;align-items:center;gap:8px}.admin-color-swatch{display:inline-block;width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.admin-form-btns{display:flex;gap:8px;margin-top:16px}.admin-perm-title{font-size:.85rem;color:#ffffff80;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.admin-perm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.admin-perm-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#ffffffa6;text-transform:capitalize;cursor:pointer}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-bottom:8px}.admin-stat-field{display:flex;flex-direction:column;gap:2px}.admin-stat-field label{font-size:.7rem;color:#fff6;text-transform:uppercase}.admin-stat-field .admin-input{flex:unset;width:100%}.admin-coord-row{display:flex;gap:8px}.admin-coord-row .admin-input{width:80px;flex:unset}.admin-subsection{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:16px;margin-top:16px}.admin-subsection h3{font-size:.9rem;color:var(--neon-cyan);margin:0 0 10px}.admin-exit-list{margin-bottom:12px}.admin-exit-item{font-size:.82rem;color:#ffffffb3;padding:4px 0}.admin-spawn-row{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}@media(max-width:768px){.admin-sidebar{width:60px}.admin-nav-item span:not(.admin-nav-icon){display:none}.admin-sidebar-header{flex-direction:column;gap:8px}.admin-sidebar-title{font-size:.8rem}.admin-content{padding:12px}.admin-perm-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid{grid-template-columns:1fr}}.admin-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:1.5rem}.admin-dashboard-card{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:16px;text-align:center}.admin-dashboard-value{color:var(--cyan);font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,monospace}.admin-dashboard-label{color:#fff6;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.admin-chat-log{max-height:300px;overflow-y:auto;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:8px}.admin-chat-entry{display:flex;gap:8px;padding:4px 0;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.04)}.admin-chat-name{color:var(--cyan);font-weight:600;min-width:80px;flex-shrink:0}.admin-chat-text{color:#ffffffb3;flex:1}.admin-chat-time{color:#ffffff40;font-size:.7rem;flex-shrink:0}.toast-container{position:fixed;bottom:60px;right:16px;z-index:200;display:flex;flex-direction:column-reverse;gap:8px;max-width:360px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-lg);border:1px solid;font-size:.85rem;cursor:pointer;pointer-events:auto;animation:toastIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-icon{font-weight:700;font-size:.9rem;flex-shrink:0}.toast-message{flex:1;line-height:1.3}.toast-info{background:#00e5ff1f;border-color:#00e5ff4d;color:var(--neon-cyan)}.toast-success{background:#00ff881f;border-color:#00ff884d;color:var(--green)}.toast-error{background:#ff33441f;border-color:#ff33444d;color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.toast-container{bottom:52px;right:8px;left:8px;max-width:none}}.reconnect-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#05050fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.reconnect-overlay p{color:var(--neon-cyan);font-size:1.1rem;text-shadow:0 0 8px rgba(0,229,255,.5)}@media(max-width:768px){.top-bar-btn{width:44px;height:44px;font-size:1.2rem}.move-btn{width:64px;height:44px}.game-content{min-height:0;flex:1;overflow-y:auto}.game-sidebar{max-height:240px}.room-enemies li,.room-npcs li{padding:10px 12px;min-height:44px;display:flex;align-items:center}.combat-actions button{min-height:44px;padding:10px 16px}.dialogue-box,.shop-box,.quest-box{width:96%;max-height:85vh}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color)}.admin-nav-btn{min-height:44px;white-space:nowrap}}@media(max-width:480px){.game-sidebar{flex-direction:column;max-height:none}.game-sidebar .grid-map,.game-sidebar .movement-pad{min-width:unset;width:100%}.top-bar{padding:4px 8px;gap:4px}.top-bar-name{font-size:.85rem}.chat-panel{max-height:20vh}.dialogue-box,.shop-box,.quest-box{width:100%;max-height:90vh;border-radius:var(--radius-xl) 8px 0 0}}.notification-overlay{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.notification-banner{pointer-events:auto;cursor:pointer;background:var(--bg-secondary);border:2px solid var(--cyan);border-radius:var(--radius-xl);padding:12px 24px;text-align:center;min-width:250px;animation:notifySlideIn .4s ease-out;box-shadow:0 0 20px #00ffff4d}.notification-banner.level-up{border-color:var(--cyan);box-shadow:0 0 25px #0ff6}.notification-banner.quest-complete{border-color:var(--green);box-shadow:0 0 25px #0f86}.notification-title{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.notification-banner.level-up .notification-title{color:var(--cyan)}.notification-banner.quest-complete .notification-title{color:var(--green)}.notification-detail{font-size:.85rem;color:#fffc}@keyframes notifySlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.inspect-overlay{z-index:900}.inspect-box{background:var(--bg-secondary);border:1px solid var(--cyan);width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.inspect-profile{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.inspect-name{font-size:1.2rem;font-weight:700;color:var(--cyan)}.inspect-info{font-size:.85rem;color:#ffffffb3;margin-top:4px}.inspect-guild{color:var(--yellow)}.inspect-equipment{padding:8px 16px 16px}.inspect-section-title{font-size:.8rem;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.inspect-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.85rem}.inspect-item-slot{width:80px;color:#fff6;font-size:.75rem;text-transform:uppercase;flex-shrink:0}.inspect-item-icon{flex-shrink:0}.inspect-item-name{flex:1}.map-quest-marker{position:absolute;top:1px;right:2px;font-size:.6rem;font-weight:700;line-height:1;pointer-events:none}.map-quest-marker.available{color:var(--cyan)}.map-quest-marker.active{color:var(--yellow)}.map-quest-marker.turn_in{color:var(--green)}.trade-overlay{z-index:900}.trade-box{background:var(--bg-secondary);border:1px solid var(--yellow);width:95%;max-width:600px;max-height:85vh;overflow-y:auto}.trade-columns{display:flex;gap:1px;background:#ffffff1a}.trade-column{flex:1;padding:12px;background:var(--bg-secondary)}.trade-column-title{font-size:.85rem;color:#fff9;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.trade-confirm-badge{font-size:.65rem;color:var(--green);border:1px solid var(--green);padding:1px 4px;border-radius:var(--radius-sm)}.trade-items{min-height:60px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.trade-item{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#ffffff0a;border-radius:var(--radius-md);font-size:.85rem}.trade-item-icon{flex-shrink:0}.trade-item-name{flex:1}.trade-remove-btn{background:none;border:none;color:var(--red);cursor:pointer;font-size:.8rem;padding:0 4px}.trade-gold{font-size:.85rem;color:var(--yellow);padding:4px 0}.trade-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.trade-gold-input{display:flex;gap:4px}.trade-gold-input .form-input{flex:1;padding:4px 8px;font-size:.8rem}.trade-gold-input .btn{padding:4px 8px;font-size:.8rem}.trade-picker{border-top:1px solid rgba(255,255,255,.1);padding:12px}.trade-picker-title{font-size:.8rem;color:#ffffff80;text-transform:uppercase;margin-bottom:8px}.trade-picker-items{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.trade-picker-item{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;border-radius:var(--radius-md);font-size:.85rem}.trade-picker-item:hover{background:#ffffff14}.trade-bottom{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}.trade-bottom .btn{flex:1}.trade-request-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--yellow);border-radius:var(--radius-xl);padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:950;animation:notifySlideIn .3s ease-out;color:#ffffffe6;font-size:.9rem}.trade-request-actions{display:flex;gap:6px}.trade-request-actions .btn{padding:4px 12px;font-size:.8rem}.cs-skills-tab{padding:.5rem;overflow-y:auto;max-height:calc(100vh - 200px)}.cs-skills-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cs-skill-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:.5rem .75rem}.cs-skill-header{display:flex;align-items:center;gap:.5rem}.cs-skill-icon{font-size:1.4rem;width:2rem;text-align:center;flex-shrink:0}.cs-skill-info{display:flex;flex-direction:column;min-width:0}.cs-skill-name{color:var(--cyan);font-weight:600;font-size:.9rem}.cs-skill-meta{color:#fff6;font-size:.75rem;text-transform:capitalize}.cs-skill-desc{color:#fff9;font-size:.8rem;margin:.25rem 0;line-height:1.3}.cs-skill-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.cs-skill-stat{font-size:.75rem;color:var(--red);background:#ffffff0a;padding:1px 6px;border-radius:var(--radius-sm)}.cs-skill-stat.heal{color:var(--green)}.cs-skill-stat.mp{color:#48f}.cs-skill-stat.sp{color:var(--green)}.cs-skill-stat.cd{color:#ffffff80}.cs-skill-use-btn{margin-left:auto;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-family:var(--font-mono);font-weight:600;color:var(--green);background:#00ff8814;border:1px solid rgba(0,255,136,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.cs-skill-use-btn:hover:not(:disabled){background:#00ff8826;border-color:var(--green)}.cs-skill-use-btn:disabled{opacity:.35;cursor:not-allowed}.map-footer{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;font-size:.75rem}.map-legend-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffff80;font-size:.7rem;padding:1px 6px;border-radius:var(--radius-sm);cursor:pointer}.map-legend-btn:hover,.map-legend-btn.active{color:var(--cyan);border-color:var(--cyan)}.map-legend{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:6px;margin-top:4px}.map-legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 8px}.map-legend-item{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#fff9}.map-legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.map-legend-label{white-space:nowrap}.map-legend-markers{margin-top:4px;font-size:.65rem;color:#ffffff80;display:flex;align-items:center;gap:4px}.map-legend-markers .map-quest-marker{position:static;font-size:.7rem}.leaderboard{padding:1rem;height:100%;overflow-y:auto}.leaderboard-title{color:var(--cyan);font-size:1.2rem;margin-bottom:.75rem}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{text-align:left;color:#ffffff80;font-size:.75rem;font-weight:600;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase}.leaderboard-table td{padding:6px 8px;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.04);color:#fffc}.leaderboard-table tr:hover td{background:#ffffff08}.leaderboard-rank{color:var(--yellow);font-weight:700;width:30px}.leaderboard-rank.top-1{color:gold}.leaderboard-rank.top-2{color:silver}.leaderboard-rank.top-3{color:#cd7f32}.leaderboard-name{font-weight:600;color:var(--cyan)}.leaderboard-guild{color:var(--magenta);font-size:.75rem}.leaderboard-meta{color:#fff6;font-size:.75rem;text-transform:capitalize}.kb-help-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:8px 12px;z-index:1000;white-space:nowrap;min-width:180px}.kb-help-tooltip h4{color:var(--cyan);margin:0 0 6px;font-size:.8rem}.kb-help-row{display:flex;justify-content:space-between;gap:12px;font-size:.7rem;color:#fff9;padding:1px 0}.kb-help-key{color:var(--yellow);font-family:monospace;font-weight:600}.confirm-dialog{max-width:400px}.confirm-dialog-body{padding:1rem 1.25rem}.confirm-dialog-message{color:var(--text-primary);font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.confirm-dialog-btns{display:flex;gap:.75rem}.confirm-dialog-btn{flex:1;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;min-height:var(--touch-min)}.confirm-dialog-btn.confirm:hover{background:#ff334426}.confirm-dialog-btn.cancel{border-color:var(--text-dim);color:var(--text-secondary)}.confirm-dialog-btn.cancel:hover{background:var(--bg-tertiary)}@media(max-width:360px){html{font-size:14px}.game-toolbar-btn{padding:4px 6px;min-width:36px}.toolbar-label{font-size:.65rem}.toolbar-icon{font-size:1rem}.top-bar{padding:2px 6px;gap:2px}.top-bar-name{font-size:.75rem;max-width:80px;overflow:hidden;text-overflow:ellipsis}.resource-track{width:40px}.grid-map{max-height:180px}.room-view{padding:8px}.room-title{font-size:1rem}.room-description{font-size:.85rem}.room-action-btn{padding:6px 12px;font-size:.8rem}.combat-action-bar{flex-wrap:wrap;gap:4px}.combat-btn{padding:6px 10px;font-size:.75rem;min-height:36px}.chat-input{font-size:14px}.chat-panel{padding-bottom:env(safe-area-inset-bottom,0px)}.dialogue-box,.shop-box,.quest-box,.confirm-dialog,.inspect-box{max-width:95vw;max-height:90vh;overflow-y:auto}.shop-item{padding:6px 8px}.shop-item-name{font-size:.85rem}.shop-item-meta{font-size:.7rem}.shop-item-price{font-size:.8rem}.quest-journal-name{font-size:.85rem}.quest-journal-desc{font-size:.8rem}.guild-panel{padding:8px}.guild-title{font-size:1rem}.cs-stat-grid{grid-template-columns:1fr}.cs-inv-grid{grid-template-columns:repeat(3,1fr)}.cs-pd-row{grid-template-columns:repeat(3,48px)}.cs-pd-cell{width:48px;height:48px}.cs-pd-slot{width:42px;height:42px}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:4px 6px}}.party-panel{padding:1rem}.party-header{margin-bottom:.75rem}.party-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.party-empty .btn{margin-top:1rem}.party-members{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.party-member{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:border-color .15s}.party-member:hover{border-color:#00f0ff40}.party-member-info{flex:1;min-width:0}.party-member-name{display:block;font-family:var(--font-mono);color:var(--text-primary);font-size:.9rem}.party-leader-crown{color:var(--yellow);margin-right:.3rem}.party-member-detail{font-size:.75rem;color:var(--text-secondary)}.party-member-hp{flex:1;display:flex;align-items:center;gap:.4rem}.party-actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.party-empty{font-family:var(--font-mono)}.party-invite-overlay{z-index:200}.party-invite-box{background:var(--bg-panel);border:1px solid var(--cyan);border-radius:var(--radius-xl);padding:1.5rem;max-width:350px;text-align:center;box-shadow:0 0 20px #00f0ff33}.party-invite-box h3{color:var(--cyan);margin:0 0 .75rem;font-family:var(--font-display)}.party-invite-box p{color:var(--text-primary);margin:0 0 1rem;font-size:.9rem}.party-invite-actions{display:flex;gap:.5rem;justify-content:center}.top-bar-party-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--cyan);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);padding:1px 6px;margin-left:.4rem}.btn-invite{color:var(--cyan);border-color:var(--cyan)}.btn-invite:hover{background:#00f0ff26}.combat-allies{margin-bottom:.75rem}.combat-ally{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-left:2px solid var(--cyan);margin-bottom:.25rem}.combat-ally-dead{opacity:.5;border-left-color:var(--red)}.combat-ally-name{font-family:var(--font-mono);font-size:.85rem;color:var(--cyan);min-width:80px}.combat-ally-dead .combat-ally-name{color:var(--red);text-decoration:line-through}.combat-ally-hp{flex:1;display:flex;align-items:center;gap:.4rem}.pvp-view{padding:.5rem;height:100%;overflow-y:auto}.pvp-title{color:var(--magenta);font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;text-align:center}.pvp-section-title{color:var(--cyan);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:.25rem}.pvp-tiers{margin-bottom:1rem}.pvp-tier-grid{display:flex;gap:.5rem}.pvp-tier{flex:1;border:1px solid;border-radius:var(--radius-md);padding:.5rem;text-align:center;background:#0000004d}.pvp-tier-rank{display:block;font-weight:700;font-size:.9rem;margin-bottom:.25rem}.pvp-tier-req{display:block;font-size:.7rem;color:#ffffff80}.pvp-queue-section{margin-bottom:1rem;padding:.75rem;background:#0003;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-md)}.pvp-queue-info{color:#fff9;font-size:.8rem;margin-bottom:.5rem}.pvp-location-hint{color:var(--text-muted);font-size:.75rem;margin:.25rem 0 0}.pvp-queue-active{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pvp-queue-status{color:var(--yellow);font-size:.85rem;display:flex;align-items:center;gap:.5rem}.pvp-queue-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,204,0,.3);border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}.pvp-stats{margin-bottom:1rem}.pvp-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.pvp-stat{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.5rem;text-align:center}.pvp-stat-label{display:block;font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.pvp-stat-value{display:block;font-size:1.1rem;font-weight:700}.pvp-duel-info{margin-bottom:1rem}.pvp-duel-text{color:#fff9;font-size:.8rem}.pvp-result{display:flex;justify-content:center;padding:1rem}.pvp-result-box{background:#000c;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:1.5rem;text-align:center;max-width:400px;width:100%}.pvp-result-box.victory{border-color:var(--green);box-shadow:0 0 20px #0f83}.pvp-result-box.defeat{border-color:var(--magenta);box-shadow:0 0 20px #ff006433}.pvp-result-box.draw{border-color:var(--yellow);box-shadow:0 0 20px #fc03}.pvp-result-title{font-size:1.5rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem}.pvp-result-title.victory{color:var(--green)}.pvp-result-title.defeat{color:var(--magenta)}.pvp-result-title.draw{color:var(--yellow)}.pvp-result-opponent{color:#ffffffb3;font-size:.85rem;margin-bottom:1rem}.pvp-result-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.pvp-result-rating-label{color:#ffffff80}.pvp-result-rating-value{font-weight:700;color:var(--cyan)}.pvp-result-rating-change.positive{color:var(--green)}.pvp-result-rating-change.negative{color:var(--magenta)}.pvp-result-rank{font-weight:700}.pvp-result-stats{display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem}.pvp-result-stat{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#fff9}.pvp-result-stat-val{color:var(--cyan);font-weight:700;font-size:1rem}.pvp-result-note{font-size:.75rem;color:#fff6;font-style:italic}.duel-invite-overlay{z-index:100}.duel-invite-box{background:var(--bg-secondary);border:2px solid var(--magenta);border-radius:var(--radius-xl);padding:1.5rem;text-align:center;max-width:350px;box-shadow:0 0 30px #aa00ff4d}.duel-invite-box h3{color:var(--magenta);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:2px}.duel-invite-box p{color:#fffc;margin-bottom:1rem}.btn-duel{background:#aa00ff26;color:var(--magenta);border:1px solid rgba(170,0,255,.4)}.btn-duel:hover{background:#aa00ff4d}.leaderboard-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.leaderboard-tab{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff9;cursor:pointer;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-base)}.leaderboard-tab:hover{border-color:#00f0ff4d;color:#fffc}.leaderboard-tab.active{background:#00f0ff1a;border-color:var(--cyan);color:var(--cyan)}.achievement-panel{padding:.75rem}.achievement-header{border-bottom-color:#ffcc0026}.achievement-title{font-size:1.25rem;color:var(--cyan);font-family:var(--font-mono);margin:0}.achievement-points{font-size:.85rem;color:var(--yellow);font-family:var(--font-mono)}.achievement-categories{display:flex;gap:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.achievement-cat-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.35rem .6rem;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-family:var(--font-mono);transition:all var(--transition-base)}.achievement-cat-btn:hover{border-color:#00f0ff4d;color:#fffc}.achievement-cat-btn.active{background:#00f0ff1a;border-color:var(--cyan);color:var(--cyan)}.achievement-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.achievement-card{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-base)}.achievement-card.completed{border-color:#00ff884d;background:#00ff880d}.achievement-card.locked{opacity:.7}.achievement-card-icon{font-size:1.5rem;min-width:2rem;text-align:center}.achievement-card-info{flex:1;min-width:0}.achievement-card-name{font-family:var(--font-mono);font-size:.85rem;color:#fff;margin-bottom:.15rem}.achievement-card.completed .achievement-card-name{color:var(--green)}.achievement-card-desc{font-size:.7rem;color:#ffffff80;line-height:1.3}.achievement-card-complete{font-size:.65rem;color:var(--green);font-family:var(--font-mono);margin-top:.2rem}.achievement-card-points{font-family:var(--font-mono);font-size:.7rem;color:var(--yellow);min-width:2rem;text-align:right}.achievement-progress-bar{position:relative;height:14px;background:#ffffff0f;border-radius:var(--radius-sm);margin-top:.25rem;overflow:hidden}.achievement-progress-fill{background:linear-gradient(90deg,var(--cyan),var(--magenta));border-radius:var(--radius-sm)}.achievement-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-family:var(--font-mono);color:#fffc}.title-selector{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.title-selector-heading{font-size:1rem;color:var(--magenta);font-family:var(--font-mono);margin:0 0 .5rem}.btn-clear-title{font-size:.7rem;padding:.2rem .5rem;margin-bottom:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff9;border-radius:var(--radius-md);cursor:pointer}.btn-clear-title:hover{border-color:var(--magenta);color:var(--magenta)}.title-list{display:flex;flex-direction:column;gap:.3rem}.title-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.title-item:hover{border-color:#ffffff4d;background:#ffffff0f}.title-item.active{border-color:var(--magenta);background:#ff00ff14}.title-name{font-family:var(--font-mono);font-size:.85rem}.title-active-badge{font-size:.6rem;font-family:var(--font-mono);color:var(--magenta);border:1px solid var(--magenta);padding:.1rem .3rem;border-radius:var(--radius-sm)}.top-bar-title{font-family:var(--font-mono);font-size:.7rem;opacity:.9}.player-title{font-size:.7rem;font-family:var(--font-mono);margin-left:.3rem}.mail-panel{display:flex;flex-direction:column;height:100%}.mail-header{justify-content:space-between}.mail-header-actions{display:flex;align-items:center;gap:.5rem}.mail-header-actions .btn{background:#00f0ff14;border:1px solid rgba(0,240,255,.3);color:var(--cyan)}.mail-header-actions .btn:hover{background:#00f0ff26;border-color:var(--cyan)}.mail-unread-badge{background:var(--magenta);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600}.mail-inbox{flex:1;overflow-y:auto}.mail-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);border-left:3px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.mail-item:hover{background:#00ffff0d;border-left-color:#00f0ff4d}.mail-item.unread{border-left:3px solid var(--cyan);background:#00ffff08}.mail-item.unread .mail-item-subject{color:var(--text-primary);font-weight:600}.mail-item-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mail-item-sender{font-size:.75rem;color:var(--cyan);font-weight:500;font-family:var(--font-mono)}.mail-item-subject{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mail-attachment-icon{font-size:1.1rem;width:24px;text-align:center}.mail-item-date{font-size:.7rem;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono)}.mail-loading,.mail-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem;font-family:var(--font-mono)}.mail-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.mail-read-view{flex:1;overflow-y:auto;padding:1rem}.mail-read-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);padding-bottom:.75rem;border-bottom:1px solid rgba(0,240,255,.15);margin-bottom:.75rem;font-family:var(--font-mono)}.mail-read-body{font-size:.85rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;min-height:3rem;padding:.75rem;background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.mail-attachments{margin-top:1rem;padding:.75rem;border:1px solid rgba(255,170,0,.2);border-radius:var(--radius-lg);background:#0003}.mail-attachments h4{font-size:.75rem;color:var(--yellow);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.mail-attachment{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.35rem .5rem;background:#ffffff08;border-radius:var(--radius-md);margin-bottom:.25rem}.mail-read-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.mail-read-actions .btn{background:#00f0ff14;border:1px solid rgba(0,240,255,.3);color:var(--cyan);font-family:var(--font-mono);font-size:.8rem}.mail-read-actions .btn:hover{background:#00f0ff26;border-color:var(--cyan)}.mail-compose{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;max-width:500px}.mail-compose-field{display:flex;flex-direction:column;gap:.25rem}.mail-compose-field label{font-size:.75rem;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.mail-compose-attachments{display:flex;gap:.75rem}.mail-compose-actions{display:flex;gap:.5rem;margin-top:.5rem}.mail-compose-actions .btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.top-bar-mail-badge{background:var(--magenta);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:var(--radius-xl);font-weight:600;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.auction-house{display:flex;flex-direction:column;height:100%}.auction-header{border-bottom-color:#ffaa0026}.auction-title{color:var(--yellow)}.auction-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 .5rem;background:#0000001a}.auction-tab{flex:1;padding:.6rem .75rem;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono);letter-spacing:1px;text-align:center}.auction-tab:hover{background:#ffffff08}.auction-tab.active{color:var(--yellow);border-bottom-color:var(--yellow)}.auction-create-btn{margin-left:auto;font-size:.75rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.35);color:var(--yellow);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.auction-create-btn:hover{background:#fa03;border-color:var(--yellow)}.auction-filters{display:flex;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;background:#0000001a}.auction-filters .form-input{font-size:.8rem;padding:.4rem .6rem;width:auto}.auction-filters .form-input:focus{border-color:var(--yellow);box-shadow:0 0 8px #fa03}.auction-search{flex:1;min-width:120px}.auction-grid{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.auction-listing{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:.6rem .75rem;background:#0003;transition:border-color .15s,background .15s}.auction-listing:hover{border-color:#fa06;background:#ffaa0008}.auction-listing-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.auction-listing-icon{font-size:1.5rem;width:36px;text-align:center;flex-shrink:0}.auction-listing-info{display:flex;flex-direction:column;gap:1px}.auction-listing-name{font-size:.88rem;font-weight:600}.auction-listing-meta{font-size:.7rem;color:var(--text-muted);text-transform:capitalize;font-family:var(--font-mono)}.auction-listing-prices{display:flex;gap:1rem;margin-bottom:.4rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.04)}.auction-price{font-size:.8rem;color:var(--cyan);font-family:var(--font-mono)}.auction-price.buyout{color:var(--yellow)}.auction-price small{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.auction-listing-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.auction-time{color:var(--cyan)}.auction-seller{color:var(--text-muted)}.auction-has-bids{color:var(--green);font-style:italic}.auction-listing-actions{display:flex;gap:.4rem;margin-top:.5rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.04)}.btn-bid{background:#00f0ff26;border:1px solid var(--cyan);color:var(--cyan);font-weight:600;font-family:var(--font-mono);transition:background .15s}.btn-bid:hover{background:#00f0ff40}.btn-buyout{background:#ffaa0026;border:1px solid var(--yellow);color:var(--yellow);font-weight:600;font-family:var(--font-mono);transition:background .15s}.btn-buyout:hover{background:#ffaa0040}.auction-loading,.auction-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem;font-family:var(--font-mono)}.auction-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.auction-create-form{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;max-width:500px}.auction-create-form label{font-size:.75rem;color:var(--yellow);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.auction-selected-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(255,170,0,.2);border-radius:var(--radius-lg);background:#0003;font-size:.9rem}.friend-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.friend-header{border-bottom-color:#00ff8826}.friend-header .game-panel-title{color:var(--green)}.friend-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#0000001a}.friend-tab{flex:1;padding:.5rem;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono);letter-spacing:.5px;text-align:center}.friend-tab:hover{background:#00ff880d}.friend-tab.active{color:var(--green);border-bottom-color:var(--green)}.friend-tab-content{flex:1;overflow-y:auto;padding:.5rem}.friend-loading,.friend-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-size:.9rem;font-family:var(--font-mono)}.friend-add-form{display:flex;gap:.5rem;margin-bottom:.75rem}.friend-add-form{max-width:350px}.friend-add-form .form-input{flex:1;font-size:.85rem;padding:.5rem .75rem}.friend-item,.pending-item,.block-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.friend-item:hover,.pending-item:hover,.block-item:hover{background:#00ffff0d}.friend-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.friend-status-dot.online{background:var(--green);box-shadow:0 0 4px var(--green)}.friend-status-dot.offline{background:#555}.friend-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.friend-item-name{color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-item-detail{color:var(--text-secondary);font-size:.75rem}.friend-item-actions,.pending-actions,.block-actions{display:flex;gap:.3rem;flex-shrink:0}.btn-sm{padding:.2rem .5rem;font-size:.75rem}.btn-friend{color:var(--green);border-color:var(--green)}.btn-friend:hover{background:#00ff0026}.btn-block{color:#f44;border-color:#f44}.btn-block:hover{background:#ff444426}.settings-panel{padding:1rem;overflow-y:auto;height:100%}.settings-header{margin:0 0 1rem;font-size:1.1rem;color:var(--magenta);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px}.settings-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.settings-section:last-child{border-bottom:none}.settings-section-title{margin:0 0 .75rem;font-size:.9rem;color:var(--magenta);text-transform:uppercase;letter-spacing:.05em}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0}.settings-label{color:var(--text-primary);font-size:.85rem}.settings-toggle{padding:.25rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#0000004d;color:var(--text-secondary);cursor:pointer;font-size:.8rem;min-width:50px;text-align:center;transition:all var(--transition-base)}.settings-toggle.on{color:var(--green);border-color:var(--green);background:#00ff001a}.settings-toggle.off{color:#f44;border-color:#ff44444d}.settings-toggle:hover{background:#00ffff1a}.settings-slider-wrap{display:flex;align-items:center;gap:.5rem}.settings-slider{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cyan);cursor:pointer}.settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--cyan);cursor:pointer;border:none}.settings-slider:disabled{opacity:.4;cursor:not-allowed}.settings-slider-value{color:var(--text-secondary);font-size:.8rem;min-width:35px;text-align:right}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes hitFlash{0%{filter:brightness(3)}to{filter:brightness(1)}}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}@keyframes roomFadeIn{0%{opacity:.3}to{opacity:1}}@keyframes victoryGlow{0%,to{text-shadow:0 0 10px rgba(255,204,0,.4)}50%{text-shadow:0 0 30px rgba(255,204,0,.8),0 0 60px rgba(255,204,0,.3)}}@keyframes defeatPulse{0%,to{text-shadow:0 0 10px rgba(255,51,68,.4)}50%{text-shadow:0 0 30px rgba(255,51,68,.8)}}@keyframes scanLines{0%{background-position:0 0}to{background-position:0 4px}}.combat-hit-flash{animation:hitFlash .2s ease-out}.combat-screen-shake{animation:screenShake .3s ease-out}.room-transitioning{opacity:0;transition:opacity .1s}.room-entered{animation:roomFadeIn .3s ease-out}.damage-numbers-container{position:relative;width:100%;height:0;overflow:visible;pointer-events:none;z-index:10}.damage-number{animation:damageFloat .7s ease-out forwards;position:absolute;top:-10px;font-weight:700;font-family:var(--font-mono);font-size:1.1em;pointer-events:none;color:var(--red);text-shadow:0 0 4px rgba(0,0,0,.8)}.damage-number.crit{font-size:1.4em;color:#f80;text-shadow:0 0 8px rgba(255,136,0,.6)}.damage-number.heal{color:var(--green)}.damage-number.miss{color:#555;font-style:italic;font-size:.9em}@keyframes phaseFlash{0%{opacity:.8}to{opacity:0}}@keyframes phaseSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.05)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(10px)}}.combat-phase-announcement{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.combat-phase-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(170,0,255,.4),transparent 70%);animation:phaseFlash 1.5s ease-out forwards}.combat-phase-text{font-size:1.6rem;font-family:var(--font-mono);font-weight:700;color:#a0f;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(170,0,255,.8),0 0 40px rgba(170,0,255,.4);animation:phaseSlideIn 3s ease-out forwards}.daily-panel{padding:1rem;overflow-y:auto;height:100%;max-width:750px}.daily-header{margin:0 0 .25rem;font-size:1.1rem;color:var(--cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px}.daily-subtitle{margin:0 0 1rem;font-size:.8rem;color:var(--fg-secondary)}.daily-loading,.daily-error,.daily-empty{text-align:center;padding:2rem;color:var(--fg-secondary);font-size:.9rem}.daily-error{color:var(--pink)}.daily-list{display:flex;flex-direction:column;gap:.75rem}.daily-card{border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-lg);padding:.75rem;background:#0003;transition:border-color .2s}.daily-card:hover{border-color:#00f0ff59}.daily-card.completed{border-color:#00ff884d;background:#00ff880d}.daily-card-header{display:flex;align-items:flex-start;gap:.5rem}.daily-card-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.daily-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.daily-card-name{font-weight:700;color:var(--fg-primary);font-size:.9rem}.daily-card-desc{font-size:.8rem;color:var(--fg-secondary)}.daily-card-check{font-size:.7rem;font-weight:700;color:var(--green);background:#00ff8826;padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.daily-card-rewards{display:flex;gap:.75rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.daily-reward{font-size:.8rem;font-weight:700}.daily-reward.bonus-xp{color:var(--cyan)}.daily-reward.bonus-gold{color:var(--yellow)}.daily-tip{margin-top:1rem;padding:.5rem;font-size:.75rem;color:var(--fg-secondary);border-top:1px solid rgba(255,255,255,.06);font-style:italic}.journal-panel{padding:1rem}.cs-tooltip-btn.enhance{background:#a0f3;border-color:#a0f6;color:#c6f}.cs-tooltip-btn.enhance:hover{background:#aa00ff59;border-color:#a0f}.cs-tooltip-enhance-stats{margin:.4rem 0;padding:.3rem .5rem;background:#aa00ff14;border-left:2px solid rgba(170,0,255,.4);border-radius:2px}.cs-enhance-label{display:block;font-size:.75rem;color:#c6f;margin-bottom:2px}.cs-tooltip-enhance-cost{margin-top:.4rem;font-size:.75rem;color:var(--fg-secondary);font-style:italic}.cs-tooltip-set{font-size:.8rem;color:var(--green);margin-bottom:.3rem;font-style:italic}.cs-pd-slot.enhanced-1{box-shadow:0 0 6px #00ff884d}.cs-pd-slot.enhanced-2{box-shadow:0 0 8px #08f6}.cs-pd-slot.enhanced-3{box-shadow:0 0 12px #aa00ff80}.cs-pd-set{font-size:.55rem;color:var(--green);opacity:.8;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cs-set-bonuses{margin-top:.75rem;padding:.75rem;border:1px solid rgba(0,255,136,.15);border-radius:var(--radius-lg);background:#00ff8808}.cs-set-group{margin-bottom:.75rem}.cs-set-group:last-child{margin-bottom:0}.cs-set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.cs-set-name{font-weight:700;color:var(--green);font-size:.85rem}.cs-set-count{font-size:.75rem;color:var(--fg-secondary)}.cs-set-threshold{display:flex;gap:.5rem;padding:2px 0;font-size:.78rem}.cs-set-threshold.active{color:var(--green)}.cs-set-threshold.inactive{color:var(--fg-secondary);opacity:.5}.cs-set-pieces{font-weight:700;flex-shrink:0}.cs-set-bonus-text{font-size:.75rem}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-content::-webkit-scrollbar,.combat-log-scroll::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.game-content::-webkit-scrollbar-track,.combat-log-scroll::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:transparent}.game-content::-webkit-scrollbar-thumb,.combat-log-scroll::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-sm)}.game-content::-webkit-scrollbar-thumb:hover,.combat-log-scroll::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.game-layout{height:100vh;height:100dvh}.combat-view{position:relative}.dialogue-box,.shop-box,.quest-box,.trade-box,.inspect-box,.confirm-dialog,.mail-compose,.pvp-result-box{overscroll-behavior:contain}.leaderboard-table{white-space:nowrap}@media(max-width:1024px){.admin-sidebar{width:180px}.game-sidebar{width:250px}.game-toolbar-btn .toolbar-label{font-size:.65rem}.leaderboard-table{font-size:.85rem}.leaderboard-table th,.leaderboard-table td{padding:4px 6px}}@media(max-width:768px){.game-sidebar{overflow:visible;max-height:none}.game-sidebar .grid-map{min-width:auto;flex:1 1 auto}.game-sidebar .movement-pad{min-width:auto;flex:0 0 auto;align-self:center;margin-left:30px;background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.game-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:3px;padding:4px 8px}.game-toolbar-btn{min-height:44px;padding:6px 8px}.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(6){display:none}.combat-log-scroll{max-height:180px}.combat-actions{flex-wrap:wrap;gap:6px}.room-view{max-width:none}.admin-table{font-size:.85rem}.top-bar-resources{flex-wrap:wrap}.chat-panel{min-height:120px}.pvp-stat-grid{grid-template-columns:repeat(2,1fr)}.auction-filters{flex-wrap:wrap}}@media(max-width:480px){.game-toolbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;padding:4px 6px}.game-toolbar-btn{justify-content:center;padding:6px}.toolbar-label{display:none}.chat-panel{max-height:25vh;min-height:100px}.combat-actions{flex-direction:column}.combat-action-btn{width:100%}.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){display:none}.top-bar-name{display:none}.dialogue-box,.shop-box,.quest-box,.trade-box,.inspect-box,.confirm-dialog{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;max-height:92vh;width:100%;max-width:none;animation:slideUpSheet .25s ease-out}.party-panel,.guild-panel{padding:8px}.pvp-stat-grid{grid-template-columns:1fr}.pvp-tier-grid{grid-template-columns:repeat(2,1fr)}.mail-compose-attachments{flex-direction:column}.auction-filters{flex-direction:column;gap:.4rem}.auction-filters .form-input{width:100%}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){button,input,select,.game-toolbar-btn,.combat-action-btn,.room-action-btn{min-height:44px}.combat-action-btn{font-size:.75rem;min-height:40px}.game-toolbar{grid-template-columns:repeat(7,1fr)}.chat-input{font-size:16px}.game-layout{padding-bottom:env(safe-area-inset-bottom,0px)}.leaderboard-table th,.leaderboard-table td{padding:3px 4px;font-size:.78rem}}.node-row{border-left:3px solid var(--green)}.node-name{color:var(--green)}.btn-gather{background:var(--green);color:var(--bg-primary);border:none;padding:4px 12px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-size:.85rem;transition:all var(--transition-fast)}.btn-gather:hover:not(:disabled){filter:brightness(1.2)}.btn-gather.disabled,.btn-gather:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn-gather.cancel{background:var(--red);color:#fff;font-size:.75rem;padding:2px 8px}.gathering-overlay{display:flex;align-items:center;gap:8px;min-width:140px}.gathering-bar{flex:1;height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.gathering-fill{background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:var(--radius-sm);transition:width .05s linear}.cs-professions-tab{padding:.5rem}.profession-slots{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.profession-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.profession-icon{font-size:1.5rem;width:32px;text-align:center}.profession-info{display:flex;flex-direction:column;min-width:80px}.profession-name{color:var(--cyan);font-weight:700;font-size:.9rem}.profession-level{color:var(--text-muted);font-size:.8rem}.profession-xp-bar{flex:1;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.profession-xp-fill{background:linear-gradient(90deg,var(--cyan),var(--magenta));border-radius:var(--radius-sm)}.profession-xp-text{color:var(--text-muted);font-size:.75rem;min-width:70px;text-align:right}.profession-empty{color:var(--text-muted);font-style:italic;padding:8px 12px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;font-size:.85rem}.profession-recipe-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.profession-recipes{display:flex;flex-direction:column;gap:6px}.recipe-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 10px}.recipe-header{display:flex;align-items:center;gap:8px}.recipe-icon{font-size:1.2rem;width:28px;text-align:center}.recipe-info{flex:1;display:flex;flex-direction:column}.recipe-name{font-weight:700;font-size:.9rem}.recipe-meta{color:var(--text-muted);font-size:.75rem}.btn-craft{background:var(--cyan);color:var(--bg-primary);border:none;padding:4px 14px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-size:.85rem;transition:all var(--transition-fast)}.btn-craft:hover:not(:disabled){filter:brightness(1.2)}.btn-craft.disabled,.btn-craft:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.recipe-ingredient{font-size:.8rem;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.recipe-ingredient.have{color:var(--green)}.recipe-ingredient.need{color:var(--red)}.recipe-qty{font-weight:400;font-size:.8rem;opacity:.8}.recipe-type-badge{display:inline-block;margin-left:6px;padding:0 4px;font-size:.65rem;text-transform:uppercase;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:2px;color:var(--text-muted);vertical-align:middle}.recipe-description{padding:4px 8px;margin-top:4px;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);font-style:italic}.recipe-actions{display:flex;align-items:center;gap:6px}.recipe-craft-time{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.recipe-row.crafting{border-color:var(--cyan);box-shadow:0 0 6px #00ffff26}.recipe-info{cursor:pointer}.crafting-progress-inline{display:flex;align-items:center;gap:6px;min-width:120px}.crafting-bar{flex:1;height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);min-width:60px}.crafting-fill{background:linear-gradient(90deg,var(--cyan),var(--magenta));transition:width .05s linear}.btn-craft.cancel{background:var(--red);color:#fff;font-size:.7rem;padding:3px 8px}.spec-tree{display:flex;flex-direction:column;gap:12px;padding:8px}.spec-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.spec-locked-msg{font-size:.95rem;color:var(--cyan);margin-bottom:8px}.spec-locked-sub{font-size:.8rem;color:var(--text-muted)}.spec-header{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 12px}.spec-header-info{display:flex;align-items:center;gap:10px;margin-bottom:6px}.spec-header-icon{font-size:1.6rem}.spec-header-name{font-size:1rem;color:var(--cyan);margin:0}.spec-header-desc{font-size:.78rem;color:var(--text-muted);margin:2px 0 0}.spec-passive{font-size:.75rem;color:var(--green);margin-top:4px;padding:4px 8px;background:#00ff000d;border-radius:var(--radius-md)}.spec-points-badge{display:inline-block;margin-top:6px;font-size:.8rem;color:var(--cyan);font-weight:700}.spec-tiers{display:flex;flex-direction:column;align-items:center;gap:0}.spec-tier{display:flex;flex-direction:column;align-items:center;width:100%}.spec-tier-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.spec-tier-nodes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.spec-connector{width:2px;height:20px;background:var(--border);margin:4px auto}.spec-node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base) ease;min-width:100px;text-align:center}.spec-node:hover{border-color:var(--cyan)}.spec-node.allocated{border-color:var(--cyan);box-shadow:0 0 10px #00ffff4d,inset 0 0 8px #00ffff0d;background:#00ffff0d}.spec-node.available{border-color:#0ff6;animation:specPulse 2s ease-in-out infinite}.spec-node.locked{opacity:.5;cursor:default;border-color:var(--border)}.spec-node.locked:hover{border-color:var(--border)}@keyframes specPulse{0%,to{border-color:#00ffff4d}50%{border-color:#00ffffb3}}.spec-node-icon{font-size:1.4rem}.spec-node-name{font-size:.78rem;color:#eee;font-weight:600}.spec-node-cost{font-size:.65rem;color:var(--text-muted)}.spec-skill-detail{background:var(--bg-tertiary);border:1px solid var(--cyan);border-radius:var(--radius-lg);padding:12px;margin-top:4px}.spec-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.spec-detail-icon{font-size:1.4rem}.spec-detail-name{font-size:.9rem;color:var(--cyan);margin:0}.spec-detail-type{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.spec-detail-desc{font-size:.78rem;color:#ccc;margin:0 0 8px}.spec-detail-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.spec-stat{font-size:.72rem;padding:2px 6px;background:#ffffff0d;border-radius:var(--radius-sm);color:#ccc}.spec-stat.heal{color:var(--green)}.spec-stat.mp{color:#6af}.spec-stat.sp{color:#fa4}.spec-stat.cd{color:var(--text-muted)}.spec-stat.passive{color:var(--green)}.spec-detail-passive-effect{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.btn-allocate{width:100%;padding:8px;background:var(--cyan);color:#000;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s}.btn-allocate:hover{background:#00e5e5}.spec-locked-reason{font-size:.75rem;color:var(--red);text-align:center;padding:4px}.spec-choice-modal{padding:8px}.spec-choice-title{font-size:1.1rem;color:var(--cyan);text-align:center;margin:0 0 4px}.spec-choice-subtitle{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0 0 12px}.spec-choice-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.spec-option-card{flex:1;min-width:200px;max-width:320px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:12px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.spec-option-card:hover{border-color:var(--cyan)}.spec-option-header{display:flex;align-items:center;gap:8px}.spec-option-icon{font-size:1.6rem}.spec-option-name{font-size:.95rem;color:var(--cyan);margin:0}.spec-option-desc{font-size:.78rem;color:#ccc;margin:0}.spec-option-passive{font-size:.72rem;color:var(--green);display:flex;flex-wrap:wrap;gap:4px;align-items:center}.spec-option-passive-label{font-weight:700;margin-right:4px}.spec-option-passive-stat{background:#00ff0014;padding:1px 5px;border-radius:var(--radius-sm)}.spec-option-skills{display:flex;flex-direction:column;gap:6px}.spec-option-skill{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--bg-secondary);border-radius:var(--radius-md)}.spec-option-skill-icon{font-size:1rem}.spec-option-skill-info{display:flex;flex-direction:column}.spec-option-skill-name{font-size:.78rem;color:#eee}.spec-option-skill-tier{font-size:.65rem;color:var(--text-muted)}.btn-choose-spec{width:100%;padding:8px;background:var(--magenta);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s;margin-top:auto}.btn-choose-spec:hover{background:#f4a}.btn-choose-spec:disabled{opacity:.5;cursor:not-allowed}