:root{--bg-deep: #0A0C0E;--bg-panel: #111416;--bg-surface: #181C1F;--bg-elevated: #1E2328;--bg-hover: #252B31;--border: #2A3038;--border-light: #363E47;--primary: #C8A84B;--primary-dim: #8A6F2E;--primary-glow: #E8C96A;--hp-red: #CC2222;--hp-fill: #FF3333;--mp-blue: #1A5FAF;--mp-fill: #3399FF;--xp-green: #1A7A35;--xp-fill: #2ECC5A;--text: #E8DCC8;--text-dim: #8A8A7A;--text-faint: #555550;--text-gold: #C8A84B;--text-white: #F0EBE0;--danger: #CC3333;--success: #2ECC5A;--warning: #D4A017;--sp-xs: 4px;--sp-sm: 6px;--sp-md: 8px;--sp-lg: 12px;--sp-xl: 16px;--font-pixel: "Press Start 2P", monospace;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: Consolas, "Courier New", monospace;--radius: 2px;--border-1: 1px solid var(--border);--border-l: 1px solid var(--border-light);--panel-left-w: 160px;--panel-right-w: 224px;--nav-h: 36px;--bottom-h: 190px;--chat-h: 96px;--game-scene-background: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-ui);font-size:12px;line-height:1.4}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,select{font-family:inherit;font-size:inherit;color:var(--text)}input:focus,select:focus,button:focus{outline:1px solid var(--primary-dim);outline-offset:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}.hidden{display:none!important}.text-gold{color:var(--text-gold)}.text-dim{color:var(--text-dim)}.gold{color:var(--text-gold)}.danger{color:var(--danger)}.btn-primary{background:var(--primary-dim);color:var(--text-gold);border:1px solid var(--primary);border-radius:var(--radius);padding:6px 14px;font-weight:600;letter-spacing:.05em;font-size:11px;transition:background .15s,color .15s}.btn-primary:hover{background:var(--primary);color:var(--bg-deep)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:11px}.btn-secondary:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:11px}.btn-ghost:hover{color:var(--text);border-color:var(--border-light)}.btn-full{width:100%}.btn-sm{padding:3px 8px;font-size:10px}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(200,168,75,.1) 0%,transparent 60%),linear-gradient(180deg,#0a0c0e26,#0a0c0e40,#0a0c0e8c),url(/ui/login_bk.png);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.015) 31px,rgba(255,255,255,.015) 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,rgba(255,255,255,.015) 31px,rgba(255,255,255,.015) 32px)}.auth-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:400px;padding:24px}.auth-logo{text-align:center}.game-title{font-family:var(--font-pixel);font-size:18px;color:var(--text-gold);line-height:1.6;text-shadow:0 0 30px rgba(200,168,75,.4),0 2px 4px rgba(0,0,0,.8);animation:title-pulse 3s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 20px rgba(200,168,75,.3),0 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 40px rgba(200,168,75,.6),0 2px 4px rgba(0,0,0,.8)}}.game-subtitle{font-size:10px;color:var(--text-dim);margin-top:6px;letter-spacing:.15em;text-transform:uppercase}.auth-card{width:100%;background:var(--bg-panel);border:var(--border-l);border-radius:var(--radius);overflow:hidden}.auth-card-header{background:var(--bg-elevated);padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-gold);letter-spacing:.1em;text-transform:uppercase;border-bottom:var(--border-1)}.auth-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.form-group input,.form-group select{background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:8px 10px;color:var(--text);font-size:12px;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-dim);outline:none;background:var(--bg-elevated)}.form-group input::placeholder{color:var(--text-faint)}.auth-divider{text-align:center;font-size:10px;color:var(--text-faint)}.auth-error{background:#cc222226;border:1px solid var(--danger);border-radius:var(--radius);padding:6px 10px;font-size:11px;color:#f66}.vocation-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vocation-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 6px;transition:all .15s;cursor:pointer}.vocation-btn:hover{background:var(--bg-elevated);border-color:var(--border-light)}.vocation-btn.active{border-color:var(--primary);background:#c8a84b1a}.voc-icon{font-size:20px}.voc-name{font-size:10px;font-weight:700;color:var(--text-gold)}.voc-desc{font-size:9px;color:var(--text-dim)}.game-screen{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-deep)}.game-nav{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);background:var(--bg-panel);border-bottom:1px solid var(--primary-dim);padding:0 10px;flex-shrink:0}.nav-logo{font-family:var(--font-pixel);font-size:9px;color:var(--text-gold);margin-right:12px}.nav-char-name{font-weight:700;color:var(--text-white);font-size:12px}.nav-char-level{color:var(--text-gold);font-size:11px;margin-left:6px}.nav-left{display:flex;align-items:center;gap:6px}.nav-center{display:flex;gap:2px}.nav-right{display:flex;align-items:center;gap:8px}.nav-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:4px 10px;font-size:11px;color:var(--text-dim);transition:all .15s}.nav-btn:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.nav-btn.active{background:var(--bg-elevated);color:var(--text-gold);border-color:var(--primary-dim)}.nav-status{font-size:10px}.nav-status.online{color:var(--success)}.nav-status.offline{color:var(--danger)}.nav-btn-danger{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px;font-size:11px;color:var(--text-dim)}.nav-btn-danger:hover{background:#c223;color:var(--danger);border-color:var(--danger)}.game-body{display:flex;flex:1;overflow:hidden}.game-main-column{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.game-layout{display:flex;flex:1;min-height:0;overflow:hidden;border-bottom:var(--border-1)}.panel{background:var(--bg-panel);border-right:var(--border-1);display:flex;flex-direction:column;overflow:hidden}.panel-left{width:var(--panel-left-w);flex-shrink:0}.panel-right{width:var(--panel-right-w);flex-shrink:0;border-right:none;border-left:var(--border-1);overflow-y:auto;overflow-x:hidden;min-height:0}.panel-section{border-bottom:var(--border-1);flex:0 0 auto}.panel-section:last-child{border-bottom:none}.panel-right .panel-section{flex:0 0 auto}.panel-right .panel-section:last-child{border-bottom:none}.panel-header{background:var(--bg-elevated);padding:5px 8px;font-size:10px;font-weight:600;color:var(--text-gold);letter-spacing:.06em;border-bottom:var(--border-1);text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.panel-header-sub{color:var(--text-dim);font-size:9px;font-weight:400}.panel-collapse-btn{background:transparent;border:none;color:var(--text-dim);font-size:11px;line-height:1;padding:2px 4px;cursor:pointer;text-transform:none}.panel-collapse-btn:hover{color:var(--text-gold)}#skills-section.collapsed .skills-list{display:none}#skills-section.collapsed .panel-collapse-btn{transform:rotate(-90deg)}.minimap-container{padding:6px;position:relative}#minimap-canvas{width:100%;height:auto;display:block;border:var(--border-1);border-radius:var(--radius);image-rendering:pixelated}.minimap-area-name{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:9px;color:var(--text-gold);background:#0a0c0ecc;padding:2px 6px;border-radius:var(--radius);white-space:nowrap}.hunt-controls{padding:8px;display:flex;flex-direction:column;gap:6px}.hunt-status{display:flex;align-items:center;gap:6px;font-size:11px}.hunt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hunt-dot.active{background:var(--success);box-shadow:0 0 6px var(--success);animation:dot-pulse 1.5s infinite}.hunt-dot.inactive{background:var(--text-faint)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.hunt-monsters-preview{font-size:10px;color:var(--text-dim);min-height:20px;display:flex;flex-wrap:wrap;gap:3px}#party-fight-boss-name{font-size:10px;font-weight:400;color:var(--text-dim);text-transform:none}.party-boss-hp{margin-bottom:8px}.party-boss-hp-bar{height:10px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);overflow:hidden}.party-boss-hp-fill{height:100%;background:linear-gradient(90deg,var(--hp-red),var(--hp-fill));transition:width .3s ease}.party-boss-hp-label{margin-top:3px;font-size:10px;color:var(--text-dim);text-align:center}.party-member-list{display:flex;flex-direction:column;gap:5px}.party-member-row{display:grid;grid-template-columns:60px minmax(0,1fr) 36px;align-items:center;gap:6px;padding:4px 6px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.party-member-row.me{border-color:var(--primary)}.party-member-row.dead{opacity:.5}.party-member-name{font-size:9px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member-hp-bar{height:6px;background:var(--bg-deep);border:var(--border-1);border-radius:2px;overflow:hidden}.party-member-hp-fill{height:100%;background:linear-gradient(90deg,var(--hp-red),var(--hp-fill));transition:width .3s ease}.party-member-status{font-size:9px;color:var(--text-dim);text-align:right}.monster-tag{background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:1px 5px;font-size:9px;color:var(--text)}.session-stats{padding:8px;display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:10px;color:var(--text-dim)}.stat-value{font-size:11px;font-weight:700;color:var(--text)}.game-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;overflow:hidden;position:relative}.canvas-wrapper{position:relative;overflow:hidden;width:min(650px,calc(100vw - var(--panel-left-w) - var(--panel-right-w) - 24px));aspect-ratio:650 / 600}.battle-scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;object-position:center;image-rendering:pixelated;pointer-events:none;z-index:0;opacity:1}#game-canvas{position:relative;z-index:1;display:block;image-rendering:pixelated;border:2px solid var(--border);box-shadow:0 0 40px #000c,inset 0 0 0 1px #c8a84b0d;width:100%;height:100%;aspect-ratio:650 / 600;background:transparent}.entity-overlay{position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;overflow:hidden;z-index:2}.effect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.combat-gif-effect{position:absolute;transform:translate(-50%,-50%);image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;filter:drop-shadow(0 0 8px rgba(255,220,120,.18))}.combat-gif-effect.impact{animation:combat-impact-pop .62s ease-out forwards}.combat-gif-effect.impact.critical{animation:combat-critical-pop var(--impact-duration, 1.1s) ease-out forwards;filter:drop-shadow(0 0 14px rgba(255,210,63,.9)) drop-shadow(0 0 26px rgba(255,150,30,.5))}.combat-gif-effect.projectile{animation:combat-projectile-travel var(--travel-duration, .42s) linear forwards}@keyframes combat-impact-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.72)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.18)}}@keyframes combat-critical-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}@keyframes combat-projectile-travel{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) translate(var(--travel-x, 0px),var(--travel-y, 0px)) scale(1)}}.map-entity{position:absolute;transform:translate(-50%,-50%);width:var(--entity-size, 64px)}.map-entity-stage{position:relative;width:var(--entity-size, 64px);height:var(--entity-size, 64px);overflow:visible}.map-entity-sprite-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.map-entity-sprite{width:132%;height:132%;max-width:none;max-height:none;display:block;object-fit:contain;object-position:center center;image-rendering:pixelated;transform:translateY(3px) translateZ(0);filter:drop-shadow(0 2px 0 rgba(0,0,0,.55))}.map-entity.is-corpse{z-index:1}.map-entity.is-corpse .map-entity-sprite{width:104%;height:104%;transform:translateY(12px) translateZ(0);opacity:.96;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.map-entity-meta{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none;z-index:3}.map-entity-hp{width:46%;height:4px;background:#1a0000;border:1px solid rgba(0,0,0,.65);border-radius:999px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d}.map-entity-hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#1f9f4a,#41d368)}.map-entity.is-low-hp .map-entity-hp-fill{background:linear-gradient(90deg,#aa2c2c,#ff4a4a)}.map-entity-label{width:auto;max-width:120%;padding:0 2px;text-align:center;white-space:nowrap;overflow:visible;text-overflow:clip;font-family:var(--font-pixel);font-size:7px;line-height:1;color:#41d368;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.map-entity-label.is-player{color:#41d368}.damage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4}.dmg-number{position:absolute;font-family:var(--font-pixel);font-size:9px;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;animation:dmg-float 1.2s ease-out forwards;pointer-events:none;white-space:nowrap}.dmg-number.dealt{color:#f93}.dmg-number.received{color:var(--hp-fill)}.dmg-number.heal{color:var(--xp-fill)}.dmg-number.physical{color:#ff3b3b}.dmg-number.ice{color:#4fc3f7}.dmg-number.energy{color:#b266ff}.dmg-number.earth{color:#4caf50}.dmg-number.fire{color:#f93}.dmg-number.holy{color:#ffd966}.dmg-number.death{color:#1a1a1a;text-shadow:1px 1px 0 #ccc,-1px -1px 0 #ccc,0 0 3px #fff}.dmg-number.heal-hp{color:#4caf50}.dmg-number.heal-mp{color:#4fc3f7}.dmg-number.critical{font-size:13px;color:#ffd23f;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,0 0 6px rgba(255,210,63,.75)}@keyframes dmg-float{0%{opacity:1;transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.1)}to{opacity:0;transform:translateY(-50px) scale(.9)}}.wave-respawn-overlay{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 12px;min-width:140px;background:linear-gradient(180deg,#30270e80,#0a0c0ed9);border:1px solid rgba(200,168,75,.55);border-radius:999px;box-shadow:0 2px 10px #00000080,0 0 10px #c8a84b2e;pointer-events:none;animation:wave-respawn-pulse 1.4s ease-in-out infinite}.wave-respawn-label{font-family:var(--font-pixel);font-size:9px;letter-spacing:.3px;color:var(--text-gold);white-space:nowrap}.wave-respawn-track{width:100%;height:5px;background:#00000080;border:1px solid rgba(200,168,75,.25);border-radius:999px;overflow:hidden}.wave-respawn-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-glow));box-shadow:0 0 6px #c8a84bb3;transition:width .1s linear}@keyframes wave-respawn-pulse{0%,to{box-shadow:0 2px 10px #00000080,0 0 10px #c8a84b2e}50%{box-shadow:0 2px 10px #00000080,0 0 16px #c8a84b66}}.offline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c0eeb;display:flex;align-items:center;justify-content:center;z-index:10}.offline-report{text-align:center;background:var(--bg-panel);border:1px solid var(--primary);border-radius:var(--radius);padding:24px;max-width:320px;display:flex;flex-direction:column;gap:16px}.offline-report-title{font-family:var(--font-pixel);font-size:11px;color:var(--text-gold)}.offline-report-body{font-size:12px;color:var(--text);line-height:1.8}.action-bar{width:100%;margin-top:8px;padding:6px;display:flex;justify-content:center;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 4px),linear-gradient(180deg,#23201c,#17140f);border:1px solid #3a3226;border-radius:var(--radius);box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 4px #00000080,0 2px 6px #0006}.action-bar-slots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.action-slot{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2b2620,#1a1712);border:1px solid #4a4032;border-radius:3px;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #0006;cursor:pointer;overflow:hidden;transition:border-color .12s,filter .12s}.action-slot:hover{filter:brightness(1.15);border-color:var(--text-gold)}.action-slot img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.action-slot-hotkey{position:absolute;top:1px;left:2px;font-size:8px;font-weight:700;color:var(--text-dim);text-shadow:0 1px 0 #000;z-index:2;pointer-events:none}.action-slot-badge{position:absolute;right:0;bottom:0;font-size:8px;font-weight:700;line-height:1;padding:1px 2px;color:var(--text-gold);background:#000000a6;border-radius:2px 0 0;z-index:2;pointer-events:none}.action-slot-remove{position:absolute;top:-1px;right:-1px;width:13px;height:13px;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;color:var(--text-white);background:#7a2020;border:1px solid #a83a3a;border-radius:0 0 0 3px;opacity:0;transition:opacity .12s;z-index:3}.action-slot:hover .action-slot-remove{opacity:1}.action-slot-empty{background:linear-gradient(180deg,#1c1a16,#121009);border-style:dashed;cursor:default}.action-slot-empty:hover{filter:none;border-color:#4a4032}.action-slot-add{font-size:18px;color:var(--text-dim);font-weight:700}.action-slot-add:hover{color:var(--text-gold);border-color:var(--text-gold);filter:none}.action-bar-empty-hint{font-size:10px;color:var(--text-dim);align-self:center;padding:0 8px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0eb8;display:flex;align-items:center;justify-content:center;z-index:2000}.confirm-dialog{text-align:center;background:var(--bg-panel);border:1px solid var(--primary);border-radius:var(--radius);padding:20px;max-width:320px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 28px #0009}.confirm-dialog-title{font-family:var(--font-pixel);font-size:11px;color:var(--text-gold)}.confirm-dialog-message{font-size:12px;color:var(--text);line-height:1.6}.confirm-dialog-actions{display:flex;gap:10px;justify-content:center}.item-context-menu{position:fixed;z-index:3000;min-width:200px;padding:4px;background:var(--bg-panel);border:1px solid var(--primary);border-radius:var(--radius);box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;gap:1px}.item-context-menu-header{padding:6px 10px 5px;font-size:11px;font-weight:700;color:var(--text-gold);border-bottom:1px solid var(--border-light);margin-bottom:3px}.item-context-menu-option{display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:none;border-radius:4px;color:var(--text);font-size:11px;text-align:left;cursor:pointer}.item-context-menu-option:hover{background:var(--bg-surface)}.item-context-menu-option.active{color:var(--text-gold)}.item-context-menu-option:disabled{color:var(--text-dim);cursor:default}.item-context-menu-option:disabled:hover{background:transparent}.stat-bar-group{padding:6px 8px 4px}.stat-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.bar-label-text{font-size:10px;font-weight:700;letter-spacing:.05em}.bar-label-text.hp{color:var(--hp-fill)}.bar-label-text.mp{color:var(--mp-fill)}.bar-label-text.xp{color:var(--xp-fill)}.bar-label-value{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.stat-bar-track{height:14px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);overflow:hidden}.stat-bar-track.xp-track{height:8px}.stat-bar-fill{height:100%;border-radius:var(--radius);transition:width .4s ease}.stat-bar-fill.hp{background:linear-gradient(90deg,var(--hp-red),var(--hp-fill))}.stat-bar-fill.mp{background:linear-gradient(90deg,var(--mp-blue),var(--mp-fill))}.stat-bar-fill.xp{background:linear-gradient(90deg,var(--xp-green),var(--xp-fill))}.char-meta{display:flex;justify-content:space-around;padding:6px 8px;border-top:var(--border-1)}.char-meta-item{display:flex;flex-direction:column;align-items:center;gap:2px}.meta-label{font-size:9px;color:var(--text-dim);text-transform:uppercase}.meta-value{font-size:12px;font-weight:700}.skills-list{padding:6px 8px;display:flex;flex-direction:column;gap:3px}.skill-row{display:flex;align-items:center;gap:6px}.skill-name{font-size:10px;color:var(--text-dim);width:70px;flex-shrink:0}.skill-bar-track{flex:1;height:8px;background:var(--bg-deep);border:var(--border-1);border-radius:1px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-dim),var(--primary));border-radius:1px}.skill-level{font-size:10px;font-weight:700;color:var(--text-gold);width:58px;text-align:right}.equipment-grid{padding:6px 8px;display:flex;flex-direction:column;gap:2px;align-items:center}.equip-row{display:flex;gap:2px;justify-content:center;align-items:center}.equip-row-bottom{margin-top:1px}.equip-spacer{width:32px;height:32px}.item-slot{width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;box-shadow:none;transition:filter .12s,transform .12s}.item-slot:hover{filter:brightness(1.08)}.item-slot.has-item{background:#262b31;border:1px solid var(--border-light);box-shadow:inset 0 0 0 1px #ffffff0a}.visual-slot{cursor:default}.visual-slot:hover{filter:none}.slot-placeholder{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;opacity:1;pointer-events:none}.item-slot img:not(.slot-placeholder){width:32px;height:32px;image-rendering:pixelated;position:relative;z-index:1}.item-qty{position:absolute;right:1px;bottom:1px;z-index:2;min-width:10px;padding:0;font-size:9px;line-height:1;text-align:right;font-weight:700;color:var(--text-gold);background:transparent;border-radius:0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000;pointer-events:none}.game-bottom{display:flex;height:var(--bottom-h);border-top:var(--border-1);flex-shrink:0;min-height:0}.panel-log{flex:1 1 0;border-right:var(--border-1);border-left:none;min-width:0}.combat-log-tabs{display:flex;gap:0;border-top:var(--border-1);border-bottom:var(--border-1);background:linear-gradient(180deg,#1a1e22f2,#101214fa)}.combat-log-tab{flex:1;padding:7px 8px;border:0;border-right:1px solid rgba(255,255,255,.05);background:transparent;color:var(--text-dim);font-family:var(--font-ui);font-size:10px;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,color .15s ease}.combat-log-tab:last-child{border-right:0}.combat-log-tab:hover{color:var(--text);background:#ffffff08}.combat-log-tab.active{color:var(--text-gold);background:linear-gradient(180deg,#3d351c73,#252112b8);box-shadow:inset 0 -1px #c8a84b59}.combat-log-body{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:1px;background:var(--bg-deep)}.combat-log-empty{color:var(--text-faint);font-size:11px;font-style:italic;padding:4px 0}.log-entry{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text)}.log-entry .log-ts{color:var(--text-faint)}.log-entry.log-dealt{color:#f93}.log-entry.log-received{color:var(--hp-fill)}.log-entry.log-loot{color:var(--xp-fill)}.log-entry.log-regen{color:#79d9ff}.log-entry.log-death{color:var(--danger);font-weight:700}.log-entry.log-spell{color:var(--mp-fill)}.log-entry.log-system{color:var(--text-dim);font-style:italic}.log-entry.log-xp{color:var(--primary)}.panel-backpack{width:100%;border-right:none;border-left:none;min-height:0;background:linear-gradient(180deg,#1e2328f0,#111416fa);box-shadow:inset 0 1px #ffffff08}.panel-backpack .panel-header{position:sticky;top:0;z-index:2}.panel-backpack .panel-header-sub{padding:1px 6px;border:1px solid var(--border-light);border-radius:999px;background:#0a0c0ee6;color:var(--text-gold)}.backpack-actions{padding:6px;border-top:var(--border-1);border-bottom:var(--border-1);background:#0a0c0ebf;box-shadow:inset 0 1px #ffffff05}.backpack-sell-btn{width:100%;padding:6px 8px;font-size:10px;letter-spacing:.05em;border-color:var(--border-light);background:linear-gradient(180deg,#2a3038f2,#181c1ffa)}.backpack-sell-btn:disabled{opacity:.55;cursor:not-allowed}.backpack-grid{flex:1;min-height:0;padding:8px 6px 10px;display:grid;grid-template-columns:repeat(5,32px);gap:3px;justify-content:center;grid-auto-rows:32px;align-content:start;background:linear-gradient(180deg,#0a0c0edb,#111416f5);overflow-y:scroll;scrollbar-gutter:stable;box-shadow:inset 0 1px #ffffff05}.panel-right .panel-backpack{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#backpack-grid .item-slot{background:linear-gradient(180deg,#181c1ff2,#111416fa);border:1px solid #37404a;box-shadow:inset 0 1px #ffffff08}#backpack-grid .item-slot img:not(.slot-placeholder){width:32px;height:32px;object-fit:contain}#backpack-grid .item-slot:hover{background:var(--bg-hover);border-color:var(--primary-dim);box-shadow:inset 0 0 0 1px #c8a84b24;filter:none}#backpack-grid .item-slot.has-item{background:linear-gradient(180deg,#262b31fa,#1b1f24fa);border:1px solid #4c5864;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 1px #00000026}#backpack-grid::-webkit-scrollbar{width:7px}#backpack-grid::-webkit-scrollbar-track{background:#0a0c0ee0}#backpack-grid::-webkit-scrollbar-thumb{background:#3a434d;border-radius:999px}#backpack-grid::-webkit-scrollbar-thumb:hover{background:#586473}.chat-bar{flex:1 1 0;width:auto;min-width:0;height:auto;background:var(--bg-panel);border-right:var(--border-1);display:flex;flex-direction:column;min-height:0}.chat-tabs{display:flex;border-bottom:var(--border-1)}.chat-tab{padding:4px 12px;font-size:10px;color:var(--text-dim);border-right:var(--border-1);border-bottom:2px solid transparent;transition:all .12s}.chat-tab:hover{color:var(--text);background:var(--bg-elevated)}.chat-tab.active{color:var(--text-gold);border-bottom-color:var(--primary);background:var(--bg-elevated)}.chat-messages{flex:1;overflow-y:auto;padding:3px 8px;display:flex;flex-direction:column;gap:1px;background:var(--bg-deep)}.chat-msg{font-family:var(--font-mono);font-size:11px;line-height:1.4}.chat-msg-name{color:var(--text-gold);font-weight:700;cursor:pointer}.chat-msg-name:hover{text-decoration:underline}.chat-msg-text{color:var(--text)}.chat-input-row{display:flex;gap:4px;padding:4px 6px;border-top:var(--border-1);background:var(--bg-panel)}#chat-input{flex:1;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:5px 8px;font-family:var(--font-mono);font-size:11px}#chat-input:focus{border-color:var(--primary-dim);outline:none}.floating-window{position:fixed;min-width:280px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 8px 32px #000c;z-index:500;display:flex;flex-direction:column;max-height:70vh;animation:window-in .15s ease-out}@keyframes window-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.window-titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated);border-bottom:1px solid var(--primary-dim);padding:6px 10px;cursor:grab;cursor:move;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600;color:var(--text-gold);flex-shrink:0}.window-titlebar:active{cursor:grabbing}.window-close{width:18px;height:18px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-dim);font-size:10px;border-radius:0;display:flex;align-items:center;justify-content:center;transition:all .1s}.window-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.window-body{overflow-y:auto;flex:1;padding:8px;display:flex;flex-direction:column;gap:8px}.window-footer{padding:8px;border-top:var(--border-1);flex-shrink:0}.window-search{display:flex;gap:6px}.window-search input,.window-search select{background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:5px 8px;font-size:11px}.window-search input{flex:1}.window-search select{width:100px}.window-search input:focus,.window-search select:focus{border-color:var(--primary-dim);outline:none}.monster-browser{width:min(1080px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:min(760px,calc(100vh - 64px))}.monster-browser-body{padding:12px;gap:12px;background:linear-gradient(180deg,#080e12f5,#060a0efa)}.monster-browser-toolbar{display:flex;align-items:center;gap:8px}.monster-browser-toolbar input{flex:1;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:5px 8px;font-size:11px}.monster-selected-bar{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px 10px;background:#0a1014e6;border:var(--border-1);border-radius:var(--radius)}.monster-area-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-content:start}.monster-area-card{text-align:left;padding:16px;background:linear-gradient(180deg,#0f171dfa,#080e12fa);border:var(--border-1);border-radius:var(--radius);cursor:pointer;color:var(--text);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.monster-area-card:hover{background:linear-gradient(180deg,#121c24,#0a1014);border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.monster-area-card.disabled{opacity:.56;cursor:default}.monster-area-card.disabled:hover{transform:none;border-color:var(--border);background:linear-gradient(180deg,#0f171dfa,#080e12fa);box-shadow:none}.monster-area-card-media{width:100%;height:120px;margin-bottom:12px;border:1px solid rgba(200,168,75,.18);border-radius:var(--radius);background-color:var(--bg-deep);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff08}.monster-area-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.monster-area-card-title{font-size:16px;font-weight:700;color:var(--text-gold)}.monster-area-card-badge{padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.monster-area-card-badge.available{color:#9be28b;border-color:#5bae4f59;background:#264b1c73}.monster-area-card-badge.locked{color:var(--text-gold);border-color:#c8a84b47;background:#3d351c61}.monster-area-card-sub{margin-top:6px;font-size:11px;color:var(--text)}.monster-area-card-desc{margin-top:10px;font-size:10px;color:var(--text-dim)}.monster-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start}.monster-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;background:#0a1014eb;border:var(--border-1);border-left-width:3px;border-radius:var(--radius);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}.monster-card.tier-easy{border-left-color:var(--xp-fill)}.monster-card.tier-medium{border-left-color:var(--warning)}.monster-card.tier-hard{border-left-color:var(--danger)}.monster-card:hover{border-color:var(--border-light);border-left-color:inherit;background:#0e151afa;transform:translateY(-2px);box-shadow:0 8px 20px #00000047}.monster-card.tier-easy:hover{border-left-color:var(--xp-fill)}.monster-card.tier-medium:hover{border-left-color:var(--warning)}.monster-card.tier-hard:hover{border-left-color:var(--danger)}.monster-card.selected{border-color:var(--primary);background:linear-gradient(180deg,#30270e8c,#0a1014f0);box-shadow:0 0 0 1px #c8a84b59,0 10px 24px #0000004d}.monster-card.disabled{opacity:.5;cursor:default}.monster-card-check{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--primary);color:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 0 0 2px var(--bg-deep),0 2px 6px #0006}.monster-card-top{display:flex;align-items:center;gap:10px;min-width:0}.monster-card-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle at 50% 38%,#c8a84b29,#060a0ef0 72%);border:var(--border-1);border-radius:var(--radius)}.monster-card-icon img{width:46px;height:46px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.monster-directory-fallback{color:var(--text-dim);font-size:14px}.monster-card-title-wrap{min-width:0}.monster-card-name{font-size:12px;font-weight:700;color:var(--text)}.monster-card-meta{margin-top:2px;font-size:10px;color:var(--text-dim)}.monster-card-stats{display:flex;align-items:center;gap:10px;padding:6px 9px;border:var(--border-1);border-radius:var(--radius);background:#060a0e99}.monster-card-stat{display:flex;align-items:baseline;gap:4px;flex:1}.monster-card-stat+.monster-card-stat{border-left:1px solid var(--border);padding-left:10px}.monster-card-stat span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.monster-card-stat strong{font-size:11px;color:var(--text)}.monster-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.monster-directory-select,.monster-directory-selected{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;transition:background .12s ease,border-color .12s ease}.monster-directory-select{color:var(--text-gold);background:#c8a84b14;border:1px solid var(--primary-dim)}.monster-card:hover .monster-directory-select{background:#c8a84b2e;border-color:var(--primary)}.monster-directory-selected{color:var(--primary-glow);background:#c8a84b38;border:1px solid var(--primary)}.monster-card-limit{font-size:10px;color:var(--text-dim)}.monster-qty-ctrl{display:flex;align-items:center;justify-content:center;gap:4px}.qty-btn{width:20px;height:20px;background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-gold);font-size:13px;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;line-height:1;padding:0;font-family:monospace}.qty-btn:hover{background:var(--primary-dim);border-color:var(--primary)}.qty-btn:active{transform:scale(.9)}.qty-val{min-width:28px;text-align:center;font-size:11px;font-weight:700;color:var(--primary);background:var(--bg-deep);border:1px solid var(--border);border-radius:2px;padding:1px 4px}.monster-tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg-deep);border:1px solid var(--border-light);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--text-gold);white-space:nowrap}.inline-monster-icon{width:20px;height:20px;image-rendering:pixelated;vertical-align:middle}.boss-browser-body{height:560px;overflow:hidden}.boss-browser-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.boss-browser-toolbar input{flex:1;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:5px 8px;font-size:11px}.boss-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-content:start;overflow-y:auto;min-height:0;flex:1;padding-right:2px}.boss-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;background:#0a1014eb;border:var(--border-1);border-left-width:3px;border-radius:var(--radius);transition:border-color .14s ease,background .14s ease,transform .14s ease}.boss-card.tier-easy{border-left-color:var(--xp-fill)}.boss-card.tier-medium{border-left-color:var(--warning)}.boss-card.tier-hard{border-left-color:var(--danger)}.boss-card:not(.disabled):hover{background:#0e151afa;border-color:var(--border-light);transform:translateY(-2px)}.boss-card.tier-easy:hover{border-left-color:var(--xp-fill)}.boss-card.tier-medium:hover{border-left-color:var(--warning)}.boss-card.tier-hard:hover{border-left-color:var(--danger)}.boss-card.disabled{opacity:.55}.boss-card-top{display:flex;align-items:center;gap:10px;min-width:0}.boss-card-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle at 50% 38%,#c8a84b29,#060a0ef0 72%);border:var(--border-1);border-radius:var(--radius)}.boss-card-icon img{width:46px;height:46px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.boss-card-title-wrap{min-width:0}.boss-card-name{font-size:12px;font-weight:700;color:var(--text-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-card-meta{margin-top:2px;font-size:9px;color:var(--text-dim)}.boss-card-status{display:flex;justify-content:center}.boss-fight-btn{width:100%}.boss-card-cooldown,.boss-card-locked{font-size:10px;color:var(--text-dim)}.boss-card-actions{display:flex;gap:6px;width:100%}.boss-card-actions .boss-fight-btn{flex:2}.boss-card-actions .boss-party-btn{flex:1;white-space:nowrap}.boss-lobby-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;flex:1;padding-right:2px}.lobby-browser-header{display:flex;align-items:center;gap:10px;padding:12px;background:#0a1014eb;border:var(--border-1);border-radius:var(--radius)}.lobby-browser-header .boss-card-title-wrap{flex:1;min-width:0}.lobby-browser-list{display:flex;flex-direction:column;gap:8px}.lobby-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.lobby-row-leader{flex:1;font-size:12px;font-weight:700;color:var(--text-gold)}.lobby-row-count{font-size:11px;color:var(--text-dim)}.lobby-member-list{display:flex;flex-direction:column;gap:6px}.lobby-member-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);font-size:11px}.lobby-member-row.ready{border-color:var(--xp-fill)}.lobby-member-name{flex:1;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-member-meta{color:var(--text-dim)}.lobby-member-ready{font-weight:700;color:var(--text-dim);min-width:80px;text-align:right}.lobby-member-row.ready .lobby-member-ready{color:#9be28b}.lobby-actions{display:flex;gap:8px;justify-content:flex-end}.bestiary-body{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.bestiary-charm-points{font-size:11px;font-weight:700;color:var(--text-gold);white-space:nowrap}.bestiary-silhouette{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text-dim)}.bestiary-progress{display:flex;flex-direction:column;gap:3px}.bestiary-progress-bar{height:6px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);overflow:hidden}.bestiary-progress-fill{height:100%;background:var(--xp-fill)}.bestiary-progress-label{font-size:9px;color:var(--text-dim)}.bestiary-detail{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;flex:1;padding-right:2px}.bestiary-detail-header{display:flex;align-items:center;gap:12px}.bestiary-detail-icon{width:74px;height:74px}.bestiary-detail-icon img{width:64px;height:64px;image-rendering:pixelated}.bestiary-detail-name{font-size:15px;font-weight:700;color:var(--text-gold)}.bestiary-detail .loot-tooltip-row{padding:4px 0}.ranking-body{height:480px;overflow:hidden}.ranking-tabs{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.ranking-tab{padding:5px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);background:var(--bg-surface);border:var(--border-1);border-radius:999px;transition:all .12s ease}.ranking-tab:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-elevated)}.ranking-tab.active{color:var(--bg-deep);background:var(--primary);border-color:var(--primary)}.ranking-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0;flex:1;padding-right:2px}.ranking-row{display:grid;grid-template-columns:40px minmax(0,1fr) 90px 70px;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);font-size:11px}.ranking-row.ranking-header{background:none;border:none;padding:2px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.ranking-row.me{border-color:var(--primary);background:linear-gradient(180deg,#30270e66,#0a1014eb)}.ranking-rank{font-weight:700;color:var(--text-dim)}.ranking-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:700}.ranking-row.me .ranking-name{color:var(--text-gold)}.ranking-voc{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-value{text-align:right;font-weight:700;color:var(--primary)}.store-body{gap:14px}.store-header{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(180deg,#30270e59,#0a1014eb);border:var(--border-1);border-radius:var(--radius)}.store-balance{font-size:18px;font-weight:700;color:var(--primary-glow)}.store-currency-name{font-size:11px;font-weight:400;color:var(--text-dim)}.store-status-row{display:flex;flex-wrap:wrap;gap:6px}.store-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;color:var(--text-dim);background:var(--bg-surface);border:var(--border-1)}.store-status-badge.vip{color:var(--bg-deep);background:var(--primary);border-color:var(--primary)}.store-status-badge.boost{color:#9be28b;background:#264b1c73;border-color:#5bae4f59}.store-section{display:flex;flex-direction:column;gap:8px}.store-benefits{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--text-gold)}.store-benefits span{padding:3px 8px;background:#c8a84b1a;border:1px solid rgba(200,168,75,.25);border-radius:999px}.store-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.store-plan-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);transition:border-color .14s ease,transform .14s ease}.store-plan-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.store-plan-days{font-size:15px;font-weight:700;color:var(--text-gold)}.store-plan-price{font-size:12px;color:var(--primary-glow)}.rewards-body{display:flex;flex-direction:column;gap:10px}.reward-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);transition:border-color .14s ease}.reward-card:hover{border-color:var(--border-light)}.reward-card-top{display:flex;align-items:center;gap:10px}.reward-card-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#c8a84b29,#060a0ef0 72%);border:var(--border-1);border-radius:var(--radius)}.reward-card-title-wrap{display:flex;flex-direction:column;gap:2px}.reward-card-name{font-size:13px;font-weight:700;color:var(--text-gold)}.reward-card-meta{font-size:10px;color:var(--text-dim)}.reward-card-contents{display:flex;flex-wrap:wrap;gap:6px}.reward-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#c8a84b1a;border:1px solid rgba(200,168,75,.25);border-radius:999px;font-size:10px;color:var(--text)}.reward-chip.gold{color:var(--text-gold);background:#c8a84b29;border-color:#c8a84b59}.reward-chip.empty{color:var(--text-dim);background:var(--bg-surface);border-color:var(--border-1)}.reward-claim-btn{align-self:flex-end}.npc-browser-body{padding:12px;background:linear-gradient(180deg,#080e12f5,#060a0efa)}.npc-browser-body{overflow:hidden}.npc-browser-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;height:520px}.npc-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:2px}.npc-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;background:#0a1014eb;border:var(--border-1);border-radius:var(--radius);color:var(--text);transition:border-color .14s ease,background .14s ease,transform .14s ease}.npc-card:hover{background:#0e151afa;border-color:var(--border-light);transform:translateY(-1px)}.npc-card.active{border-color:var(--primary);box-shadow:0 0 0 1px #c8a84b38}.npc-card-portrait{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#c8a84b29,#060a0ef0 72%);border:var(--border-1);border-radius:var(--radius)}.npc-card-portrait img{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.npc-portrait-fallback{font-size:20px}.npc-card-info{min-width:0}.npc-card-name{font-size:13px;font-weight:700;color:var(--text-gold)}.npc-card-role,.npc-card-desc{margin-top:4px;font-size:10px;color:var(--text-dim)}.npc-shop{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.npc-shop-header{display:flex;align-items:center;gap:12px;padding:10px;background:#0a1014eb;border:var(--border-1);border-radius:var(--radius);flex-shrink:0}.npc-shop-portrait{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#c8a84b2e,#060a0ef0 72%);border:var(--border-1);border-radius:var(--radius)}.npc-shop-portrait img{width:58px;height:58px;image-rendering:pixelated;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.npc-shop-header-info{flex:1;min-width:0}.npc-shop-title{font-size:15px;font-weight:700;color:var(--text-gold)}.npc-shop-subtitle,.npc-shop-note{font-size:10px;color:var(--text-dim)}.npc-shop-gold{font-size:11px;font-weight:700;color:var(--text-gold);white-space:nowrap}.npc-promotion-card{display:flex;flex-direction:column;gap:10px;padding:16px;margin-top:8px;background:#0a1014eb;border:var(--border-1);border-radius:var(--radius)}.npc-promotion-title{font-family:var(--font-pixel);font-size:12px;color:var(--text-gold);text-align:center;margin-bottom:4px}.npc-promotion-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text);padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.npc-promotion-ok{color:var(--success)}.npc-promotion-bad{color:var(--danger)}.npc-promotion-status{font-size:11px;color:var(--danger);text-align:center;min-height:14px}.npc-shop-tabs{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.npc-shop-tab{padding:5px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);background:var(--bg-surface);border:var(--border-1);border-radius:999px;transition:all .12s ease}.npc-shop-tab:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-elevated)}.npc-shop-tab.active{color:var(--bg-deep);background:var(--primary);border-color:var(--primary)}.npc-shop-tab-count{opacity:.7;font-weight:400}.npc-shop-tab.active .npc-shop-tab-count{opacity:.6}.npc-shop-items{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;flex:1;padding-right:2px}.npc-shop-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.npc-shop-item-media{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);border:var(--border-1)}.npc-shop-item-img{width:32px;height:32px;image-rendering:pixelated}.npc-shop-item-info{min-width:0}.npc-shop-item-name{font-size:12px;font-weight:700;color:var(--text)}.npc-shop-item-meta,.npc-shop-item-desc{margin-top:3px;font-size:10px;color:var(--text-dim)}.npc-shop-item-actions{display:flex;align-items:center;gap:6px}.npc-buy-qty-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.npc-buy-qty-slider{width:120px;accent-color:var(--primary);cursor:pointer}.npc-buy-qty-input{width:48px;font-size:11px;font-weight:700;color:var(--primary);text-align:center;background:#0a1014eb;border:var(--border-1);border-radius:var(--radius);padding:2px 4px}.npc-buy-qty-input::-webkit-inner-spin-button,.npc-buy-qty-input::-webkit-outer-spin-button{opacity:.6}.npc-buy-qty-total{font-size:10px;font-weight:700;color:var(--text-gold);min-width:90px;text-align:right;white-space:nowrap}.sell-loot-summary{font-size:11px;color:var(--text-dim);padding:8px 10px;background:#0a1014eb;border:var(--border-1);border-radius:var(--radius)}.sell-loot-toolbar{display:flex;justify-content:flex-end;gap:6px}.sell-loot-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.sell-loot-item{display:grid;grid-template-columns:18px 42px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);cursor:pointer}.sell-loot-item:hover{background:var(--bg-elevated);border-color:var(--border-light)}.sell-loot-checkbox{width:14px;height:14px;accent-color:var(--primary)}.sell-loot-item-media{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);border:var(--border-1)}.sell-loot-item-img{width:32px;height:32px;image-rendering:pixelated}.sell-loot-item-info{min-width:0}.sell-loot-item-name{font-size:12px;font-weight:700;color:var(--text)}.sell-loot-item-meta{margin-top:3px;font-size:10px;color:var(--text-dim)}.sell-loot-footer{display:flex;justify-content:flex-end;gap:8px}.config-tabs{display:flex;border-bottom:var(--border-1);margin:-8px -8px 8px}.config-tab{padding:6px 14px;font-size:11px;color:var(--text-dim);border-right:var(--border-1);border-bottom:2px solid transparent;transition:all .12s}.config-tab:hover{color:var(--text);background:var(--bg-elevated)}.config-tab.active{color:var(--text-gold);border-bottom-color:var(--primary);background:var(--bg-elevated)}.config-content{display:flex;flex-direction:column;gap:8px}.config-section-title{font-size:10px;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.08em}.config-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.config-row label{flex:1;font-size:11px;cursor:pointer}.config-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.config-row input[type=range]{flex:1;accent-color:var(--primary)}.config-row select{background:var(--bg-elevated);border:var(--border-1);border-radius:var(--radius);padding:3px 6px;font-size:10px}.config-row .config-val{font-size:11px;color:var(--text-gold);width:48px;text-align:right}.helper-profile-card{display:flex;flex-direction:column;gap:4px;padding:10px;background:linear-gradient(180deg,#c8a84b14,#c8a84b05);border:1px solid rgba(200,168,75,.28);border-radius:var(--radius)}.helper-profile-title{font-size:12px;font-weight:700;color:var(--text-gold)}.helper-profile-note{font-size:11px;color:var(--text);line-height:1.45}.helper-profile-meta{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.helper-badge{display:inline-flex;align-items:center;margin-left:6px;padding:1px 6px;background:#2ecc5a1f;border:1px solid rgba(46,204,90,.4);border-radius:999px;color:var(--success);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.helper-spell-name{font-size:11px;color:var(--text)}.helper-spell-meta{display:block;margin-top:2px;font-size:10px;color:var(--text-dim)}.helper-spell-icon{width:26px;height:26px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px}.helper-spell-info{flex:1;min-width:0}.helper-toggle-btn{flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700;border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-elevated);color:var(--text-dim);cursor:pointer;transition:filter .12s}.helper-toggle-btn:hover{filter:brightness(1.15)}.helper-toggle-btn.in-bar{background:#c8a84b24;border-color:var(--text-gold);color:var(--text-gold)}.helper-section-gap{margin-top:8px}.loading-state{text-align:center;padding:24px;color:var(--text-dim);font-size:11px}.loading-state:before{content:"⏳ "}.tooltip{position:fixed;background:var(--bg-elevated);border:1px solid var(--primary-dim);border-radius:var(--radius);padding:8px 10px;font-size:11px;color:var(--text);max-width:240px;box-shadow:0 4px 16px #000c;z-index:9999;pointer-events:none;line-height:1.6;white-space:pre-line}.tooltip strong{color:var(--text-gold)}.tooltip.loot-tooltip{max-width:220px;padding:10px;white-space:normal}.tooltip.loot-tooltip-wide{max-width:420px}.loot-tooltip-columns{display:flex;gap:12px}.loot-tooltip-column{flex:1;min-width:0}.loot-tooltip-column+.loot-tooltip-column{border-left:1px solid var(--border);padding-left:12px}.loot-tooltip-title{font-size:10px;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border)}.loot-tooltip-row{display:flex;align-items:center;gap:6px;padding:2px 0}.loot-tooltip-icon{flex-shrink:0;image-rendering:pixelated}.loot-tooltip-icon-placeholder{width:20px;height:20px;flex-shrink:0}.loot-tooltip-name{flex:1;min-width:0;font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.loot-tooltip-chance{flex-shrink:0;font-size:10px;font-weight:700;color:var(--text-dim)}.loot-tooltip-empty{font-size:10px;color:var(--text-dim)}.char-sheet{display:flex;flex-direction:column;gap:10px}.char-sheet-section{background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:8px}.char-sheet-section h4{font-size:10px;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.char-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.appearance-window-body{padding:10px;overflow:hidden}.appearance-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:460px;height:100%}.appearance-preview-panel{display:flex;flex-direction:column;gap:10px;position:sticky;top:0;align-self:start;max-height:100%;overflow-y:auto;padding-right:4px;border-right:1px solid rgba(255,255,255,.06)}.appearance-preview-stage{min-height:220px;background:linear-gradient(180deg,#0a0c0efa,#111416fa);border:var(--border-1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff08}.appearance-preview-image{width:184px;height:184px;object-fit:contain;image-rendering:pixelated}.appearance-preview-toolbar{display:flex;gap:6px}.appearance-preview-mode{flex:1 1 0;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-dim);font-size:11px}.appearance-preview-mode.active{border-color:var(--primary-dim);background:var(--bg-elevated);color:var(--text-gold)}.appearance-addon-list{display:flex;flex-direction:column;gap:6px}.appearance-addon-option{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text)}.appearance-color-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.appearance-color-slot{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-dim);font-size:11px;text-align:left}.appearance-color-slot.active{border-color:var(--primary);color:var(--text-gold);background:#c8a84b14}.appearance-palette{display:grid;grid-template-columns:repeat(19,1fr);gap:4px}.appearance-palette-swatch{width:100%;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.08);border-radius:2px;box-shadow:inset 0 0 0 1px #00000040}.appearance-palette-swatch.is-selected{border-color:var(--text-white);box-shadow:0 0 0 1px var(--primary-glow),inset 0 0 0 1px #0000008c}.appearance-list-panel{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.appearance-toolbar{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;z-index:1;background:linear-gradient(180deg,#111416fa,#111416eb);padding-bottom:6px}#appearance-search{width:100%;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:8px 10px;color:var(--text);font-size:12px}.appearance-type-tabs{display:flex;gap:6px}.appearance-type-tab{flex:1 1 0;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-dim);font-size:11px}.appearance-type-tab.active{border-color:var(--primary-dim);background:var(--bg-elevated);color:var(--text-gold)}.appearance-list{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-right:2px}.appearance-preview-panel::-webkit-scrollbar,.appearance-list::-webkit-scrollbar{width:7px}.appearance-preview-panel::-webkit-scrollbar-track,.appearance-list::-webkit-scrollbar-track{background:#0a0c0edb}.appearance-preview-panel::-webkit-scrollbar-thumb,.appearance-list::-webkit-scrollbar-thumb{background:#3a434d;border-radius:999px}.appearance-preview-panel::-webkit-scrollbar-thumb:hover,.appearance-list::-webkit-scrollbar-thumb:hover{background:#586473}.appearance-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#181c1ffa,#111416fa);transition:border-color .12s,background .12s,transform .12s}.appearance-card:hover{border-color:var(--primary-dim);background:var(--bg-hover)}.appearance-card.active{border-color:var(--primary);box-shadow:inset 0 0 0 1px #c8a84b2e}.appearance-card-preview{height:88px;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);background:#0a0c0ee0;display:flex;align-items:center;justify-content:center}.appearance-card-preview img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}.appearance-card-name{font-size:12px;color:var(--text-white)}.appearance-card-meta{display:flex;flex-wrap:wrap;gap:4px}.appearance-chip{padding:2px 6px;border:1px solid var(--border-light);border-radius:999px;background:#0a0c0ee0;color:var(--text-dim);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.appearance-empty{grid-column:1 / -1;padding:20px;border:1px dashed var(--border-light);color:var(--text-faint);text-align:center}.cs-row.action-row{grid-column:1 / -1}.btn-char-outfit{width:100%;margin-top:4px}.cs-row{display:flex;justify-content:space-between;font-size:11px}.cs-label{color:var(--text-dim)}.cs-val{font-weight:700;color:var(--text)}@media(max-width:900px){:root{--panel-left-w: 120px;--panel-right-w: 160px}.nav-logo{display:none}}