: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-rail-w: 78px;--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-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{filter:grayscale(.6);transform:none}.btn-primary:disabled:active,.btn-secondary:disabled:active{transform:none}.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-right{display:flex;align-items:center;gap:8px}.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;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}.nav-rail{width:var(--nav-rail-w);flex-shrink:0;min-height:0;border-left:var(--border-1);overflow-y:auto;overflow-x:hidden;align-items:stretch;gap:2px;padding:6px 4px}.nav-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex-shrink:0;padding:5px 2px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-dim);transition:all .15s}.nav-rail-icon{font-size:17px;line-height:1}.nav-rail-label{font-size:10px;line-height:1.15;text-align:center}.nav-rail-btn:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.nav-rail-btn.active{background:var(--bg-elevated);color:var(--text-gold);border-color:var(--primary-dim)}.buff-icons{position:absolute;top:6px;right:6px;display:flex;flex-direction:row;gap:4px;z-index:5;pointer-events:none}.buff-icon{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(180deg,#2b2620,#1a1712);border:1px solid var(--text-gold);border-radius:3px;pointer-events:auto}.buff-icon-emoji{font-size:15px;line-height:1}.buff-icon-img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.buff-icon-time{position:absolute;left:0;right:0;bottom:-1px;font-size:7px;font-weight:700;line-height:1;text-align:center;padding:1px 0;color:var(--text-gold);background:#000000b3}.buff-icon.inactive{border-color:#4a4032;filter:grayscale(1) brightness(.6)}.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)}.panel-header-actions{display:flex;align-items:center;gap:2px}.panel-section.collapsed>*:not(.panel-header){display:none}.panel-section.collapsed .panel-collapse-btn[data-collapse]{transform:rotate(-90deg)}.panel-right .panel-backpack.collapsed{flex:0 0 auto}.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;border:2px solid var(--border);box-shadow:0 0 40px #000c,inset 0 0 0 1px #c8a84b0d}.battle-scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated;pointer-events:none;z-index:0;opacity:1}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;image-rendering:pixelated;width:100%;height:100%;background:transparent}.entity-overlay{position:absolute;top:0;right:0;bottom:0;left:0;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 var(--impact-duration, .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:100%;height:100%;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{transform:translateY(8px) 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}}.boss-hp-bar{position:absolute;top:34px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:3px;width:min(88%,420px);padding:6px 14px;background:linear-gradient(180deg,#300e0e8c,#0a0808e0);border:1px solid rgba(220,70,60,.6);border-radius:6px;box-shadow:0 2px 10px #00000080,0 0 12px #dc463c33;pointer-events:none}.boss-hp-bar.hidden{display:none}.boss-hp-name{font-family:var(--font-pixel);font-size:10px;letter-spacing:.3px;color:#ff6a6a;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.boss-hp-track{width:100%;height:10px;background:#0009;border:1px solid rgba(220,70,60,.4);border-radius:999px;overflow:hidden}.boss-hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#1f9f4a,#41d368);transition:width .2s linear}.boss-hp-bar.is-low-hp .boss-hp-fill{background:linear-gradient(90deg,#aa2c2c,#ff4a4a)}.boss-hp-label{font-family:var(--font-pixel);font-size:8px;color:var(--text-gold)}.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-slot-food.well-fed{border-color:var(--xp-fill);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #0006,0 0 4px var(--xp-fill)}.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;white-space:pre-line}.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)}.log-entry.log-says{color:#90ee90}.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-badge.locked.vip{color:#d9b3ff;border-color:#a36ae873;background:#42216980}.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-area-card-monsters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:10px;min-height:64px;padding:10px;margin-bottom:12px;border:1px solid rgba(200,168,75,.18);border-radius:var(--radius);background:radial-gradient(circle at 50% 0%,rgba(200,168,75,.08),transparent 70%),var(--bg-deep);box-shadow:inset 0 0 0 1px #ffffff08}.cave-card-monster-icon{image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:transform .14s ease}.monster-area-card:hover .cave-card-monster-icon{transform:translateY(-2px)}.monster-pool-view{display:flex;justify-content:center}.monster-pool-card{width:100%;max-width:440px;padding:14px;background:linear-gradient(180deg,#0f171dfa,#080e12fa);border:var(--border-1);border-radius:var(--radius)}.monster-pool-desc{font-size:12px;color:var(--text-dim);margin-bottom:10px}.monster-pool-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-gold);margin-bottom:8px}.monster-pool-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;margin-bottom:12px;border:1px solid rgba(200,168,75,.18);border-radius:var(--radius);background:radial-gradient(circle at 50% 0%,rgba(200,168,75,.08),transparent 70%),var(--bg-deep)}.monster-pool-icon{display:flex;flex-direction:column;align-items:center;gap:3px;width:60px;text-align:center}.monster-pool-icon img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:transform .14s ease}.monster-pool-icon:hover img{transform:translateY(-2px)}.monster-pool-icon span{font-size:10px;color:var(--text)}.monster-pool-qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:var(--text)}.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-card-auto-toggle{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.boss-card-auto-toggle input{cursor:pointer}.boss-card-auto-toggle input:disabled{cursor:not-allowed}.boss-card-auto-toggle:has(input:disabled){opacity:.5}#btn-auto-boss-toggle.active{background:var(--xp-fill);color:var(--bg-surface);border-color:var(--xp-fill)}.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}#hunt-party-panel{border:1px solid var(--primary);box-shadow:0 0 10px #c8a84b59,inset 0 0 14px #c8a84b0f;animation:hunt-party-panel-glow 2.4s ease-in-out infinite}#hunt-party-panel .panel-header{background:linear-gradient(90deg,#c8a84b47,#e8c96a1f);color:var(--primary-glow);text-shadow:0 0 6px rgba(232,201,106,.5)}@keyframes hunt-party-panel-glow{0%,to{box-shadow:0 0 10px #c8a84b59,inset 0 0 14px #c8a84b0f}50%{box-shadow:0 0 18px #e8c96a99,inset 0 0 18px #e8c96a1a}}#hunt-party-exp-bonus{display:inline-block;padding:2px 7px;margin-left:6px;background:linear-gradient(90deg,var(--success),#7be89a);color:#0a0c0e;font-weight:800;border-radius:10px;font-size:9px;letter-spacing:.02em;box-shadow:0 0 6px #2ecc5a8c}.hunt-party-create-row{display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);font-size:11px;color:var(--text-dim)}.hunt-party-create-row select,.hunt-party-create-row input{background:var(--bg-elevated);color:var(--text);border:var(--border-1);border-radius:var(--radius);padding:4px 8px;font-size:11px}.hunt-party-create-row input{flex:1;min-width:100px}.hunt-party-join-password{background:var(--bg-elevated);color:var(--text);border:var(--border-1);border-radius:var(--radius);padding:4px 8px;font-size:11px;width:90px}.hunt-party-area-label{font-size:11px;color:var(--text-dim);padding:2px}.hunt-party-monster-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;font-size:11px;color:var(--text-dim);background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.hunt-party-note{padding:8px 12px;font-size:11px;color:var(--text-gold);background:#d4af3714;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius)}.hunt-party-grid-label{padding:2px 2px 0;font-size:11px;color:var(--text-dim)}.hunt-party-grid-container{display:flex;justify-content:center;padding:6px 0}.hunt-party-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:100%;max-width:176px;margin:6px auto 0}.hunt-party-grid-cell{aspect-ratio:1 / 1;padding:0;border:1px solid var(--border);border-radius:1px;background:var(--bg-surface)}.hunt-party-grid-cell.center{background:var(--text-gold);border-color:var(--text-gold)}.hunt-party-grid-cell.reserved{background:#cc22222e;border-color:#cc222259}.hunt-party-grid-cell.taken{background:var(--bg-hover)}.hunt-party-grid-cell.mine{background:var(--xp-fill);border-color:var(--xp-fill)}.hunt-party-grid-cell.clickable{cursor:pointer}.hunt-party-grid-cell.clickable:hover{border-color:var(--border-light);background:var(--bg-elevated)}.nav-btn-locked{opacity:.45;cursor:not-allowed}.bestiary-body{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.bestiary-charm-points,.bestiary-charm-slots{font-size:11px;font-weight:700;color:var(--text-gold);white-space:nowrap}.bestiary-charm-card{justify-content:space-between}.bestiary-charm-equip-row{display:flex;align-items:center;gap:8px}.bestiary-charm-equip-row select{flex:1;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:5px 8px;font-size:11px;color:var(--text)}.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}.bosstiary-list-view{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;flex:1;padding-right:2px}.bosstiary-slots-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;flex-shrink:0}.bosstiary-slot-card{border-left-width:3px;border-left-color:var(--text-gold)}.bosstiary-slot-card.disabled{opacity:.55}.bosstiary-grid{min-height:0}.bosstiary-list-view .boss-list{flex:none}.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}.depot-tab-panel{display:flex;flex-direction:column;gap:8px}.depot-grid{display:grid;grid-template-columns:repeat(8,32px);gap:3px;justify-content:center;max-height:360px;overflow-y:auto;padding:8px 6px;background:linear-gradient(180deg,#0a0c0edb,#111416f5);border:var(--border-1);border-radius:var(--radius)}#depot-grid .item-slot{background:linear-gradient(180deg,#181c1ff2,#111416fa);border:1px solid #37404a;box-shadow:inset 0 1px #ffffff08}#depot-grid .item-slot:hover{background:var(--bg-hover);border-color:var(--primary-dim);box-shadow:inset 0 0 0 1px #c8a84b24;filter:none}#depot-grid .item-slot.has-item{background:linear-gradient(180deg,#262b31fa,#1b1f24fa);border:1px solid #4c5864}.mail-send-form{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.mail-log-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.mail-log-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.mail-log-item-media{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);border:var(--border-1)}.mail-log-item-name{font-size:12px;font-weight:700;color:var(--text)}.mail-log-item-meta{margin-top:3px;font-size:10px;color:var(--text-dim)}.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}.section-icon{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:2px;image-rendering:pixelated}.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)}.wheel-nav-icon,.wheel-nav-icon-inline{display:inline-block;background:url(/ui/wheel/icon-skillwheel-selection.png) center / contain no-repeat}.wheel-nav-icon{width:22px;height:22px}.wheel-nav-icon-inline{width:14px;height:14px;margin-right:5px;vertical-align:-2px}.wheel-window{width:min(700px,calc(100vw - 40px));max-height:min(640px,calc(100vh - 64px))}.wheel-body{padding:10px;gap:10px;background:radial-gradient(ellipse at 32% 40%,rgba(200,168,75,.07),transparent 62%),linear-gradient(180deg,#080e12f5,#060a0efa)}.wheel-toolbar{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--bg-elevated);border:var(--border-1);border-radius:var(--radius)}.wheel-points-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.wheel-points-head{display:flex;align-items:baseline;gap:10px;justify-content:space-between}.wheel-points-label{font-size:11px;font-weight:700;color:var(--text-gold);white-space:nowrap}.wheel-points-hint{font-size:9px;color:var(--text-faint);font-style:italic}.wheel-points-bar{position:relative;width:100%;height:14px;background:url(/ui/wheel/progressBg.png) center / 100% 100% no-repeat;border-radius:var(--radius);overflow:hidden}.wheel-points-bar-fill{position:absolute;top:1px;bottom:1px;left:1px;width:0%;background:url(/ui/wheel/progressBar.png) left center / auto 100% repeat-x;transition:width .18s ease-out}.wheel-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:12px;align-items:start}.wheel-board{position:relative;width:100%;max-width:384px;margin:0 auto;aspect-ratio:1;display:grid;place-items:center;padding:12px;border-radius:50%}.wheel-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:url(/ui/wheel/backdrop_skillwheel.png) center / contain no-repeat;opacity:.3;-webkit-mask:radial-gradient(circle,#000 52%,transparent 76%);mask:radial-gradient(circle,#000 52%,transparent 76%);pointer-events:none}.wheel-board:after{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(200,168,75,.05) 74%,transparent 80%);box-shadow:inset 0 0 46px #000c;pointer-events:none}.wheel-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px}.wheel-grid .loading-state{grid-column:1 / -1;align-self:center}.wheel-quadrant{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.wheel-quadrant.color-green{--q: #35D96A;--q-dim: rgba(53, 217, 106, .16);--q-track: rgba(53, 217, 106, .26)}.wheel-quadrant.color-red{--q: #EF4B4B;--q-dim: rgba(239, 75, 75, .16);--q-track: rgba(239, 75, 75, .26)}.wheel-quadrant.color-blue{--q: #3FA0FF;--q-dim: rgba(63, 160, 255, .16);--q-track: rgba(63, 160, 255, .26)}.wheel-quadrant.color-purple{--q: #BE72E8;--q-dim: rgba(190, 114, 232, .16);--q-track: rgba(190, 114, 232, .26)}.wheel-slot{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;padding:0;border:none;background:radial-gradient(circle,rgba(0,0,0,.5) 55%,transparent 72%);transition:transform .1s,filter .1s}.wheel-slot.filled{filter:drop-shadow(0 0 3px var(--q))}.wheel-slot.full{filter:drop-shadow(0 0 6px var(--q))}.wheel-slot:not(.locked):hover{transform:scale(1.12);z-index:2}.wheel-slot:not(.locked):active{transform:scale(1.03)}.wheel-slot.locked{cursor:not-allowed}.wheel-slot-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(var(--q) calc(var(--fill) * 1%),var(--q-track) 0);-webkit-mask:radial-gradient(circle,transparent 75%,#000 81%);mask:radial-gradient(circle,transparent 75%,#000 81%);pointer-events:none}.wheel-slot-icon{width:76%;aspect-ratio:1;background-image:url(/ui/wheel/icons-skillwheel-mediumperks.png);background-repeat:no-repeat;background-size:4900% 100%;background-position:calc(var(--i) * 100% / 48) 0;pointer-events:none;transition:filter .1s}.wheel-slot:not(.filled) .wheel-slot-icon{filter:brightness(.82)}.wheel-slot.locked .wheel-slot-icon{filter:grayscale(.85) brightness(.55)}.wheel-slot:not(.locked):hover .wheel-slot-icon{filter:none}.wheel-slot-val{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);padding:0 3px;border-radius:6px;background:#06090ce6;font-size:8px;font-weight:700;line-height:11px;color:var(--text-dim);pointer-events:none}.wheel-slot.filled .wheel-slot-val{color:var(--text-white)}.wheel-slot.full .wheel-slot-val{color:var(--q)}.wheel-slot-lock{position:absolute;bottom:8%;right:8%;width:6px;height:9px;background:url(/ui/wheel/icon-locked.png) center / contain no-repeat;pointer-events:none}.wheel-side{display:flex;flex-direction:column;gap:6px}.wheel-side-title{font-size:9px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;padding-bottom:3px;border-bottom:1px solid var(--border)}.wheel-side-title:not(:first-child){margin-top:6px}.wheel-perks{display:flex;flex-direction:column;gap:4px}.wheel-perk-card{display:flex;align-items:center;gap:7px;padding:5px 7px;background:var(--bg-surface);border:1px solid var(--border);border-left:2px solid var(--q);border-radius:var(--radius)}.wheel-perk-card.color-green{--q: #35D96A}.wheel-perk-card.color-red{--q: #EF4B4B}.wheel-perk-card.color-blue{--q: #3FA0FF}.wheel-perk-card.color-purple{--q: #BE72E8}.wheel-perk-card.active{background:var(--bg-elevated)}.wheel-perk-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.wheel-perk-name{font-size:10px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheel-perk-card.active .wheel-perk-name{color:var(--q)}.wheel-perk-stage{font-size:9px;color:var(--text-faint)}.wheel-perk-pips{display:flex;gap:3px;flex-shrink:0}.wheel-perk-pip{width:7px;height:7px;border-radius:50%;border:1px solid var(--border-light);background:transparent}.wheel-perk-pip.on{background:var(--q);border-color:var(--q);box-shadow:0 0 5px var(--q)}.wheel-summary{display:flex;flex-direction:column;gap:2px;padding:7px 8px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.wheel-summary .loading-state{padding:4px 0;font-size:10px}.wheel-summary-row{display:flex;justify-content:space-between;gap:8px;font-size:10px}.wheel-summary-row.wheel-summary-avatar{margin-top:3px;padding-top:4px;border-top:1px solid var(--border)}.wheel-summary-icon{width:10px;height:10px;margin-right:4px;vertical-align:-1px;background-size:contain;background-repeat:no-repeat;display:inline-block}.wheel-summary-label{color:var(--text-dim)}.wheel-summary-value{font-weight:700;color:var(--success);white-space:nowrap}.wheel-summary-avatar .wheel-summary-value{color:var(--primary-glow)}.prey-nav-icon,.prey-nav-icon-inline{display:inline-block;background:url(/ui/prey/icon-prey-widget.png) center / contain no-repeat;image-rendering:pixelated}.prey-nav-icon{width:22px;height:22px}.prey-nav-icon-inline{width:14px;height:14px;margin-right:5px;vertical-align:-2px}.prey-window{width:min(830px,calc(100vw - 40px));max-height:min(700px,calc(100vh - 64px))}.prey-body{padding:10px;gap:10px;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,rgba(200,168,75,.06),transparent 60%),linear-gradient(180deg,#080e12f5,#060a0efa)}.prey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.prey-currency{display:flex;gap:14px}.prey-currency-item{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--text)}.prey-currency-icon{display:inline-block;image-rendering:pixelated;background-position:center;background-repeat:no-repeat;background-size:contain}.prey-currency-icon.cards{width:12px;height:12px;background-image:url(/ui/prey/prey_wildcard.png)}.prey-currency-icon.gold{width:11px;height:11px;background-image:url(/ui/prey/prey_gold.png)}.prey-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.prey-slots .loading-state{grid-column:1 / -1}.prey-slot{display:flex;flex-direction:column;gap:7px;padding:8px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.prey-slot.active{border-color:var(--primary-dim);box-shadow:inset 0 0 18px #c8a84b12}.prey-slot-head{display:flex;flex-direction:column;gap:5px}.prey-slot-title{font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--text-gold)}.prey-slot-options{display:flex;gap:10px}.prey-option{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);cursor:pointer}.prey-option input{width:12px;height:12px;accent-color:var(--primary);cursor:pointer}.prey-slot-body{flex:1;display:flex;flex-direction:column;gap:7px}.prey-active{display:flex;flex-direction:column;gap:7px;align-items:center}.prey-active-creature{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:7px 4px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.prey-active-creature img{image-rendering:pixelated}.prey-active-name{font-size:12px;font-weight:700;color:var(--text-white);text-align:center;line-height:1.25}.prey-active-bonus,.prey-pending-bonus{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:7px 4px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.prey-pending-bonus{flex-direction:row;justify-content:center;gap:8px}.prey-pending-bonus-text{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.prey-bonus-icon{display:block;image-rendering:pixelated;background-position:center;background-repeat:no-repeat;background-size:contain}.prey-bonus-icon.big{width:44px;height:92px;background-size:contain;background-position:center}.prey-bonus-label{font-size:12px;font-weight:700;color:var(--text-white)}.prey-bonus-value{font-size:14px;font-weight:700;color:var(--success)}.prey-bonus-hint{font-size:10px;color:var(--text-faint)}.prey-stars{display:grid;grid-template-columns:repeat(5,9px);gap:2px;justify-content:center}.prey-star{width:9px;height:10px;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat}.prey-star.on{background-image:url(/ui/prey/prey_star.png)}.prey-star.off{background-image:url(/ui/prey/prey_nostar.png)}.prey-timebar{position:relative;height:17px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);overflow:hidden}.prey-timebar-fill{height:100%;background:linear-gradient(90deg,var(--primary-dim),var(--primary-glow));transition:width .3s ease}.prey-timebar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-white);text-shadow:0 1px 2px rgba(0,0,0,.9)}.prey-monster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.prey-monster-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 3px;min-height:72px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);cursor:default}.prey-monster-cell img{image-rendering:pixelated}.prey-monster-cell.empty{background:url(/ui/prey/prey_inactive.png) center / 18px no-repeat,var(--bg-deep);image-rendering:pixelated}.prey-monster-cell.selectable{cursor:pointer}.prey-monster-cell.selectable:hover{border-color:var(--primary);background:var(--bg-hover)}.prey-monster-name{font-size:10px;line-height:1.2;color:var(--text-dim);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prey-monster-cell.selectable:hover .prey-monster-name{color:var(--text-white)}.prey-list-selection{display:flex;flex-direction:column;gap:5px}.prey-list-search{width:100%;padding:6px 8px;font-size:12px;color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.prey-list-search:focus{outline:none;border-color:var(--primary-dim)}.prey-list-results{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.prey-list-results .loading-state{padding:6px 0;font-size:11px}.prey-list-result{display:flex;align-items:center;gap:6px;padding:4px 6px;font-size:12px;color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);cursor:pointer;text-align:left}.prey-list-result img{image-rendering:pixelated;flex-shrink:0}.prey-list-result:hover{border-color:var(--primary);background:var(--bg-hover)}.prey-slot-actions{display:flex;flex-direction:column;gap:3px}.prey-action-btn{display:flex;align-items:center;gap:7px;padding:5px 7px;font-size:11px;color:var(--text);background:var(--bg-elevated);border:var(--border-1);border-radius:var(--radius);cursor:pointer;text-align:left}.prey-action-btn:hover:not(:disabled){border-color:var(--primary);background:var(--bg-hover)}.prey-action-btn:disabled{opacity:.4;cursor:not-allowed}.prey-action-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prey-action-icon{flex-shrink:0;height:22px;image-rendering:pixelated;background-repeat:no-repeat;background-position:center top}.prey-action-icon.reroll{width:29px;background-image:url(/ui/prey/prey_reroll.png);background-size:auto 44px}.prey-action-icon.bonus-reroll{width:16px;background-image:url(/ui/prey/prey_bonus_reroll.png);background-size:auto 44px}.prey-action-icon.choose{width:29px;background-image:url(/ui/prey/prey_choose.png);background-size:auto 46px}.prey-action-btn:disabled .prey-action-icon.reroll,.prey-action-btn:disabled .prey-action-icon.choose{background-size:contain;background-position:center}.prey-action-btn:disabled .prey-action-icon.reroll{background-image:url(/ui/prey/prey_reroll_blocked.png)}.prey-action-btn:disabled .prey-action-icon.choose{background-image:url(/ui/prey/prey_choose_blocked.png)}.prey-slot.locked{justify-content:center}.prey-locked-body{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;text-align:center}.prey-locked-icon{width:57px;height:91px;image-rendering:pixelated;background:url(/ui/prey/prey_biginactive.png) center / contain no-repeat}.prey-locked-text{font-size:12px;color:var(--text-dim);line-height:1.4;margin:0}.prey-bundle-list{display:flex;flex-direction:column;gap:5px;margin:10px 0}.prey-bundle{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;color:var(--text);background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);cursor:pointer}.prey-bundle:hover{border-color:var(--primary);background:var(--bg-hover)}.prey-bundle-label{flex:1;text-align:left;font-weight:700}.prey-bundle-price{color:var(--text-gold);font-weight:700;white-space:nowrap}@media(max-width:880px){.prey-slots{grid-template-columns:minmax(0,1fr)}}@media(max-width:1180px){.wheel-layout{grid-template-columns:minmax(0,1fr)}.wheel-board{max-width:420px;margin:0 auto}}@media(max-width:900px){:root{--panel-left-w: 120px;--panel-right-w: 160px;--nav-rail-w: 36px}.nav-logo,.nav-rail-label{display:none}}.market-window{width:min(1000px,calc(100vw - 40px));height:min(645px,calc(100vh - 60px));max-height:none}.market-body{padding:8px;gap:8px;overflow:hidden}.market-view{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto}.market-view.hidden{display:none}.market-layout{display:grid;grid-template-columns:210px 1fr;gap:8px;flex:1;min-height:0}.market-sidebar{display:flex;flex-direction:column;gap:6px;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:6px;min-height:0}.market-sidebar-block{display:flex;flex-direction:column;gap:4px;min-height:0}.market-items-block{flex:1;min-height:0}.market-sidebar-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.market-sidebar-count{color:var(--primary);font-family:var(--font-mono)}.market-category-list{display:flex;flex-direction:column;gap:1px;max-height:150px;overflow-y:auto;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);padding:2px}.market-category{text-align:left;padding:3px 6px;font-size:11px;color:var(--text-dim);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .1s ease}.market-category:hover{background:var(--bg-hover);color:var(--text)}.market-category.active{background:var(--bg-elevated);color:var(--primary);font-weight:700}.market-filter-block{gap:2px}.market-checkbox,.market-radio{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-dim);cursor:pointer}.market-checkbox input,.market-radio input{accent-color:var(--primary);cursor:pointer}.market-checkbox:hover,.market-radio:hover{color:var(--text)}.market-item-list{display:flex;flex-direction:column;gap:1px;flex:1;min-height:120px;overflow-y:auto;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);padding:2px}.market-item-row{display:flex;align-items:center;gap:6px;padding:2px 4px;width:100%;font-size:11px;color:var(--text-dim);text-align:left;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .1s ease}.market-item-row:hover{background:var(--bg-hover);color:var(--text)}.market-item-row.active{background:var(--bg-elevated);color:var(--primary)}.market-item-icon{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.market-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-item-owned{font-family:var(--font-mono);font-size:9px;color:var(--success);flex-shrink:0}.market-search-row{display:flex;gap:4px}.market-search-row input{flex:1;min-width:0;padding:4px 6px;font-size:11px;color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.market-search-row input:focus{outline:none;border-color:var(--primary-dim)}.market-selected-item{display:flex;align-items:center;gap:6px;padding:5px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.market-selected-meta{min-width:0}.market-selected-name{font-size:11px;font-weight:700;color:var(--text-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-selected-sub{font-size:9px;color:var(--text-dim)}.market-content{display:flex;flex-direction:column;gap:6px;min-height:0}.market-content-tabs{flex-shrink:0}.market-pane{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.market-pane.hidden{display:none}.market-offers-section{display:flex;flex-direction:column;gap:3px;min-height:0;flex:1}.market-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-gold)}.market-section-hint{font-size:9px;font-weight:400;text-transform:none;color:var(--text-faint)}.market-table{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.market-table-head,.market-table-row{display:grid;grid-template-columns:1.6fr .7fr 1fr 1fr 1.2fr;gap:6px;align-items:center;padding:3px 6px}.market-table-head-own,.market-table-row-own{grid-template-columns:1.8fr .7fr 1fr 1fr 1.2fr .8fr}.market-table-head-history{grid-template-columns:1.8fr .7fr 1fr 1fr 1.2fr .9fr}.market-table-head{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:var(--border-1);flex-shrink:0}.market-table-body{overflow-y:auto;min-height:60px;flex:1}.market-table-row{font-size:11px;color:var(--text-dim);cursor:pointer;border-bottom:1px solid rgba(42,48,56,.4);transition:background .1s ease}.market-table-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.market-table-row>span:first-child{font-family:var(--font-ui)}.market-table-row:hover{background:var(--bg-hover);color:var(--text)}.market-table-row.best{color:var(--text)}.market-table-row.best>span:nth-child(3){color:var(--primary);font-weight:700}.market-table-row.own{opacity:.65;font-style:italic}.market-table-row.selected{background:var(--bg-elevated);color:var(--text-white);box-shadow:inset 2px 0 0 var(--primary)}.market-table-row-own{cursor:default}.market-table-row-own:hover{background:transparent}.market-row-item{display:flex;align-items:center;gap:5px;font-family:var(--font-ui)!important}.market-row-item img{width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.market-empty{padding:10px;font-size:10px;color:var(--text-faint);text-align:center}.market-accept-row{display:flex;align-items:center;gap:6px;padding:4px 6px;flex-shrink:0;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius)}.market-accept-row label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.market-accept-row input{width:70px;padding:3px 5px;font-size:11px;font-family:var(--font-mono);color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.market-accept-row input:focus{outline:none;border-color:var(--primary-dim)}.market-accept-total{margin-left:auto;font-size:10px;color:var(--text-dim)}.market-accept-total b{color:var(--primary);font-family:var(--font-mono)}.market-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;overflow-y:auto}.market-details-block{display:flex;flex-direction:column;gap:3px}.market-detail-list,.market-stats{display:flex;flex-direction:column;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);padding:4px}.market-detail-row{display:flex;justify-content:space-between;gap:8px;padding:2px 4px;font-size:10px;color:var(--text-dim)}.market-detail-row b{color:var(--text);font-family:var(--font-mono);text-align:right}.market-stats-block{display:flex;flex-direction:column}.market-stats-block+.market-stats-block{margin-top:6px;padding-top:6px;border-top:var(--border-1)}.market-stats-heading{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-gold);padding:0 4px 2px}.market-create-offer{display:flex;flex-direction:column;gap:3px;flex-shrink:0;padding-top:6px;border-top:var(--border-1)}.market-create-grid{display:grid;grid-template-columns:auto 100px 110px minmax(150px,220px) 1fr;gap:12px;align-items:end}.market-create-side{display:flex;flex-direction:column;gap:2px}.market-create-grid .form-group input{padding:4px 6px;font-size:11px;font-family:var(--font-mono)}.market-create-summary{display:flex;flex-direction:column;gap:1px}.market-create-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--text-dim)}.market-create-summary b{color:var(--primary);font-family:var(--font-mono)}.market-create-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.market-bottombar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:var(--border-1);flex-shrink:0}.market-balance{display:flex;align-items:center;gap:6px;font-size:12px}.market-balance b{color:var(--primary);font-family:var(--font-mono)}.market-gold-icon{width:16px;height:16px;image-rendering:pixelated}.market-balance-sub{font-size:9px;color:var(--text-faint);margin-left:4px}.market-nav{display:flex;gap:4px}.market-nav .active{color:var(--primary);border-color:var(--primary-dim)}.market-offer-state{font-family:var(--font-ui)!important;font-size:10px}.market-offer-state.state-accepted{color:var(--success)}.market-offer-state.state-cancelled{color:var(--text-faint)}.market-offer-state.state-expired{color:var(--warning)}.market-offer-state.state-active{color:var(--mp-fill)}@media(max-width:900px){.market-layout{grid-template-columns:1fr}.market-sidebar{max-height:240px}.market-details-grid{grid-template-columns:1fr}.market-create-grid{grid-template-columns:1fr 1fr}}.proficiency-window{width:min(1060px,calc(100vw - 40px));height:min(660px,calc(100vh - 60px));max-height:none}.proficiency-body{padding:8px;gap:8px;overflow:hidden}.proficiency-layout{display:grid;grid-template-columns:210px 1fr;gap:8px;flex:1;min-height:0}.proficiency-item-panel{display:flex;flex-direction:column;gap:6px;min-height:0;background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:6px}.proficiency-item-head{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.proficiency-mastery{position:relative;width:95px;height:42px}.proficiency-mastery-icon{width:95px;height:42px;background-size:95px 42px;background-repeat:no-repeat;image-rendering:pixelated}.proficiency-mastery-level{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-white);text-shadow:0 1px 2px #000}.proficiency-item-icon{width:40px;height:40px}.proficiency-item-icon img{width:32px;height:32px;image-rendering:pixelated}.proficiency-item-title{font-size:11px;font-weight:700;color:var(--text-gold);text-align:center;line-height:1.2}.proficiency-progress-desc{font-size:10px;color:var(--text);font-family:var(--font-mono)}.proficiency-next-desc{font-size:9px;color:var(--text-dim)}.proficiency-filters{display:flex;gap:3px}.proficiency-filter{flex:1;padding:3px 0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);cursor:pointer;transition:all .12s ease}.proficiency-filter:hover{color:var(--text);background:var(--bg-hover)}.proficiency-filter.active{color:var(--bg-deep);background:var(--primary);border-color:var(--primary)}.proficiency-class-filter{padding:4px 6px;font-size:10px;color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.proficiency-search-row{display:flex;gap:4px}.proficiency-search-row input{flex:1;min-width:0;padding:4px 6px;font-size:11px;color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.proficiency-search-row input:focus{outline:none;border-color:var(--primary-dim)}.proficiency-item-list{display:flex;flex-direction:column;gap:1px;flex:1;min-height:80px;overflow-y:auto;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);padding:2px}.proficiency-item-row{display:flex;align-items:center;gap:6px;width:100%;padding:2px 4px;font-size:11px;color:var(--text-dim);text-align:left;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .1s ease}.proficiency-item-row:hover{background:var(--bg-hover);color:var(--text)}.proficiency-item-row.active{background:var(--bg-elevated);color:var(--primary)}.proficiency-item-row.equipped{box-shadow:inset 2px 0 0 var(--success)}.proficiency-item-row-icon{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.proficiency-item-row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proficiency-item-row-level{font-family:var(--font-mono);font-size:9px;color:var(--primary);flex-shrink:0}.proficiency-tree-panel{display:flex;flex-direction:column;gap:4px;min-height:0}.proficiency-stars{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;height:20px;flex-shrink:0}.proficiency-star-cell{display:flex;align-items:center;justify-content:center;background-image:url(/ui/proficiency/star-progress-bg.png);background-size:100% 100%;border-radius:var(--radius)}.proficiency-star-cell.unlocked{background-image:url(/ui/proficiency/star-progress.png)}.proficiency-star{width:9px;height:10px;background-image:url(/ui/proficiency/icon-star-dark.png);background-size:9px 10px;image-rendering:pixelated}.proficiency-star-cell.unlocked .proficiency-star{width:5px;height:5px;background-image:url(/ui/proficiency/icon-star-tiny-gold.png);background-size:5px 5px}.proficiency-progress-track{height:14px;flex-shrink:0;background-image:url(/ui/proficiency/progress-bg.png);background-size:100% 100%;padding:1px}.proficiency-progress-fill{height:100%;background-image:url(/ui/proficiency/proficiency-progress.png);background-size:auto 100%;background-repeat:repeat-x;transition:width .2s ease}.proficiency-warning{padding:3px 8px;flex-shrink:0;font-size:10px;color:#2a1a08;text-align:center;background:#ff9854;border-radius:var(--radius)}.proficiency-warning.hidden{display:none}.proficiency-tree{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1;min-height:0;overflow-y:auto;background-image:url(/ui/proficiency/full-bonus-select-bg.png);background-size:100% 100%;border:var(--border-1);border-radius:var(--radius);padding:3px}.proficiency-tree .loading-state,.proficiency-tree .proficiency-empty{grid-column:1 / -1;align-self:center}.proficiency-lane{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.proficiency-lane-head{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-gold)}.proficiency-lane.locked .proficiency-lane-head{color:var(--text-faint)}.proficiency-perk{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:3px 2px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .12s ease}.proficiency-perk:hover:not(:disabled){background:#c8a84b1a}.proficiency-perk:disabled{cursor:default;opacity:.55}.proficiency-perk-icon{width:64px;height:64px;flex-shrink:0;background-repeat:no-repeat;image-rendering:pixelated;box-shadow:0 0 0 1px var(--border);border-radius:var(--radius)}.proficiency-perk.chosen .proficiency-perk-icon{box-shadow:0 0 0 2px var(--primary),0 0 10px #c8a84b73}.proficiency-perk-value{font-size:9px;line-height:1.15;color:var(--text-dim);text-align:center;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.proficiency-perk.chosen .proficiency-perk-value{color:var(--text)}.proficiency-details{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex-shrink:0;min-height:52px;background:#404040;border:1px solid #606060;border-radius:var(--radius);padding:3px}.proficiency-detail-cell{display:flex;flex-direction:column;gap:2px;padding:3px;min-width:0;background:#00000040;border-radius:var(--radius)}.proficiency-detail-name{font-size:9px;font-weight:700;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proficiency-detail-cell.filled .proficiency-detail-name{color:var(--text-gold)}.proficiency-detail-desc{font-size:9px;line-height:1.2;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.proficiency-empty{padding:10px;font-size:10px;color:var(--text-faint);text-align:center}.proficiency-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:var(--border-1);flex-shrink:0}.proficiency-footer-hint{font-size:10px;color:var(--warning)}.proficiency-actions{display:flex;gap:4px}@media(max-width:960px){.proficiency-layout{grid-template-columns:1fr}.proficiency-item-panel{max-height:220px}.proficiency-tree,.proficiency-stars,.proficiency-details{grid-template-columns:repeat(4,1fr)}}.imbuing-window{width:min(520px,calc(100vw - 40px));max-height:min(660px,calc(100vh - 60px))}.imbuing-body{padding:8px;gap:8px}.imbuing-panel-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-gold);margin-bottom:4px}.imbuing-item-info,.imbuing-panel{background:var(--bg-surface);border:var(--border-1);border-radius:var(--radius);padding:8px}.imbuing-panel.hidden{display:none}.imbuing-item-row{display:flex;align-items:center;gap:8px}.imbuing-item-icon{width:40px;height:40px;flex-shrink:0}.imbuing-item-icon img{width:32px;height:32px;image-rendering:pixelated}.imbuing-item-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.imbuing-item-sub{font-size:9px;color:var(--text-dim)}.imbuing-select{width:100%;padding:4px 6px;font-size:11px;color:var(--text);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.imbuing-select:focus{outline:none;border-color:var(--primary-dim)}.imbuing-select-slot-label{margin-top:8px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.imbuing-slots{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.imbuing-slot{position:relative;width:66px;height:66px;flex-shrink:0;background-size:66px 66px;background-repeat:no-repeat;background-color:transparent;border:none;border-radius:var(--radius);cursor:pointer;image-rendering:pixelated;transition:filter .12s ease,box-shadow .12s ease}.imbuing-slot:hover{filter:brightness(1.4)}.imbuing-slot.active{box-shadow:0 0 0 2px var(--primary),0 0 10px #c8a84b66}.imbuing-slot.filled{background-color:#c8a84b29;box-shadow:inset 0 0 12px #c8a84b40}.imbuing-slot.filled.active{box-shadow:inset 0 0 12px #c8a84b40,0 0 0 2px var(--primary),0 0 10px #c8a84b66}.imbuing-slot-label{position:absolute;left:0;right:0;bottom:2px;font-size:8px;line-height:1.1;text-align:center;color:var(--text-dim);text-shadow:0 1px 2px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.imbuing-slot.filled .imbuing-slot-label{color:var(--text-gold)}.imbuing-pickers{display:grid;grid-template-columns:1fr 160px;gap:6px}.imbuing-description{margin-top:6px;padding:5px 6px;min-height:30px;font-size:10px;line-height:1.35;color:var(--text-dim);background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.imbuing-sources-label{margin-top:8px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.imbuing-sources{display:flex;gap:6px;margin-top:4px}.imbuing-source{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius)}.imbuing-source img{width:28px;height:28px;image-rendering:pixelated}.imbuing-source-count{font-size:9px;font-family:var(--font-mono)}.imbuing-source.has .imbuing-source-count{color:var(--success)}.imbuing-source.missing .imbuing-source-count{color:var(--danger)}.imbuing-source.missing{opacity:.75}.imbuing-success{display:flex;align-items:center;gap:6px;margin-top:8px}.imbuing-success-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.imbuing-success-icon{width:34px;height:34px;image-rendering:pixelated;background-image:url(/ui/imbuing/100percent.png);background-size:68px 34px;background-position:0 0;background-repeat:no-repeat}.imbuing-footer{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:8px;border-top:var(--border-1)}.imbuing-protection{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-faint);cursor:not-allowed}.imbuing-protection-icon{width:22px;height:22px;image-rendering:pixelated;background-image:url(/ui/imbuing/useprotection-disabled.png);background-size:22px 22px}.imbuing-cost{margin-left:auto;font-size:10px;color:var(--text-dim)}.imbuing-cost b{color:var(--primary);font-family:var(--font-mono)}.imbuing-active-name{font-size:11px;font-weight:700;color:var(--text-gold)}.imbuing-timer{position:relative;height:18px;margin-top:4px;background:var(--bg-deep);border:var(--border-1);border-radius:var(--radius);overflow:hidden}.imbuing-timer-fill{height:100%;background:linear-gradient(180deg,var(--primary-glow),var(--primary-dim));transition:width .2s ease}.imbuing-timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-mono);color:var(--text-white);text-shadow:0 1px 2px #000}.imbuing-bottombar{display:flex;align-items:center;gap:10px;padding-top:6px;border-top:var(--border-1)}.imbuing-balance{display:flex;align-items:center;gap:5px;font-size:12px}.imbuing-balance b{color:var(--primary);font-family:var(--font-mono)}.imbuing-gold-icon{width:16px;height:16px;image-rendering:pixelated}.imbuing-hint{margin-left:auto;font-size:10px;color:var(--warning)}