@font-face{font-family:"Fantasy Magist";src:url(/assets/fonts/FantasyMagist.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.ui-root{position:fixed;inset:0;z-index:100;pointer-events:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"top-left    top-center    top-right" "left        center        right" "bottom-left bottom-center bottom-right";padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ui-root *{box-sizing:border-box}.window__title,.ui-panel__header,.ui-tooltip__title,.inventory__info-title,.player-hud__name,.tooltip__title,.equipment__title,.character-window__column-title,.item-info-panel__title,.quest-log__title,.quest-log__detail-title,.quest-log__section-title,.loot-window__title,.npc-panel__title,.npc-panel__quest-title{font-family:var(--font-family-heading);text-transform:uppercase}.ui-region{pointer-events:none;display:flex;gap:var(--spacing-md)}.ui-region--top-left{grid-area:top-left;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-lg)}.ui-region--top-center{grid-area:top-center;align-items:flex-start;justify-content:center;padding:var(--spacing-lg) 0}.ui-region--top-right{grid-area:top-right;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-lg)}.ui-region--left{grid-area:left;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 var(--spacing-lg)}.ui-region--center{grid-area:center;align-items:center;justify-content:center}.ui-region--right{grid-area:right;flex-direction:column;align-items:flex-end;justify-content:center;padding:0 var(--spacing-lg)}.ui-region--bottom-left{grid-area:bottom-left;align-items:flex-end;justify-content:flex-start;padding:var(--spacing-lg)}.ui-region--bottom-center{grid-area:bottom-center;align-items:flex-end;justify-content:center;padding:0 0 var(--spacing-lg) 0}.ui-region--bottom-right{grid-area:bottom-right;align-items:flex-end;justify-content:flex-end;padding:var(--spacing-lg)}.ui-region>*{pointer-events:auto}@media (max-width: 639px){.ui-root{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"top-center" "top-left" "center" "bottom-center" "bottom-left"}.ui-region--top-right,.ui-region--right,.ui-region--bottom-right{display:none}.ui-region--left{grid-area:top-left;flex-direction:row;padding:var(--spacing-sm)}.ui-region--bottom-left{flex-direction:row;justify-content:center}}@media (min-width: 640px) and (max-width: 1023px){.ui-root{gap:var(--spacing-sm)}.ui-region--left,.ui-region--right{padding:0 var(--spacing-md)}}.ui-panel{background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:var(--panel-radius);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);box-shadow:0 8px 24px #0009,inset 0 1px #ffffff0d}.ui-panel--transparent{background:var(--color-bg-panel);backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);box-shadow:none}.ui-panel__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle);font-weight:600;font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:1px}.ui-slot{position:relative;width:var(--slot-size);height:var(--slot-size);background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:var(--slot-radius);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff0d;transition:border-color .15s ease}.ui-slot:hover{border-top-color:var(--color-border-highlight);border-left-color:var(--color-border-highlight)}.ui-slot--small{width:48px;height:48px}.ui-slot--disabled{opacity:.5;pointer-events:none}.ui-slot--active{border-color:var(--color-info);box-shadow:0 0 8px #3b82f680,inset 0 2px 4px #00000080}.ui-slot__icon{position:absolute;inset:6px;background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;border-radius:2px}.ui-slot__quantity{position:absolute;bottom:2px;right:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.8)}.ui-slot__hotkey{position:absolute;top:2px;left:4px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.ui-cooldown{position:absolute;inset:0;background:var(--color-cooldown-overlay);border-radius:var(--slot-radius);display:flex;align-items:center;justify-content:center;pointer-events:none}.ui-cooldown__text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-cooldown-text);text-shadow:0 0 8px rgba(255,204,0,.6)}.ui-cooldown__sweep{position:absolute;inset:0;border-radius:var(--slot-radius);background:conic-gradient(from 0deg,transparent var(--cooldown-progress, 0%),rgba(0,0,0,.6) var(--cooldown-progress, 0%))}.ui-bar{position:relative;height:16px;background:var(--color-bg-dark);border-radius:var(--slot-radius);overflow:hidden;border:1px solid var(--color-border-dark)}.ui-bar--small{height:12px}.ui-bar__fill{position:absolute;top:0;left:0;height:100%;transition:width .2s ease,background .3s ease;border-radius:var(--slot-radius)}.ui-bar__fill--health{background:linear-gradient(90deg,#4ade80,#22c55e)}.ui-bar__fill--health-mid{background:linear-gradient(90deg,#f59e0b,#d97706)}.ui-bar__fill--health-low{background:linear-gradient(90deg,#ef4444,#dc2626)}.ui-bar__fill--mana{background:linear-gradient(90deg,#3b82f6,#2563eb)}.ui-bar__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.ui-tooltip{position:fixed;z-index:2000;max-width:320px;padding:var(--spacing-xl);background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:var(--panel-radius);border:1px solid var(--color-border-light);box-shadow:0 8px 24px #000000b3;pointer-events:none;opacity:0;transition:opacity .15s ease}.ui-tooltip--visible{opacity:1}.ui-tooltip__title{font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--spacing-sm)}.ui-tooltip__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.ui-tooltip__description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5}.ui-tooltip__stats{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.ui-tooltip__stat{display:flex;justify-content:space-between;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.ui-tooltip__stat-label{color:var(--color-text-secondary)}.ui-tooltip__stat-value{color:var(--color-text-primary);font-weight:600}.ui-rarity--basic{color:#9ca3af}.ui-rarity--rare{color:#3b82f6}.ui-rarity--ultra{color:#a855f7}.ui-rarity--alpha{color:#f97316}.ui-rarity--epic{color:#eab308}.ui-slot--rarity-rare:hover{box-shadow:0 0 12px #3b82f699,0 4px 8px #0006}.ui-slot--rarity-ultra:hover{box-shadow:0 0 12px #a855f799,0 4px 8px #0006}.ui-slot--rarity-alpha:hover{box-shadow:0 0 12px #f9731699,0 4px 8px #0006}.ui-slot--rarity-epic:hover{box-shadow:0 0 12px #eab30899,0 4px 8px #0006}.ui-buff-indicator{position:absolute;width:8px;height:8px;border-radius:50%;background:#fc0;box-shadow:0 0 8px #fc0c;animation:buffPulse 1.5s ease-in-out infinite}@keyframes buffPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.ui-grid{display:grid;gap:var(--slot-gap)}.ui-grid--inventory{grid-template-columns:repeat(6,var(--slot-size));grid-template-rows:repeat(4,var(--slot-size))}.ui-grid--action-bar{display:flex;gap:var(--slot-gap)}.ui-fixed-bottom-center{position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.ui-fixed-bottom-right{position:fixed;bottom:20px;right:20px}.ui-fixed-top-left{position:fixed;top:20px;left:20px}.ui-fixed-top-right{position:fixed;top:20px;right:20px}.ui-text--muted{color:var(--color-text-muted)}.ui-text--secondary{color:var(--color-text-secondary)}.ui-text--success{color:var(--color-success)}.ui-text--warning{color:var(--color-warning)}.ui-text--error{color:var(--color-error)}.ui-text--uppercase{text-transform:uppercase;letter-spacing:1px}.ui-text--shadow{text-shadow:1px 1px 2px rgba(0,0,0,.8)}.ui-dragging{opacity:.5;cursor:grabbing}.ui-drop-target{outline:2px dashed var(--color-info);outline-offset:-2px}.ui-clickable{cursor:pointer}.ui-clickable:active{transform:scale(.98)}.ui-scrollable{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}.ui-scrollable::-webkit-scrollbar{width:6px}.ui-scrollable::-webkit-scrollbar-track{background:transparent}.ui-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.ui-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-highlight)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.ui-animate-fade-in{animation:fadeIn .2s ease forwards}.ui-animate-slide-up{animation:slideUp .2s ease forwards}.inventory{position:fixed;right:20px;bottom:20px;z-index:var(--z-inventory, 1000);font-family:var(--font-family);user-select:none}.inventory__panel{background:linear-gradient(180deg,#1a1d24,#0d0f12);border:none;border-radius:8px;box-shadow:inset 0 2px 8px #0009;padding:0 6px 6px}.inventory__panel>.inventory__grid{margin:0 auto}.inventory__header{padding:6px 10px;border-bottom:1px solid rgba(139,115,64,.3);color:var(--color-text-secondary);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.inventory__grid{position:relative}.inventory__slot{position:absolute;background:#12141a;border-radius:3px;border:1px solid #252830;box-shadow:inset 0 1px 2px #00000080}.inventory__item{position:absolute;border-radius:var(--slot-radius);cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;background:transparent;border:none}.inventory__item:hover{transform:scale(1.05);z-index:10}.inventory__item--dragging{opacity:.5}.inventory__item-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none}.inventory__item-icon img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.inventory__item-fallback{width:80%;height:80%;border-radius:var(--slot-radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text-primary)}.inventory__quantity{position:absolute;bottom:4px;right:4px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);text-shadow:0 0 2px #000,0 0 4px #000;pointer-events:none}.inventory__info-panel{background:linear-gradient(180deg,#1a1d24,#0d0f12);border:none;border-radius:8px;color:var(--color-text-primary);font-size:var(--font-size-md);box-shadow:0 8px 24px #0009,inset 0 2px 8px #0009;display:none}.inventory__info-panel--visible{display:block}.inventory__info-content{padding:var(--spacing-xl)}.inventory__info-title{font-weight:700;font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xs)}.inventory__info-type{color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.inventory__info-description{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--spacing-lg)}.inventory__info-stats{padding:10px 0;border-top:1px solid var(--color-border-subtle)}.inventory__info-stat{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.inventory__info-stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.inventory__info-stat-value{font-size:var(--font-size-lg);font-weight:600}.inventory__info-stat-value--damage{color:var(--color-error)}.inventory__info-stat-value--speed{color:var(--color-rarity-ultra)}.inventory__info-skills{padding:10px 0;border-top:1px solid var(--color-border-subtle)}.inventory__info-skills-label{color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.inventory__info-skill{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.inventory__info-skill-icon{width:24px;height:24px;border-radius:var(--slot-radius);border:1px solid rgba(168,85,247,.5)}.inventory__info-skill-name{color:var(--color-rarity-ultra);font-size:var(--font-size-md);font-weight:600}.inventory__info-skill-desc{color:var(--color-text-muted);font-size:11px;line-height:1.3}.inventory__info-hint{color:var(--color-text-disabled);font-size:11px;margin-top:var(--spacing-lg);padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.inventory__slot--rarity-basic{border-color:#9ca3af80}.inventory__slot--rarity-rare{border-color:#3b82f6b3}.inventory__slot--rarity-ultra{border-color:#a855f7b3}.inventory__slot--rarity-alpha{border-color:#f97316b3}.inventory__slot--rarity-epic{border-color:#eab308b3}.inventory__item--rarity-basic:hover{box-shadow:0 0 12px #9ca3af66,0 4px 8px #0006}.inventory__item--rarity-rare:hover{box-shadow:0 0 12px #3b82f699,0 4px 8px #0006}.inventory__item--rarity-ultra:hover{box-shadow:0 0 16px #a855f7b3,0 4px 8px #0006}.inventory__item--rarity-alpha:hover{box-shadow:0 0 16px #f97316b3,0 4px 8px #0006}.inventory__item--rarity-epic:hover{box-shadow:0 0 20px #eab308cc,0 4px 8px #0006}.context-menu{position:fixed;z-index:10000;min-width:140px;max-width:220px;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);border-radius:var(--panel-radius);box-shadow:0 8px 24px #0009;padding:var(--spacing-sm) 0;font-family:var(--font-family);user-select:none;pointer-events:auto}.context-menu__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-md);transition:background .1s ease}.context-menu__item:hover{background:#ffffff1a}.context-menu__item--disabled{opacity:.4;cursor:not-allowed}.context-menu__item--disabled:hover{background:transparent}.context-menu__item--danger{color:var(--color-danger, #ef4444)}.context-menu__item--danger:hover{background:#ef444426}.context-menu__icon{width:16px;text-align:center;flex-shrink:0}.context-menu__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu__separator{height:1px;background:var(--color-border-subtle);margin:var(--spacing-sm) var(--spacing-lg)}.action-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:var(--z-action-bar, 1000);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-family);user-select:none}.action-bar__frame{position:relative;display:flex;align-items:center;gap:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.action-bar__divider{width:1px;align-self:stretch;margin:6px 8px;background:linear-gradient(180deg,transparent,rgba(139,115,64,.3) 30%,#8b7340 50%,rgba(139,115,64,.3) 70%,transparent)}.action-bar__attack-btn{position:relative;width:58px;height:58px;border-radius:50%!important;background:linear-gradient(145deg,#1a1d24,#0d0f12);border:2px solid #8b7340!important;box-shadow:inset 0 2px 6px #0009,inset 0 -1px 3px #8b734026,0 0 6px #8b734026;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .05s ease,box-shadow .3s ease;flex-shrink:0}.action-bar__attack-btn:hover{border-color:#a08850!important;box-shadow:inset 0 2px 6px #0009,inset 0 -1px 3px #8b734026,0 0 10px #a088504d}.action-bar__attack-btn .action-bar__icon img{border-radius:50%}.action-bar__attack-btn .action-bar__hotkey{bottom:-2px;right:50%;transform:translate(50%);text-align:center}.action-bar__slots{display:flex;gap:var(--slot-gap);position:relative;z-index:1}.action-bar__slot{position:relative;width:var(--slot-size);height:var(--slot-size);background:linear-gradient(145deg,#12141a,#0a0c10);border-radius:var(--slot-radius);border:1px solid #252830;box-shadow:inset 0 1px 3px #0006;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .05s ease,box-shadow .3s ease}.action-bar__slot>*,.action-bar__passive-slot>*{pointer-events:none}.action-bar__slot:hover{border-top-color:var(--color-border-highlight);border-left-color:var(--color-border-highlight)}.action-bar__slot--pressed{transform:scale(.92)}.action-bar__slot--rejected{outline:2px solid var(--color-error);outline-offset:-2px}@keyframes slot-glow-pulse{0%{box-shadow:inset 0 2px 4px #00000080,0 0 14px 5px #f59e0ba6}to{box-shadow:inset 0 2px 4px #00000080,0 0 #f59e0b00}}.action-bar__slot--glow{animation:slot-glow-pulse .35s ease-out forwards}@keyframes slot-ready-flash{0%{box-shadow:inset 0 2px 4px #00000080,0 0 #f59e0b00}15%{box-shadow:inset 0 2px 4px #00000080,0 0 18px 6px #f59e0bb3;border-color:#f59e0b}40%{box-shadow:inset 0 2px 4px #00000080,0 0 18px 6px #f59e0bb3;border-color:#f59e0b}to{box-shadow:inset 0 2px 4px #00000080,0 0 #f59e0b00}}.action-bar__slot--ready{animation:slot-ready-flash .6s ease-out forwards}@keyframes slot-drop-success{0%{box-shadow:inset 0 1px 3px #0006,0 0 0 2px #f59e0be6}to{box-shadow:inset 0 1px 3px #0006,0 0 #f59e0b00}}.action-bar__slot--drop-success{animation:slot-drop-success .4s ease-out forwards}@keyframes slot-drop-failed{0%{box-shadow:inset 0 1px 3px #0006,0 0 0 2px #ef4444e6}to{box-shadow:inset 0 1px 3px #0006,0 0 #ef444400}}.action-bar__slot--drop-failed{animation:slot-drop-failed .3s ease-out forwards}.action-bar__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-bar__icon img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.action-bar__icon-fallback{width:100%;height:100%;background:linear-gradient(135deg,#4a5568,#2d3748);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:var(--font-size-xs)}.action-bar__cooldown{position:absolute;inset:0;background:#000000b3;pointer-events:none;clip-path:inset(100% 0 0 0);transition:none}.action-bar__cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary);font-size:var(--font-size-xxl);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);display:none;pointer-events:none}.action-bar__cooldown-text--visible{display:block}.action-bar__disabled{position:absolute;inset:0;background:#00000059;display:none;pointer-events:none}.action-bar__disabled--visible{display:block}.action-bar__silenced{position:absolute;inset:0;display:none;pointer-events:none;z-index:3}.action-bar__silenced--visible{display:flex;align-items:center;justify-content:center}.action-bar__silenced:before{content:"✕";font-size:28px;color:#f44;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(255,0,0,.4)}.action-bar__silenced:after{content:"";position:absolute;inset:0;background:#50000059;border:1px solid rgba(255,68,68,.5)}.action-bar__hotkey{position:absolute;bottom:2px;right:4px;color:#fff9;font-size:var(--font-size-sm);font-weight:500;pointer-events:none}.action-bar__passive-slots{display:flex;gap:var(--slot-gap);position:relative;z-index:1}.action-bar__passive-slot{position:relative;width:var(--slot-size);height:var(--slot-size);background:linear-gradient(145deg,#1a1525,#0d0a12);border-radius:50%;border:2px solid #3a2f4a;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #8000ff1a;overflow:hidden;transition:border-color .15s ease}.action-bar__passive-slot:hover{border-top-color:#4a3f5a;border-left-color:#4a3f5a}.action-bar__passive-slot--drag-over{border:2px dashed #a855f7!important;background:#a855f733!important;transform:scale(1.05)}@keyframes passive-slot-reject{0%{transform:translate(0);outline:2px solid rgba(239,68,68,.9);outline-offset:-2px}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0);outline:2px solid transparent;outline-offset:-2px}}.action-bar__passive-slot--reject{animation:passive-slot-reject .3s ease-out forwards}.action-bar__passive-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-bar__passive-icon img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.action-bar__passive-icon-fallback{width:100%;height:100%;background:linear-gradient(135deg,#6b46c1,#44337a);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:var(--font-size-xs)}.action-bar__passive-label{position:absolute;bottom:2px;right:4px;color:#b496ff99;font-size:var(--font-size-xs);font-weight:600;pointer-events:none}.action-bar__buff-indicator{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;display:none;flex-direction:row;gap:var(--spacing-md);align-items:center}.action-bar__buff-indicator--visible{display:flex}.action-bar__buff-icon{width:40px;height:40px;border-radius:var(--panel-radius);background:linear-gradient(145deg,var(--color-bg-mid),var(--color-bg-dark));border:2px solid var(--color-warning);box-shadow:0 0 12px #f59e0b80;display:flex;align-items:center;justify-content:center;color:var(--color-warning);font-size:20px;font-weight:700}.action-bar__buff-timer{color:var(--color-warning);font-size:var(--font-size-xl);font-weight:700;text-shadow:0 0 8px rgba(245,158,11,.5)}.action-bar__xp-bar{width:100%;max-width:420px;height:8px;background:#0009;border-radius:4px;position:relative;border:1px solid rgba(100,60,120,.5)}.action-bar__xp-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#9333ea,#a855f7);border-radius:4px;transition:width .3s ease;box-shadow:0 0 4px #a855f766}:root{--scale-factor: .75;--slot-size-scaled: calc(var(--slot-size) * var(--scale-factor));--slot-gap-scaled: calc(var(--slot-gap) * var(--scale-factor))}@media (min-width: 640px){:root{--scale-factor: .875}}@media (min-width: 768px){:root{--scale-factor: .875}}@media (min-width: 1024px){:root{--scale-factor: 1}}@media (max-width: 639px){.inventory{right:8px;bottom:8px}.inventory__panel{max-width:calc(100vw - 16px)}.inventory__header{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.inventory__slot{width:48px;height:48px}.inventory__info-panel{max-width:calc(100vw - 16px)}.inventory__info-title{font-size:var(--font-size-lg)}.inventory__info-description{font-size:var(--font-size-sm)}}@media (min-width: 640px) and (max-width: 1023px){.inventory{right:12px;bottom:12px}.inventory__slot{width:56px;height:56px}}@media (max-width: 639px){.action-bar{bottom:8px;left:50%;transform:translate(-50%)}.action-bar__slot{width:38px;height:38px}.action-bar__attack-btn{width:44px;height:44px}.action-bar__frame{padding:5px 6px}.action-bar__hotkey{font-size:9px}.action-bar__cooldown-text{font-size:var(--font-size-md)}}@media (min-width: 640px) and (max-width: 1023px){.action-bar__slot{width:44px;height:44px}.action-bar__attack-btn{width:50px;height:50px}}@media (max-width: 639px){.player-hud{top:8px;left:8px;padding:var(--spacing-md)}.player-hud__name{font-size:var(--font-size-md)}.player-hud__level{font-size:var(--font-size-xs)}.player-hud__bars{gap:var(--spacing-xs)}.player-hud__bar{height:10px}.player-hud__bar-text{font-size:9px}}@media (max-width: 639px){.target-panel{top:8px}.target-panel__container{padding:var(--spacing-md) var(--spacing-lg);min-width:140px}.target-panel__name{font-size:var(--font-size-md)}.target-panel__hp-bar{height:6px}}@media (max-width: 639px){.ui-tooltip,.tooltip{max-width:calc(100vw - 32px)}.ui-tooltip__title,.tooltip__title{font-size:var(--font-size-lg)}.ui-tooltip__description,.tooltip__desc{font-size:var(--font-size-sm)}}@media (max-width: 639px){.tabbed-panel{right:8px;bottom:280px}.tabbed-panel__tab{width:32px;height:32px;font-size:var(--font-size-md)}.tabbed-panel__content{width:240px}.tabbed-panel__equip-slot{width:40px;height:40px}}@media (min-width: 640px) and (max-width: 1023px){.tabbed-panel{right:12px}.tabbed-panel__tab{width:36px;height:36px}.tabbed-panel__content{width:260px}.tabbed-panel__equip-slot{width:44px;height:44px}}@media (max-width: 639px){.buff-bar{top:8px;right:8px}.buff-bar__buff{width:32px;height:32px}.buff-bar__duration{font-size:8px}}@media (max-width: 639px){.zone-indicator{top:auto;bottom:60px;left:50%;transform:translate(-50%)}.zone-indicator__name{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-height: 500px) and (orientation: landscape){.inventory{bottom:4px}.player-hud{top:4px;left:4px}.target-panel{top:4px}.action-bar{bottom:4px}.zone-indicator,.tabbed-panel{display:none}}@media (hover: none) and (pointer: coarse){.inventory__slot,.action-bar__slot,.tabbed-panel__equip-slot,.buff-bar__buff,.tabbed-panel__tab,.menu-bar__button,.window__close{min-width:44px;min-height:44px}.inventory__slot:before,.action-bar__slot:before{content:"";position:absolute;inset:-4px}.inventory__item:hover{transform:none}.ui-slot:hover{border-top-color:var(--color-border-light);border-left-color:var(--color-border-light)}.player-hud{left:max(12px,env(safe-area-inset-left,12px));top:max(12px,env(safe-area-inset-top,12px))}.action-bar{bottom:max(20px,env(safe-area-inset-bottom,20px))}.menu-bar{left:max(8px,env(safe-area-inset-left,8px))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.ui-slot,.inventory__slot,.action-bar__slot{border-width:1px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ui-cooldown__sweep{display:none}.ui-buff-indicator{animation:none}}.player-hud{position:fixed;top:12px;left:12px;z-index:var(--z-hud, 1000);pointer-events:none;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.player-hud__header{display:flex;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.player-hud__name{font-weight:600;font-size:15px}.player-hud__level{opacity:.7;font-size:12px}.player-hud__bar-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:4px}.player-hud__regen{font-size:9px;white-space:nowrap;color:#ffffffb3;line-height:1;display:inline-block;vertical-align:middle}.player-hud__regen--hp{color:#4ade80}.player-hud__regen--mana{color:#60a5fa}.player-hud__hp-bar{display:block;width:180px;min-width:180px;height:8px;background:#00000080;border-radius:4px;position:relative}.player-hud__hp-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px;transition:width .2s ease}.player-hud__hp-fill--mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.player-hud__hp-fill--low{background:linear-gradient(90deg,#dc2626,#ef4444)}.player-hud__hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7px;font-weight:600;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),1px 1px 1px rgba(0,0,0,.6);white-space:nowrap;z-index:1;pointer-events:none}.player-hud__mana-bar{display:block;width:180px;min-width:180px;height:6px;background:#00000080;border-radius:3px;position:relative}.player-hud__mana-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .2s ease}.equipment{position:fixed;right:460px;bottom:20px;z-index:var(--z-equipment, 1000);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);font-family:var(--font-family);user-select:none}.equipment__title{color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:1px}.equipment__slots{display:flex;flex-direction:column;gap:var(--spacing-sm)}.equipment__row{display:flex;justify-content:center;gap:var(--spacing-sm)}.equipment__slot{width:64px;height:64px;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border:2px solid var(--color-border-light);border-radius:var(--panel-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff0d;transition:border-color .15s ease}.equipment__slot:hover{border-color:var(--color-info)}.equipment__icon{width:48px;height:48px;object-fit:contain;display:none;image-rendering:pixelated}.equipment__icon--visible{display:block}.equipment__label{color:var(--color-text-disabled);font-size:10px;text-align:center}.equipment__label--hidden{display:none}.equipment__hint{color:var(--color-text-disabled);font-size:10px}.tooltip{position:fixed;z-index:9999;pointer-events:none;display:none;max-width:280px}.tooltip--visible{display:block}.tooltip__container{background:#14161cf7;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--panel-radius);box-shadow:0 4px 20px #00000080;padding:10px 12px;font-family:var(--font-family);font-size:13px;color:#e0e0e0;line-height:1.4}.tooltip__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.tooltip__title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.tooltip__badge{font-size:11px;color:var(--color-text-secondary);background:#ffffff1a;padding:2px 6px;border-radius:3px;display:none}.tooltip__badge--visible{display:inline}.tooltip__badge--passive{background:#8000ff33;color:var(--color-rarity-ultra, #a855f7)}.tooltip__desc{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.tooltip__desc--hidden{display:none}.tooltip__stats{display:none;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-secondary)}.tooltip__stats--visible{display:flex}.window{position:fixed;z-index:var(--z-windows, 1500);display:none;font-family:var(--font-family);user-select:none}.window--visible{display:block}.window__container{box-sizing:border-box;min-width:200px;overflow:hidden;background:linear-gradient(180deg,#252a38,#1c2030);border:2px solid rgba(140,115,70,.45);padding:6px;box-shadow:inset 0 1px #ffffff0a,0 8px 32px #000000b3,0 0 60px #0000004d}.window__titlebar{display:flex;justify-content:center;align-items:center;padding:12px 40px;background:#12141a;border-bottom:1px solid rgba(255,255,255,.06);cursor:grab;position:relative}.window__titlebar:after{content:"";position:absolute;bottom:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(160,130,80,.35),transparent);pointer-events:none}.window__titlebar--dragging{cursor:grabbing}.window__title{color:var(--color-text-primary);font-family:var(--font-family-heading);font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.6);position:relative;z-index:1}.window__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:0;background:url(/ui/buttons/Button_S1_Background.png) center/contain no-repeat;color:transparent;font-size:0;cursor:pointer;transition:filter .15s ease,transform .15s ease;z-index:2;padding:0}.window__close:after{content:"";position:absolute;inset:22%;background:url(/ui/buttons/Button_S1_Icon_Close.png) center/contain no-repeat;filter:brightness(.85)}.window__close:hover{filter:brightness(1.3);transform:scale(1.08);background-color:transparent}.window__close:hover:after{filter:brightness(1)}.window__content{background:#12141a;padding:12px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.2) transparent}.window__content::-webkit-scrollbar{width:6px}.window__content::-webkit-scrollbar-thumb{background:#ffd70033;border-radius:3px}#professions-window .window__content,#alchemy-window .window__content,#furnace-window .window__content{padding:0;max-height:none}.profession__section-header{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.profession__ingredient-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#ffffff08;border-radius:4px;margin-bottom:3px;transition:background .15s ease}.profession__ingredient-row:hover{background:#ffffff0f}.profession__icon{width:28px;height:28px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.profession__icon img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.profession__icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#888;background:linear-gradient(145deg,#1a1d24,#0d0f12)}.profession__ingredient-name{color:#c8b87a;font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profession__ingredient-qty{color:#aaa;font-size:11px;flex-shrink:0}.profession__ingredient-qty--ok{color:#6f8}.profession__ingredient-qty--missing{color:#f55}.profession__output-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:12px}.profession__output-row--alchemy{background:#64dc6414;border:1px solid rgba(100,220,100,.2);color:#6f8}.profession__output-row--smithing{background:#ffa02814;border:1px solid rgba(255,160,40,.2);color:#ffa028}.profession__meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.profession__meta-item{font-size:11px;color:#888}.profession__meta-value{font-weight:600}.profession__meta-value--level{color:gold}.profession__meta-value--xp{color:#6f8}.profession__meta-value--time,.profession__meta-value--tier{color:#aaa}.profession__action-btn{padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;border-radius:5px;transition:background .15s ease,opacity .15s ease}.profession__action-btn:disabled{opacity:.5;cursor:not-allowed}.profession__action-btn--alchemy{background:#64c8642e;border:1px solid rgba(100,200,100,.5);color:#6f8}.profession__action-btn--alchemy:hover:not(:disabled){background:#64c86447}.profession__action-btn--smithing{background:#ffa0282e;border:1px solid rgba(255,160,40,.5);color:#ffa028}.profession__action-btn--smithing:hover:not(:disabled){background:#ffa02847}.profession__progress-bar{position:relative;width:100%;height:20px;background:#1e1e1ebf;border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden;margin-top:6px}.profession__progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:3px;transition:none}.profession__progress-fill--smithing{background:linear-gradient(90deg,#ffa02899,#ffa028e6);box-shadow:0 0 8px #ffa02866}.profession__progress-fill--alchemy{background:linear-gradient(90deg,#00ff8880,#00ff88d9);box-shadow:0 0 8px #00ff8859}.profession__progress-time{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#e0d8c0;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;font-variant-numeric:tabular-nums;z-index:1}.profession__separator{border:none;border-top:1px solid rgba(255,255,255,.08);margin:10px 0}.profession__lock-badge{color:#f94;font-size:11px;margin-bottom:10px;padding:4px 8px;background:#ff960014;border-radius:4px;border:1px solid rgba(255,150,0,.2)}.profession__recipe-row{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease}.profession__recipe-row:hover{background:#ffffff0d}.profession__recipe-row--selected{background:#64b4ff1a}.profession__recipe-row--locked{opacity:.4;cursor:default}.profession__status{font-size:12px;margin-top:8px;padding:6px 8px;border-radius:4px}.profession__status--success{background:#50dc501a;color:#6f8}.profession__status--error{background:#ff50501a;color:#f55}.profession__detail-title{font-size:14px;font-weight:700;margin-bottom:4px}.profession__detail-title--alchemy{color:#e8e0d0}.profession__detail-title--smithing{color:#ffa028}.profession__detail-desc{color:#888;font-size:11px;font-style:italic;margin-bottom:8px}#character-window .window__content{padding:0;max-height:none;overflow:visible}.character-window{width:980px}.character-window__columns{display:flex;gap:0;min-height:450px}.character-window__column{padding:16px;background:#0000004d;border-radius:0;border:none;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-sizing:border-box}.character-window__column:first-child{width:300px;flex-shrink:0}.character-window__column--equipment{width:380px;flex-shrink:0;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.08);padding:0}.character-window__column:last-child{width:300px;flex-shrink:0;border-right:none;overflow:visible}.character-window__column-title{color:var(--color-text-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.character-window__column--equipment .character-window__column-title{display:none}.character-window__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.character-window__placeholder-icon{font-size:36px;margin-bottom:12px;opacity:.3}.character-window__placeholder-text{color:var(--color-text-secondary);font-size:12px;opacity:.5}.character-window__equip-layout{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.character-window__equip-side{display:flex;flex-direction:column;gap:10px;z-index:2;position:relative}.character-window__equip-side:first-child{margin-right:auto;padding-left:10px}.character-window__equip-side:last-child{margin-left:auto;padding-right:10px}.character-window__preview{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.character-window__preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.5}.character-window__preview-silhouette{font-size:48px;margin-bottom:8px}.character-window__preview-text{font-size:10px;color:var(--color-text-secondary)}.character-window__preview canvas{width:100%!important;height:100%!important;border-radius:6px;cursor:grab}.character-window__preview canvas:active{cursor:grabbing}.character-window__section{margin-bottom:16px}.character-window__section:last-child{margin-bottom:0}.character-window__section-title{color:var(--color-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.character-window__equipment{display:flex;flex-direction:column;align-items:center;gap:8px}.character-window__equip-row{display:flex;gap:8px;justify-content:center}.character-window__slot{width:52px;height:52px;background:#141419cc;border-radius:6px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .15s ease,background .15s ease}.character-window__slot:hover{border-color:#ffffff4d;background:#1e1e28e6}.character-window__slot-icon{width:46px;height:46px;object-fit:contain;display:none;image-rendering:pixelated}.character-window__slot-icon--visible{display:block}.character-window__slot-label{color:#ffffff4d;font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.character-window__slot-label--hidden{display:none}.character-window__stats{display:flex;flex-direction:column;gap:12px;overflow:visible;width:100%}.character-window__stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:0;gap:8px}.character-window__stat-label{color:#ffffff80}.character-window__stat-value{color:#ffffffe6;font-weight:600;white-space:nowrap}.character-window__stat-value--health{color:var(--color-success)}.character-window__stat-value--mana{color:var(--color-info)}.character-window__stat-value--damage{color:var(--color-error)}.tabbed-panel{position:fixed;right:460px;bottom:200px;z-index:var(--z-tabbed-panel, 1000);display:flex;flex-direction:row;font-family:var(--font-family);user-select:none}.tabbed-panel__tabs{display:flex;flex-direction:column;gap:4px}.tabbed-panel__tab{width:40px;height:40px;background:#1a1e28;border:1px solid rgba(140,115,70,.2);border-right:none;border-radius:4px 0 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff6;transition:background .15s ease,color .15s ease}.tabbed-panel__tab:hover{color:#ffffffb3;background:#222838}.tabbed-panel__tab--active{background:#12141a;color:#64b4dce6;border-right:none}.tabbed-panel__content{display:none;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:0 var(--panel-radius) var(--panel-radius) var(--panel-radius);border-top:2px solid var(--color-border-light);border-left:none;border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);padding:12px;width:280px}.tabbed-panel__content--visible{display:block}.tabbed-panel__section-title{color:var(--color-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.tabbed-panel__equipment{display:flex;flex-direction:column;align-items:center;gap:8px}.tabbed-panel__equip-row{display:flex;gap:8px;justify-content:center}.tabbed-panel__equip-slot{width:48px;height:48px;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:var(--slot-radius);border:2px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .15s ease}.tabbed-panel__equip-slot:hover{border-color:var(--color-info)}.tabbed-panel__equip-icon{width:36px;height:36px;object-fit:contain;display:none;image-rendering:pixelated}.tabbed-panel__equip-icon--visible{display:block}.tabbed-panel__equip-label{color:var(--color-text-disabled);font-size:9px;text-align:center}.tabbed-panel__equip-label--hidden{display:none}.tabbed-panel__stats{margin-top:12px}.tabbed-panel__stat{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.tabbed-panel__stat-label{color:var(--color-text-secondary)}.tabbed-panel__stat-value{color:var(--color-text-primary);font-weight:600}.tabbed-panel__quests-empty{color:var(--color-text-disabled);font-size:13px;text-align:center;padding:20px 0}.tabbed-panel__quest-list{display:flex;flex-direction:column;gap:8px}.tabbed-panel__quest{background:#0003;border-radius:var(--slot-radius);padding:8px}.tabbed-panel__quest-title{color:var(--color-warning);font-weight:600;font-size:13px;margin-bottom:4px}.tabbed-panel__quest-desc{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.menu-bar{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:var(--z-menu-bar, 1000);display:flex;flex-direction:column;gap:8px;font-family:var(--font-family);user-select:none}.menu-bar__button{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);box-shadow:0 4px 12px #0006;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary);transition:transform .1s ease,color .15s ease,border-color .15s ease}.menu-bar__button:hover{color:var(--color-text-primary);border-top-color:var(--color-border-highlight);border-left-color:var(--color-border-highlight)}.menu-bar__button:active{transform:scale(.92)}.menu-bar__button--active{color:var(--color-info);border-top-color:var(--color-info);border-left-color:var(--color-info)}.menu-bar__hotkey{position:absolute;bottom:-4px;right:-4px;background:#000000b3;color:var(--color-text-secondary);font-size:9px;padding:2px 4px;border-radius:3px}.buff-bar{position:fixed;top:60px;left:12px;z-index:var(--z-buff-bar, 1000);display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;max-width:200px;font-family:var(--font-family);user-select:none}.buff-bar__buff{width:40px;height:40px;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:var(--slot-radius);border:2px solid var(--color-warning);box-shadow:0 0 8px #f59e0b66;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.buff-bar__buff-icon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.buff-bar__buff-icon--fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--color-warning)}.buff-bar__buff-icon--hidden{display:none}.buff-bar__buff--debuff{border-color:#c33;box-shadow:0 0 8px #cc333380}.buff-bar__buff--debuff .buff-bar__buff-icon--fallback{color:#f66}.buff-bar__overlay{position:absolute;inset:0;pointer-events:none}.buff-bar__duration{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:#000c;color:var(--color-text-primary);font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px;white-space:nowrap}.buff-bar__stacks{position:absolute;top:-4px;right:-4px;background:var(--color-info);color:var(--color-text-primary);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.target-panel{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:var(--z-target-panel, 1000);display:none;font-family:var(--font-family);user-select:none;pointer-events:auto}.target-panel--visible{display:block}.target-panel__container{display:flex;align-items:center;gap:0;padding:0;position:relative}.target-panel__portrait-wrap{position:relative;flex-shrink:0;z-index:2}.target-panel__portrait{width:68px;height:68px;border-radius:50%;border:4px solid #8b7340;overflow:hidden;background:#0a0b0e;box-shadow:0 0 12px #8b734066,inset 0 0 20px #000c;transition:border-color .3s ease}.target-panel__portrait canvas{width:100%;height:100%;display:block}.target-panel__level-badge{position:absolute;bottom:-2px;left:-2px;min-width:20px;height:20px;line-height:20px;border-radius:50%;background:linear-gradient(180deg,#2a2520,#151210);border:2px solid #8b7340;color:#e8d8a0;font-size:10px;font-weight:800;text-align:center;padding:0 2px;box-shadow:0 0 4px #8b734066,inset 0 1px 2px #0009;z-index:2}.target-panel__level-badge:empty{display:none}.target-panel__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;margin-left:-18px;padding:3px 6px 3px 24px;background:none;border:none;border-radius:0;box-shadow:none}.target-panel__header{display:flex;align-items:center;gap:5px;padding:1px 4px 1px 0;min-width:160px}.target-panel__name{font-size:12px;font-weight:700;color:#e8d090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.3px}.target-panel__tier-badge{flex-shrink:0;font-size:8px;font-weight:800;padding:1px 4px;border-radius:2px;border:1px solid rgba(139,115,64,.4);background:#14120ccc;text-transform:uppercase;letter-spacing:.5px}.target-panel__tier-badge:empty{display:none}.target-panel__kebab{flex-shrink:0;background:none;border:1px solid transparent;border-radius:3px;color:#aaa;font-size:16px;line-height:1;padding:0 4px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;margin-left:auto}.target-panel__kebab:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.target-panel--player .target-panel__portrait{border-color:silver!important}.target-panel__tier-badge--elite{background:#ffd70026;border-color:#ffd70080;color:gold}.target-panel__tier-badge--boss{background:#ff880026;border-color:#ff880080;color:#f80}.target-panel__tier-badge--worldboss{background:#aa00ff26;border-color:#aa00ff80;color:#c6f}.target-panel__hp-bar{position:relative;width:100%;min-width:160px;height:16px;background:radial-gradient(ellipse 70% 60% at 50% 30%,#2a0a0a,#0a0202);border:2px solid #8b7340;border-radius:6px;overflow:hidden;box-shadow:0 0 6px #8b734040,inset 0 2px 6px #000000f2,inset 0 -1px 2px #00000080}.target-panel__hp-fill{height:100%;background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(180,255,180,.32) 0%,transparent 70%),linear-gradient(180deg,#5af55a,#2daa2d 28%,#1c891c 58%,#151);transition:width .15s ease;box-shadow:inset 0 1px #ffffff61,inset 0 -1px 3px #00000073}.target-panel__hp-fill--mid{background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(255,240,120,.32) 0%,transparent 70%),linear-gradient(180deg,#ffe44a,#ca0 28%,#a88000 58%,#7a5c00)}.target-panel__hp-fill--low{background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(255,140,140,.32) 0%,transparent 70%),linear-gradient(180deg,#f55,#c11 28%,#a00 58%,#7a0000)}.target-panel__hp-text{position:absolute;top:0;left:0;right:0;height:100%;line-height:16px;font-size:9px;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.6);pointer-events:none}.target-panel__mana-row{display:flex;flex-direction:column}.target-panel__mana-row--hidden{display:none}.target-panel__mana-bar{position:relative;width:100%;height:8px;background:radial-gradient(ellipse 70% 60% at 50% 30%,#080820,#020208);border:1px solid #3a3870;border-radius:6px;margin-top:2px;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px 1px #0006}.target-panel__mana-fill{height:100%;background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(140,190,255,.32) 0%,transparent 70%),linear-gradient(180deg,#6af,#37d 28%,#25b 58%,#1a3e99);transition:width .15s ease;box-shadow:inset 0 1px #ffffff47,inset 0 -1px 2px #00000059}.target-panel__mana-text{position:absolute;top:0;left:0;right:0;height:100%;line-height:8px;font-size:7px;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95);pointer-events:none}.target-panel__effects{display:flex;gap:2px;margin-top:2px;min-height:0}.target-panel__effects:empty{display:none}.target-panel__effect{position:relative;width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;border:1px solid rgba(139,115,64,.3);overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.target-panel__effect-icon{width:100%;height:100%;object-fit:contain;display:block}.target-panel__effect-overlay{position:absolute;inset:0;border-radius:2px;pointer-events:none}.target-panel__info-row{display:flex;flex-direction:column;gap:2px;padding:2px 0;font-size:11px}.target-panel__info-label{color:#9ca3af}.target-panel__info-label--met{color:#4ade80}.target-panel__info-label--unmet{color:#f87171}.target-panel__badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;margin-right:4px;text-transform:uppercase;letter-spacing:.5px}.target-panel__badge--vendor{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.target-panel__badge--banker{background:#eab30833;color:#facc15;border:1px solid rgba(234,179,8,.3)}.target-panel__badge--quests{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.target-panel__hint{font-size:10px;color:#6b7280;font-style:italic;padding-top:2px}.char-frame{position:fixed;top:20px;left:20px;z-index:900;display:block;font-family:var(--font-family);user-select:none;pointer-events:none}.char-frame__container{display:flex;align-items:flex-start;gap:0;position:relative}.char-frame__portrait-wrap{position:relative;flex-shrink:0;z-index:2}.char-frame__portrait{width:102px;height:102px;border-radius:50%;border:4px solid #8b7340;overflow:hidden;background:#0a0b0e;box-shadow:0 0 12px #8b734066,inset 0 0 20px #000c}.char-frame__portrait-canvas{width:100%;height:100%;display:block}.char-frame__level-badge{position:absolute;bottom:-2px;left:-2px;min-width:26px;height:26px;line-height:26px;border-radius:50%;background:linear-gradient(180deg,#2a2520,#151210);border:2px solid #8b7340;color:#e8d8a0;font-size:12px;font-weight:800;text-align:center;padding:0 3px;box-shadow:0 0 4px #8b734066,inset 0 1px 2px #0009;z-index:2}.char-frame__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;margin-left:-18px;padding:4px 8px 4px 24px;min-width:240px;background:none;border:none;border-radius:0;box-shadow:none}.char-frame__name{font-size:12px;font-weight:700;color:#e8d090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.3px;padding:1px 0}.char-frame__hp-row{display:flex;align-items:center;gap:6px}.char-frame__hp-bar{position:relative;flex:1;height:16px;background:radial-gradient(ellipse 70% 60% at 50% 30%,#2a0a0a,#0a0202);border:2px solid #8b7340;border-radius:6px;overflow:hidden;box-shadow:0 0 6px #8b734040,inset 0 2px 6px #000000f2,inset 0 -1px 2px #00000080}.char-frame__hp-fill{height:100%;background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(180,255,180,.32) 0%,transparent 70%),linear-gradient(180deg,#5af55a,#2daa2d 28%,#1c891c 58%,#151);transition:width .15s ease;box-shadow:inset 0 1px #ffffff61,inset 0 -1px 3px #00000073}.char-frame__hp-fill--mid{background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(255,240,120,.32) 0%,transparent 70%),linear-gradient(180deg,#ffe44a,#ca0 28%,#a88000 58%,#7a5c00)}.char-frame__hp-fill--low{background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(255,140,140,.32) 0%,transparent 70%),linear-gradient(180deg,#f55,#c11 28%,#a00 58%,#7a0000)}.char-frame__hp-text{position:absolute;top:0;left:0;right:0;height:100%;line-height:16px;font-size:9px;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.6);pointer-events:none}.char-frame__regen{font-size:9px;white-space:nowrap;flex-shrink:0;opacity:.8}.char-frame__regen--hp{color:#4ade80}.char-frame__regen--mana{color:#60a5fa}.char-frame__mana-row{display:flex;align-items:center;gap:6px}.char-frame__mana-bar{position:relative;flex:1;height:10px;background:radial-gradient(ellipse 70% 60% at 50% 30%,#080820,#020208);border:1px solid #3a3870;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px 1px #0006}.char-frame__mana-fill{height:100%;background:radial-gradient(ellipse 80% 50% at 50% 15%,rgba(140,190,255,.32) 0%,transparent 70%),linear-gradient(180deg,#6af,#37d 28%,#25b 58%,#1a3e99);transition:width .15s ease;box-shadow:inset 0 1px #ffffff47,inset 0 -1px 2px #00000059}.char-frame__mana-text{position:absolute;top:0;left:0;right:0;height:100%;line-height:10px;font-size:7px;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95);pointer-events:none}.char-frame__effects{display:flex;gap:2px;margin-top:2px;min-height:0}.char-frame__effects:empty{display:none}.char-frame__effect{position:relative;width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;border:1px solid rgba(139,115,64,.3);overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.char-frame__effect-icon{width:100%;height:100%;object-fit:contain;display:block}.char-frame__effect-overlay{position:absolute;inset:0;border-radius:2px;pointer-events:none}.player-effects-bar{position:fixed;bottom:198px;left:50%;transform:translate(-50%);z-index:900;display:flex;gap:6px;align-items:center;font-family:var(--font-family);user-select:none;pointer-events:none}.player-effects-bar:empty{display:none}.player-effects-bar__effect{position:relative;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;border:2px solid rgba(139,115,64,.5);overflow:hidden;box-shadow:0 2px 8px #0009,inset 0 1px 2px #00000080}.player-effects-bar__effect-icon{width:100%;height:100%;object-fit:contain;display:block}.player-effects-bar__effect-overlay{position:absolute;inset:0;border-radius:6px;pointer-events:none}.zone-indicator{position:fixed;top:12px;right:80px;z-index:var(--z-zone-indicator, 1000);font-family:var(--font-family);user-select:none;pointer-events:none}.zone-indicator__container{background:#14161ccc;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:var(--panel-radius);padding:6px 12px;text-align:right}.zone-indicator__name{color:var(--color-text-primary);font-size:13px;font-weight:500}.zone-indicator__coords{color:var(--color-text-secondary);font-size:11px;margin-top:2px}.character-window__mastery-points{display:flex;justify-content:center;margin-bottom:12px}.character-window__mastery-points-value{font-size:12px;color:var(--color-text-secondary);padding:4px 10px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.character-window__mastery-points-value--available{color:var(--color-success);border-color:#4ade804d;background:#4ade801a}.character-window__mastery-list{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.character-window__mastery-row{display:flex;align-items:center;gap:8px;padding:8px;background:#00000040;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:background .15s ease}.character-window__mastery-row:hover{background:#0006}.character-window__mastery-icon{width:28px;height:28px;background:#0006;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.character-window__mastery-info{flex:1;min-width:0}.character-window__mastery-name{color:var(--color-text-primary);font-size:12px;font-weight:600;margin-bottom:2px}.character-window__mastery-desc{color:var(--color-text-muted);font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-window__mastery-level{color:var(--color-text-primary);font-size:14px;font-weight:700;min-width:24px;text-align:center}.character-window__mastery-plus{width:24px;height:24px;background:#4ade8033;border:1px solid rgba(74,222,128,.4);border-radius:4px;color:var(--color-success);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.character-window__mastery-plus:hover:not(:disabled){background:#4ade804d;transform:scale(1.1)}.character-window__mastery-plus:active:not(:disabled){transform:scale(.95)}.character-window__mastery-plus:disabled{background:#64646433;border-color:#6464644d;color:var(--color-text-disabled);cursor:not-allowed}.character-window__respec-btn{margin-top:12px;padding:8px 16px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:4px;color:var(--color-error);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s ease}.character-window__respec-btn:hover{background:#ef44444d}.character-window__respec-btn:active{transform:scale(.98)}.character-window__detail-page{display:flex;flex-direction:column;width:100%;height:100%;padding:12px 16px;box-sizing:border-box}.character-window__detail-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.character-window__detail-back{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#c8bea0e6;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;white-space:nowrap;flex-shrink:0}.character-window__detail-back:hover{background:#ffffff26;color:#fff}.character-window__detail-title{font-size:16px;font-weight:600;color:#f0e6c8;flex:1}.character-window__detail-progress{display:flex;align-items:center;gap:8px;flex-shrink:0}.character-window__detail-level{font-size:12px;color:#c8bea0cc;white-space:nowrap}.character-window__detail-bar{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.character-window__detail-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.character-window__detail-list{flex:1;overflow-y:auto;padding-top:8px;display:flex;flex-direction:column;gap:4px}.character-window__detail-empty{color:#c8bea080;font-style:italic;font-size:13px;padding:16px 0;text-align:center}.character-window__unlock-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;background:#ffffff0a}.character-window__unlock-row--locked{opacity:.38}.character-window__unlock-status{font-size:14px;flex-shrink:0;width:20px;text-align:center}.character-window__unlock-level{font-size:11px;color:#c8bea0b3;width:36px;flex-shrink:0;text-align:right}.character-window__unlock-type{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;background:#ffffff1a}.character-window__unlock-type--skill_grant{color:#4ade80;border:1px solid #4ade8066}.character-window__unlock-type--skill_unlock{color:#60a5fa;border:1px solid #60a5fa66}.character-window__unlock-type--passive{color:#22d3ee;border:1px solid #22d3ee66}.character-window__unlock-type--resource_tier{color:#a78bfa;border:1px solid #a78bfa66}.character-window__unlock-type--recipe{color:#fbbf24;border:1px solid #fbbf2466}.character-window__unlock-name{font-size:13px;color:#f0e6c8;font-weight:500;flex-shrink:0;min-width:100px}.character-window__unlock-desc{font-size:12px;color:#c8bea099;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-window__stat-section{color:var(--color-text-secondary);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:12px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.character-window__stat-section:first-child{margin-top:0}.bank-window{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px}.bank__search{width:100%;box-sizing:border-box;background:var(--color-bg-dark);border:1px solid var(--color-border-light);border-radius:4px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);padding:6px 10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.bank__search::placeholder{color:var(--color-text-disabled)}.bank__search:focus{border-color:var(--color-accent, #6366f1);box-shadow:0 0 4px #6366f166}.bank__grid{position:relative;margin:0 auto}.bank__slot{position:absolute;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:var(--slot-radius);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff0d;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.bank__slot--drag-over{border-color:var(--color-success);box-shadow:inset 0 0 8px rgba(var(--color-success-rgb, 76, 175, 80),.5)}.bank__slot--rarity-basic{border-bottom-color:var(--color-rarity-basic)}.bank__slot--rarity-rare{border-bottom-color:var(--color-rarity-rare)}.bank__slot--rarity-ultra{border-bottom-color:var(--color-rarity-ultra)}.bank__slot--rarity-alpha{border-bottom-color:var(--color-rarity-alpha)}.bank__slot--rarity-epic{border-bottom-color:var(--color-rarity-epic)}.bank__item{position:absolute;border-radius:var(--slot-radius);cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;background:transparent;border:none}.bank__item:hover{transform:scale(1.05);z-index:10}.bank__item--dragging{opacity:.5}.bank__item--rarity-basic:hover{box-shadow:0 0 8px var(--color-rarity-basic)}.bank__item--rarity-rare:hover{box-shadow:0 0 8px var(--color-rarity-rare)}.bank__item--rarity-ultra:hover{box-shadow:0 0 8px var(--color-rarity-ultra)}.bank__item--rarity-alpha:hover{box-shadow:0 0 8px var(--color-rarity-alpha)}.bank__item--rarity-epic:hover{box-shadow:0 0 8px var(--color-rarity-epic)}.bank__item-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none}.bank__item-icon img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.bank__item-fallback{width:80%;height:80%;border-radius:var(--slot-radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.bank__quantity{position:absolute;bottom:2px;right:2px;font-size:10px;font-weight:700;color:var(--color-text-primary);text-shadow:0 0 2px #000,0 0 4px #000;pointer-events:none}.bank__info-panel{position:fixed;z-index:10000;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);border-radius:var(--panel-radius);color:var(--color-text-primary);font-size:var(--font-size-md);box-shadow:0 8px 24px #0009;display:none;padding:12px;min-width:180px;max-width:280px;pointer-events:none}.bank__info-panel--visible{display:block}.bank__info-content{display:flex;flex-direction:column;gap:4px}.bank__info-title{font-size:var(--font-size-lg);font-weight:600}.bank__info-type{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bank__info-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.bank__info-hint{font-size:var(--font-size-xs);color:var(--color-text-disabled);margin-top:8px;font-style:italic}.bank__hint{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-disabled);margin-top:8px}.bank__toast{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#b42828f2;color:#fff;font-size:var(--font-size-sm);padding:6px 16px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s ease-in-out;z-index:10}.bank__toast--visible{opacity:1}.item-info-panel{position:fixed;z-index:10000;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);border-radius:var(--panel-radius);color:var(--color-text-primary);font-size:var(--font-size-md);box-shadow:0 8px 24px #0009;display:none;padding:12px 16px;min-width:200px;max-width:320px;pointer-events:none;font-family:var(--font-family)}.item-info-panel--visible{display:block}.item-info-panel__content{display:flex;flex-direction:column;gap:6px}.item-info-panel__title{font-size:var(--font-size-lg);font-weight:600;line-height:1.2}.item-info-panel__type{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.item-info-panel__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin-top:4px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.item-info-panel__stats{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.item-info-panel__stat{display:flex;justify-content:space-between;align-items:center}.item-info-panel__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.item-info-panel__stat-value{font-weight:600;font-size:var(--font-size-sm)}.item-info-panel__stat-value--damage{color:var(--color-damage)}.item-info-panel__stat-value--speed{color:var(--color-info)}.item-info-panel__skills{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.item-info-panel__skills-label{font-size:var(--font-size-xs);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.item-info-panel__skill{display:flex;gap:8px;align-items:flex-start;padding:6px 0}.item-info-panel__skill-icon{width:24px;height:24px;border-radius:4px;flex-shrink:0}.item-info-panel__skill-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-warning)}.item-info-panel__skill-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.item-info-panel__hint{font-size:var(--font-size-xs);color:var(--color-text-disabled);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.skill-library__tabs{display:flex;background:#00000026;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.skill-library__tab{flex:1;padding:10px 0;text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;cursor:pointer;transition:color .2s ease,border-color .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.skill-library__tab:hover{color:#ffffffa6}.skill-library__tab--active{color:#e0e0e0;border-bottom-color:#64b4dcb3}.skill-drawer{position:fixed;top:0;left:0;width:400px;height:100vh;z-index:1600;font-family:var(--font-family);user-select:none;transform:translate(-100%);transition:transform .2s ease}.skill-drawer--open{transform:translate(0)}.skill-drawer__container{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#252a38,#1c2030);box-shadow:4px 0 24px #0009}.skill-drawer__titlebar{display:flex;justify-content:center;align-items:center;padding:14px 40px;background:#12141a;border-bottom:1px solid rgba(255,255,255,.06);position:relative;flex-shrink:0}.skill-drawer__titlebar:after{content:"";position:absolute;bottom:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(160,130,80,.35),transparent);pointer-events:none}.skill-drawer__content{display:flex;flex-direction:column;flex:1;min-height:0}.skill-library__search-wrap{padding:8px 14px;flex-shrink:0}.skill-library__search{width:100%;padding:6px 10px;font-size:12px;color:#e0e0e0;background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:4px;outline:none;font-family:inherit;box-sizing:border-box}.skill-library__search::placeholder{color:#ffffff4d}.skill-library__search:focus{border-color:#64b4dc80}.skill-library__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;overflow-y:auto;flex:1;padding:6px;background:#0000004d;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.skill-library__grid::-webkit-scrollbar{width:6px}.skill-library__grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.skill-library__card{position:relative;background:none;border:none;border-radius:0;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab;transition:all .15s ease;user-select:none}.skill-library__card:hover{background:#ffffff0f;border-radius:6px;transform:translateY(-2px)}.skill-library__card--dragging{opacity:.5;cursor:grabbing}.skill-library__card--locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.skill-library__card--equip-locked{opacity:.7;border-color:#ef444480}.skill-library__card--equip-locked:after{content:"!";position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;width:14px;height:14px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.skill-library__card--in-bar:before{display:none}.skill-library__card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#282832e6,#0f0f14f2);border:1px solid rgba(80,80,100,.5);border-top-color:#64647899;border-left-color:#64647880;border-bottom-color:#1e1e28cc;border-right-color:#1e1e28b3;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 1px 3px #00000080}.skill-library__card:hover .skill-library__card-icon{border-color:#a0a0c880;box-shadow:inset 0 1px #ffffff1a,0 0 6px #648cdc4d}.skill-library__card-icon img{width:100%;height:100%;object-fit:contain}.skill-library__icon-fallback{font-size:14px;font-weight:700;color:var(--color-text-secondary)}.skill-library__card-name{font-size:9px;color:#b4b4c8cc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.6)}.channel-bar{position:fixed;bottom:180px;left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:#000000d9;border:1px solid rgba(99,102,241,.5);border-radius:8px;min-width:280px;box-shadow:0 4px 16px #00000080,0 0 12px #6366f133}.channel-bar__skill-name{font-size:14px;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:1px}.channel-bar__target{font-size:11px;color:#fff9}.channel-bar__progress{position:relative;width:100%;height:14px;background:#1e1e28e6;border:1px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden}.channel-bar__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .05s linear}.channel-bar__tick-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.channel-bar__tick-marker{position:absolute;top:0;width:2px;height:100%;background:#ffffff4d;transform:translate(-50%)}.channel-bar__time{font-size:12px;color:#fffc;font-variant-numeric:tabular-nums}.action-bar__slot--drag-over{border:2px dashed var(--color-accent)!important;background:#6366f133!important;transform:scale(1.05)}#terrain-editor-window{position:fixed!important;left:0!important;top:0!important;height:100vh}#terrain-editor-window .window__container{height:100vh;border:none;padding:0;display:flex;flex-direction:column}#terrain-editor-window .window__content{flex:1;min-height:0;max-height:none;overflow:hidden;padding:0;position:relative}#terrain-editor-window .window__titlebar{cursor:default;flex-shrink:0}#terrain-editor-window .terrain-editor{position:absolute;inset:0;padding:0;display:flex;flex-direction:column;overflow:hidden}#terrain-editor-window #te-buildings-tools{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:0}.terrain-editor{padding:0}.terrain-editor__section{margin-bottom:var(--spacing-lg)}.terrain-editor__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.terrain-editor__toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none}.terrain-editor__toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.terrain-editor__tools{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.terrain-editor__tool{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-mid);border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.terrain-editor__tool:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.terrain-editor__tool--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.terrain-editor__tool--active:hover{background:var(--color-accent-hover)}.terrain-editor__shapes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.terrain-editor__shape{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-mid);border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.terrain-editor__shape:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.terrain-editor__shape--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.terrain-editor__shape--active:hover{background:var(--color-accent-hover)}.terrain-editor input[type=range]{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--color-bg-dark);border-radius:4px;outline:none;cursor:pointer}.terrain-editor input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer}.terrain-editor input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.terrain-editor__actions{display:flex;gap:var(--spacing-sm)}.terrain-editor__btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-mid);border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.terrain-editor__btn:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.terrain-editor__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.terrain-editor__btn--primary:hover{background:var(--color-accent-hover)}.terrain-editor__export{display:flex;gap:var(--spacing-sm)}.terrain-editor__select{flex:1;padding:var(--spacing-sm);background:var(--color-bg-dark);border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.terrain-editor__help{padding:var(--spacing-md);background:var(--color-bg-dark);border-radius:var(--panel-radius);font-size:var(--font-size-sm);color:var(--color-text-muted)}.terrain-editor__help p{margin:0 0 var(--spacing-xs) 0}.terrain-editor__help p:last-child{margin-bottom:0}.terrain-editor__topbar{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border)}.te-layout{display:flex;flex:1;min-height:0;overflow:hidden}.te-sidebar{display:flex;flex-direction:column;gap:1px;padding:3px;border-right:1px solid var(--color-border);flex-shrink:0;overflow-y:auto;background:#00000026}.te-sidebar-sep{height:1px;margin:2px 0;background:var(--color-border)}.te-mode-icon{width:22px;height:22px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:transparent;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.te-mode-icon svg{width:13px;height:13px}.te-mode-icon:hover{background:#ffffff14;border-color:#ffffff40;color:#fffc}.te-mode-icon--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.te-mode-icon--active:hover{background:var(--color-primary-hover)}.te-panel{flex:1;overflow-y:auto;min-width:0;padding:var(--spacing-sm)}.terrain-editor__modes{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.terrain-editor__mode{flex:1 1 calc(33% - var(--spacing-xs));min-width:80px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-bg-dark);color:var(--color-text);cursor:pointer;border-radius:var(--panel-radius);font-size:var(--font-size-sm);transition:all .15s ease;text-align:center}.terrain-editor__mode:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight)}.terrain-editor__mode--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text)}.terrain-editor__mode--active:hover{background:var(--color-primary-hover)}.terrain-editor__terrain-types{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.terrain-editor__terrain-type{padding:var(--spacing-sm);border:2px solid transparent;color:#fff;cursor:pointer;border-radius:var(--panel-radius);font-size:10px;font-weight:500;transition:all .15s ease;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center}.terrain-editor__terrain-type:hover{filter:brightness(1.1);transform:scale(1.02)}.terrain-editor__terrain-type--active{border-color:#fff;box-shadow:0 0 0 2px var(--color-accent),inset 0 0 0 1px #ffffff4d}.terrain-editor__nav-tools{display:flex;gap:var(--spacing-xs)}.terrain-editor__nav-tool{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-bg-dark);color:var(--color-text);cursor:pointer;border-radius:var(--panel-radius);font-size:var(--font-size-sm);transition:all .15s ease}.terrain-editor__nav-tool:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight)}.terrain-editor__nav-tool--active{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.terrain-editor__nav-tool--active:hover{background:var(--color-danger-hover)}.terrain-editor__nav-tool[data-nav-tool=unblock].terrain-editor__nav-tool--active{background:var(--color-success);border-color:var(--color-success)}.terrain-editor__nav-tool[data-nav-tool=unblock].terrain-editor__nav-tool--active:hover{background:var(--color-success-hover)}.terrain-editor__nav-sizes{display:flex;gap:var(--spacing-xs)}.terrain-editor__nav-size{flex:1;padding:var(--spacing-xs);border:1px solid var(--color-border);background:var(--color-bg-dark);color:var(--color-text);cursor:pointer;border-radius:var(--panel-radius);font-size:var(--font-size-sm);font-weight:700;transition:all .15s ease;min-width:32px}.terrain-editor__nav-size:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight)}.terrain-editor__nav-size--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.terrain-editor__nav-size--active:hover{background:var(--color-primary-hover)}.terrain-editor__hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.terrain-editor__props{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.terrain-editor__prop-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:background .15s,border-color .15s}.terrain-editor__prop-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.terrain-editor__prop-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.terrain-editor__prop-btn--active:hover{background:var(--color-primary-hover)}.terrain-editor__rotation-presets{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.terrain-editor__rot-btn{flex:1;padding:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:background .15s}.terrain-editor__rot-btn:hover{background:var(--color-bg-hover)}.terrain-editor__structure-tools{display:flex;gap:var(--spacing-xs)}.terrain-editor__structure-tool{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:background .15s,border-color .15s}.terrain-editor__structure-tool:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.terrain-editor__structure-tool--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.terrain-editor__structure-tool--active:hover{background:var(--color-primary-hover)}.te-buildings-search{width:100%;padding:4px 8px;margin-bottom:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-dark);color:var(--color-text);font-size:11px;outline:none}.te-buildings-search:focus{border-color:var(--color-primary)}.te-buildings-search::placeholder{color:#ffffff4d}.te-buildings-filters{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:4px}.te-buildings-filter{padding:2px 6px;border:1px solid rgba(255,255,255,.15);border-radius:3px;background:transparent;color:#ffffff80;font-size:10px;cursor:pointer;transition:all .15s}.te-buildings-filter:hover{background:#ffffff14;color:#fffc}.te-buildings-filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.te-buildings-list{display:flex;flex-direction:column;gap:1px;flex:1;min-height:60px;overflow-y:auto;background:#0003;border-radius:var(--radius-sm)}.te-building-row{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#ffffff0a;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .12s,border-color .12s}.te-building-row:hover{background:#ffffff1f;border-color:#fff3}.te-building-row.te-building-row--selected{background:#00ff8826;border-color:var(--color-primary)}.te-building-row__thumb{width:24px;height:24px;object-fit:contain;opacity:.85;flex-shrink:0}.te-building-row__name{flex:1;font-size:11px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-building-row__cat{font-size:9px;color:#ffffff4d;flex-shrink:0}.terrain-editor__status{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#0000004d;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.terrain-editor__status--success{color:var(--color-primary)}.terrain-editor__status--error{color:var(--color-error)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.quest-log-window{position:fixed;background:#140f0af2;border:2px solid #d4a855;border-radius:8px;display:flex;flex-direction:column;z-index:100;box-shadow:0 8px 32px #0009}.quest-log__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1e1914e6;border-bottom:1px solid #d4a855;border-radius:6px 6px 0 0;cursor:grab;user-select:none}.quest-log__header--dragging{cursor:grabbing}.quest-log__title{color:#d4a855;font-weight:700;font-size:16px;letter-spacing:1px}.quest-log__close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 8px}.quest-log__close:hover{color:#fff}.quest-log__body{display:flex;flex:1;overflow:hidden}.quest-log__sidebar{width:200px;border-right:1px solid #444;overflow-y:auto;padding:8px 0}.quest-log__detail{flex:1;padding:16px;overflow-y:auto}.quest-log__category-header{color:#d4a855;font-weight:600;font-size:13px;padding:8px 12px;cursor:pointer;user-select:none}.quest-log__category-header:hover{background:#d4a8551a}.quest-log__category-arrow{margin-right:8px;font-size:10px}.quest-log__quest-item{display:flex;align-items:center;padding:6px 12px 6px 24px;cursor:pointer;color:#e8e8e8;font-size:13px}.quest-log__quest-item:hover{background:#ffffff0d}.quest-log__quest-item--selected{background:#d4a85533;border-left:2px solid #d4a855}.quest-log__quest-item--completed{color:#4ade80}.quest-log__quest-icon{margin-right:8px;font-size:12px}.quest-log__empty{color:#666;font-size:12px;padding:8px 24px;font-style:italic}.quest-log__no-selection{color:#666;text-align:center;padding-top:100px}.quest-log__detail-title{color:#d4a855;font-weight:700;font-size:18px;margin-bottom:8px}.quest-log__detail-divider{height:1px;background:linear-gradient(to right,#d4a855,transparent);margin-bottom:12px}.quest-log__detail-description{color:#e8e8e8;font-size:14px;line-height:1.5;margin-bottom:20px}.quest-log__section-title{color:#d4a855;font-weight:600;font-size:13px;margin-bottom:8px;margin-top:16px}.quest-log__objective{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#e8e8e8;font-size:13px}.quest-log__objective-icon{color:#4ade80}.quest-log__progress-bar{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden;max-width:100px}.quest-log__progress-fill{height:100%;background:#d4a855;transition:width .2s ease}.quest-log__objective-count{color:#888;font-size:12px;min-width:40px;text-align:right}.quest-log__reward{color:#e8e8e8;font-size:13px;margin-bottom:4px}.quest-log__abandon-btn{margin-top:24px;padding:8px 16px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-size:13px}.quest-log__abandon-btn:hover{background:#ef44444d}.loot-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3000;pointer-events:none;opacity:0;transition:opacity .15s ease}.loot-window--visible{opacity:1;pointer-events:auto}.loot-window__container{background:#14141ef2;border:2px solid #444;border-radius:4px;box-shadow:0 4px 20px #00000080}.loot-window__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#282832cc;border-bottom:1px solid #333}.loot-window__title{color:gold;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.loot-window__close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.loot-window__close:hover{color:#fff}.loot-window__items{padding:8px;max-height:300px;overflow-y:auto}.loot-window__item{display:flex;align-items:center;padding:6px 8px;margin-bottom:4px;background:#32323c99;border-radius:3px;cursor:pointer;transition:background .1s ease}.loot-window__item:hover{background:#464650cc}.loot-window__item:last-child{margin-bottom:0}.loot-window__item-icon{width:32px;height:32px;border:2px solid #666;border-radius:3px;background:#0006;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.loot-window__item-img{width:28px;height:28px;object-fit:contain}.loot-window__item-info{flex:1;min-width:0}.loot-window__item-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-window__item-qty{color:#aaa;font-size:12px}.loot-window__take-all{display:block;width:calc(100% - 16px);margin:8px;padding:8px 12px;background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border:1px solid #555;border-radius:3px;color:#ddd;font-size:13px;font-weight:700;cursor:pointer;transition:all .1s ease}.loot-window__take-all:hover{background:linear-gradient(180deg,#5a5a6a,#4a4a5a);color:#fff}.loot-window__take-all:active{background:linear-gradient(180deg,#3a3a4a,#2a2a3a)}.trade-window{padding:8px}.trade__container{display:flex;gap:16px;align-items:flex-start}.trade__column{display:flex;flex-direction:column;gap:8px}.trade__column-header{font-size:13px;font-weight:700;color:#ccc;text-align:center}.trade__separator{width:2px;background:linear-gradient(180deg,transparent 0%,#555 20%,#555 80%,transparent 100%);align-self:stretch}.trade__grid{position:relative;background:#0000004d;border:1px solid #444;border-radius:4px;padding:4px}.trade__slot{position:absolute;background:#282832cc;border:1px solid #555;border-radius:3px;transition:all .1s ease}.trade__slot--mine:hover{border-color:#777;background:#32323ce6}.trade__slot--drag-over{border-color:#88f!important;background:#3c3c64e6!important;box-shadow:0 0 8px #6464ff4d}.trade__slot--rarity-basic{border-color:#555}.trade__slot--rarity-common{border-color:#888}.trade__slot--rarity-uncommon{border-color:#1eff00;box-shadow:inset 0 0 8px #1eff0026}.trade__slot--rarity-rare{border-color:#0070dd;box-shadow:inset 0 0 8px #0070dd26}.trade__slot--rarity-epic{border-color:#a335ee;box-shadow:inset 0 0 8px #a335ee26}.trade__slot--rarity-legendary{border-color:#ff8000;box-shadow:inset 0 0 8px #ff800026}.trade__item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.trade__item--rarity-uncommon{background:linear-gradient(135deg,rgba(30,255,0,.1) 0%,transparent 60%)}.trade__item--rarity-rare{background:linear-gradient(135deg,rgba(0,112,221,.1) 0%,transparent 60%)}.trade__item--rarity-epic{background:linear-gradient(135deg,rgba(163,53,238,.1) 0%,transparent 60%)}.trade__item--rarity-legendary{background:linear-gradient(135deg,rgba(255,128,0,.15) 0%,transparent 60%)}.trade__item-icon{width:90%;height:90%;display:flex;align-items:center;justify-content:center}.trade__item-icon img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.trade__item-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);border-radius:2px}.trade__quantity{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 1px #000,-1px -1px 1px #000}.trade__status{text-align:center;font-size:12px;color:#aaa;padding:8px 0}.trade__status--waiting{color:orange}.trade__status--ready{color:#1eff00}.trade__status--success{color:#1eff00;font-weight:700}.trade__buttons{display:flex;gap:12px;justify-content:center;padding-top:8px}.trade__button{padding:8px 24px;border:1px solid #555;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;transition:all .1s ease}.trade__button--confirm{background:linear-gradient(180deg,#2a6a2a,#1a4a1a);border-color:#3a8a3a;color:#7f7}.trade__button--confirm:hover{background:linear-gradient(180deg,#3a8a3a,#2a6a2a);color:#9f9}.trade__button--unconfirm{background:linear-gradient(180deg,#6a6a2a,#4a4a1a);border-color:#8a8a3a;color:#ff7}.trade__button--unconfirm:hover{background:linear-gradient(180deg,#8a8a3a,#6a6a2a);color:#ff9}.trade__button--cancel{background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border-color:#555;color:#ccc}.trade__button--cancel:hover{background:linear-gradient(180deg,#5a5a6a,#4a4a5a);color:#fff}.trade__pending-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;background:linear-gradient(180deg,#2a2a35,#1a1a22);border:2px solid #555;border-radius:8px;padding:20px 30px;box-shadow:0 8px 32px #00000080;pointer-events:auto;min-width:280px}.trade__pending-message{font-size:15px;color:#ddd;text-align:center;margin-bottom:16px}.trade__pending-buttons{display:flex;gap:16px;justify-content:center}.trade__button--accept{background:linear-gradient(180deg,#2a6a2a,#1a4a1a);border-color:#3a8a3a;color:#7f7}.trade__button--accept:hover{background:linear-gradient(180deg,#3a8a3a,#2a6a2a);color:#9f9}.trade__button--decline{background:linear-gradient(180deg,#6a2a2a,#4a1a1a);border-color:#8a3a3a;color:#f77}.trade__button--decline:hover{background:linear-gradient(180deg,#8a3a3a,#6a2a2a);color:#f99}.duel-request-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;display:none;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;background:linear-gradient(180deg,#1e2028fa,#14161cfa);backdrop-filter:blur(12px);border:2px solid rgba(255,180,50,.5);border-radius:var(--panel-radius);box-shadow:0 8px 32px #0009,0 0 20px #ffb43233;font-family:var(--font-family);user-select:none;min-width:280px}.duel-request-popup__header{color:var(--color-warning);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,180,50,.5)}.duel-request-popup__message{color:var(--color-text-primary);font-size:15px;text-align:center}.duel-request-popup__timer{color:var(--color-text-secondary);font-size:13px;opacity:.8}.duel-request-popup__buttons{display:flex;gap:12px;margin-top:8px}.duel-request-popup__button{padding:10px 24px;font-size:14px;font-weight:600;border:2px solid;border-radius:6px;cursor:pointer;transition:all .15s ease}.duel-request-popup__button--accept{background:linear-gradient(180deg,#2a6a2a,#1a4a1a);border-color:#3a8a3a;color:#7f7}.duel-request-popup__button--accept:hover{background:linear-gradient(180deg,#3a8a3a,#2a6a2a);color:#9f9;transform:scale(1.05)}.duel-request-popup__button--decline{background:linear-gradient(180deg,#6a2a2a,#4a1a1a);border-color:#8a3a3a;color:#f77}.duel-request-popup__button--decline:hover{background:linear-gradient(180deg,#8a3a3a,#6a2a2a);color:#f99;transform:scale(1.05)}.duel-countdown-overlay{position:fixed;inset:0;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0009,#000000d9);pointer-events:none;font-family:var(--font-family);user-select:none}.duel-countdown-overlay__vs{color:var(--color-warning);font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(255,180,50,.6),0 4px 12px rgba(0,0,0,.8);margin-bottom:20px}.duel-countdown-overlay__number{color:var(--color-text-primary);font-size:140px;font-weight:900;line-height:1;text-shadow:0 0 40px rgba(255,255,255,.4),0 8px 24px rgba(0,0,0,.8);opacity:1;transform:scale(1)}.duel-countdown-overlay__number--animate{animation:duel-countdown-pop .5s ease-out}.duel-countdown-overlay__number--fight{color:var(--color-error);font-size:100px;letter-spacing:8px;text-shadow:0 0 60px rgba(239,68,68,.8),0 8px 24px rgba(0,0,0,.8);animation:duel-fight-flash .4s ease-out}@keyframes duel-countdown-pop{0%{opacity:0;transform:scale(2)}50%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes duel-fight-flash{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.duel-hud-indicator{position:fixed;top:80px;right:12px;z-index:1000;display:none;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:linear-gradient(180deg,#501414f2,#320a0af2);backdrop-filter:blur(8px);border:2px solid rgba(239,68,68,.6);border-radius:var(--panel-radius);box-shadow:0 4px 16px #00000080,0 0 12px #ef44444d;font-family:var(--font-family);user-select:none}.duel-hud-indicator__label{color:var(--color-error);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 8px rgba(239,68,68,.6)}.duel-hud-indicator__opponent{color:var(--color-text-primary);font-size:14px;font-weight:600}.duel-hud-indicator__forfeit{margin-top:4px;padding:6px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(180deg,#3c3c3ce6,#282828e6);border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.duel-hud-indicator__forfeit:hover{background:linear-gradient(180deg,#642828e6,#501e1ee6);border-color:#ef444480;color:var(--color-error)}.chat-box{position:fixed;bottom:8px;left:8px;width:400px;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;font-family:var(--font-family);user-select:none;z-index:900;pointer-events:auto;overflow:hidden}.chat-box--minimized{height:auto!important}.chat-box:hover .chat-msg--faded{opacity:1}.chat-header{display:flex;align-items:stretch;background:transparent;flex-shrink:0}.chat-minimize-btn{display:flex;align-items:center;justify-content:center;width:28px;cursor:pointer;color:var(--color-text-muted);font-size:16px;font-weight:700;transition:color .15s ease,background .15s ease;flex-shrink:0}.chat-minimize-btn:hover{color:var(--color-text-primary);background:#ffffff14}.chat-body{display:flex;flex-direction:column;height:220px;background:transparent}.chat-tabs{display:flex;gap:2px;padding:4px 4px 0;flex:1}.chat-tab{position:relative;padding:4px 10px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:#c8b48ca6;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;display:flex;align-items:center;gap:6px;text-shadow:1px 1px 2px rgba(0,0,0,.9)}.chat-tab:hover{color:#fff0b4e6;background:transparent}.chat-tab--active{background:transparent;color:#ffe87c;border-bottom:2px solid rgba(255,220,60,.85);text-shadow:0 0 8px rgba(255,210,60,.4),1px 1px 2px rgba(0,0,0,.9)}.chat-friends-btn{margin-left:auto;padding:4px 8px;display:flex;align-items:center}.chat-tab__unread-dot{width:6px;height:6px;border-radius:50%;background:#e879f9;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}.chat-messages{flex:1;overflow-y:auto;padding:6px 8px;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.chat-msg{margin-bottom:1px;font-size:13px;line-height:1.4;color:var(--color-text-primary);word-wrap:break-word;transition:opacity .3s ease;padding:1px 0;text-shadow:1px 1px 2px rgba(0,0,0,.95),-1px 0px 2px rgba(0,0,0,.7)}.chat-msg--local{color:#ddd}.chat-msg--whisper{color:#e879f9}.chat-msg--party{color:#60a5fa}.chat-msg--guild{color:#4ade80}.chat-msg--system{color:#fbbf24;font-style:italic}.chat-msg--quest{color:#22d3ee;font-style:normal}.chat-msg--loot{color:#bb8fce;font-style:normal}.chat-msg--reward{color:gold;font-style:normal}.chat-msg--faded{opacity:.35}.chat-msg__timestamp{color:#ffffff40;font-size:10px;margin-right:4px;font-variant-numeric:tabular-nums}.chat-msg__channel-tag{font-size:10px;font-weight:700;margin-right:3px}.chat-msg__channel-tag--local{color:#ffffff4d}.chat-msg__channel-tag--whisper{color:#d946ef}.chat-msg__channel-tag--party{color:#3b82f6}.chat-msg__channel-tag--guild{color:#22c55e}.chat-msg__sender{font-weight:600;margin-right:2px}.chat-msg__sender--clickable{cursor:pointer;transition:text-decoration .1s ease}.chat-msg__sender--clickable:hover{text-decoration:underline}.chat-msg__text{word-break:break-word}.chat-input-bar{flex-shrink:0;padding:4px;display:flex;gap:4px;align-items:center;background:transparent;opacity:.45;transition:opacity .2s ease,background .2s ease;border-radius:4px}.chat-box--focused .chat-input-bar{opacity:1;background:#0000008c}.chat-box:hover .chat-input-bar{opacity:1}.chat-channel-badge{flex-shrink:0;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s ease;user-select:none;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-channel-badge--local{background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.15)}.chat-channel-badge--party{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.chat-channel-badge--whisper{background:#d946ef26;color:#e879f9;border:1px solid rgba(217,70,239,.3)}.chat-channel-badge:hover{filter:brightness(1.2)}.chat-input{flex:1;min-width:0;padding:5px 10px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);outline:none;transition:border-color .15s ease,background .15s ease}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{background:#0000008c;border-color:#ffd23c73}.friends-panel{position:fixed;bottom:266px;left:8px;width:400px;max-height:300px;background:#0d0f12eb;border:1px solid rgba(255,255,255,.08);border-radius:8px 8px 0 0;display:flex;flex-direction:column;z-index:1001;font-family:var(--font-family);color:var(--color-text-primary);pointer-events:auto}.friends-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600}.friends-close{cursor:pointer;opacity:.6;font-size:16px}.friends-close:hover{opacity:1}.friends-add-row{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.friends-add-input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-primary);padding:4px 8px;font-size:12px;font-family:var(--font-family);outline:none}.friends-add-input::placeholder{color:var(--color-text-muted)}.friends-add-input:focus{border-color:#ffffff40}.friends-add-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-primary);padding:4px 10px;cursor:pointer;font-size:12px;font-family:var(--font-family)}.friends-add-btn:hover{background:#fff3}.friends-list{flex:1;overflow-y:auto;padding:4px 0;min-height:60px;max-height:220px}.friends-list::-webkit-scrollbar{width:4px}.friends-list::-webkit-scrollbar-track{background:transparent}.friends-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.friend-row{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-size:13px}.friend-row:hover{background:#ffffff0f}.friend-dot{font-size:8px}.friend-dot.online{color:#4ade80}.friend-dot.offline{color:#666}.friend-name{flex:1}.friends-empty{padding:16px 12px;text-align:center;color:var(--color-text-muted);font-size:12px}.party-panel{position:fixed;left:12px;top:120px;width:180px;display:flex;flex-direction:column;gap:2px;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px;z-index:50;pointer-events:auto;font-family:var(--font-family)}.party-header{color:gold;font-size:12px;font-weight:700;text-align:center;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}.party-member{padding:4px 6px;border-radius:3px;cursor:default}.party-member:hover{background:#ffffff0d}.party-member-info{display:flex;align-items:center;gap:4px;margin-bottom:2px}.party-leader-icon{color:gold;font-size:10px}.party-member-name{color:#8cf;font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member-name.offline{color:#666}.party-member-level{color:#999;font-size:10px}.party-hp-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.party-hp-fill{height:100%;border-radius:2px;transition:width .3s ease}.party-hp-fill.hp-high{background:#4a4}.party-hp-fill.hp-mid{background:#da4}.party-hp-fill.hp-low{background:#d44}.party-leave-btn{margin-top:6px;padding:4px 8px;background:#c832324d;border:1px solid rgba(200,50,50,.5);border-radius:3px;color:#f88;font-size:10px;cursor:pointer;font-family:var(--font-family)}.party-leave-btn:hover{background:#c8323280}#lighting-window .window__container{max-height:85vh;display:flex;flex-direction:column}#lighting-window .window__content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding:0}.lighting-panel{padding:var(--spacing-sm)}.lighting-panel__section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.lighting-panel__section:last-of-type{border-bottom:none}.lighting-panel__section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.lighting-panel__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.lighting-panel__label{font-size:11px;color:var(--color-text-muted)}.lighting-panel__value{font-size:11px;color:var(--color-text-secondary);font-family:monospace;min-width:40px;text-align:right}.lighting-panel__slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-bg-mid);border-radius:2px;outline:none;margin-bottom:var(--spacing-sm);cursor:pointer}.lighting-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-accent);cursor:pointer}.lighting-panel__slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none}.lighting-panel__color{width:28px;height:20px;border:1px solid var(--color-border-subtle);border-radius:3px;cursor:pointer;padding:0;background:none}.lighting-panel__select{background:var(--color-bg-mid);border:1px solid var(--color-border-subtle);border-radius:3px;color:var(--color-text-secondary);font-size:11px;padding:2px 4px;cursor:pointer;outline:none}.lighting-panel__select:focus{border-color:var(--color-accent)}.lighting-panel__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.lighting-panel__save{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-mid);border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.lighting-panel__save:hover{background:#3296324d;border-color:#32963280;color:#8f8}.lighting-panel__save--success{background:#32963266!important;border-color:#32c83299!important;color:#8f8!important}.lighting-panel__reset{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-mid);border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.lighting-panel__reset:hover{background:#c832324d;border-color:#c8323280;color:#f88}.npc-panel-overlay{position:fixed;inset:0;z-index:3000;background:#0000004d;display:none;pointer-events:none}.npc-panel-overlay--visible{display:block;pointer-events:auto}.npc-panel{position:fixed;top:0;right:-500px;width:500px;height:100vh;background:linear-gradient(180deg,#1a1525,#0d0a12);border-left:1px solid rgba(128,90,213,.3);box-shadow:-4px 0 20px #00000080;display:flex;flex-direction:column;transition:right .25s ease-out;pointer-events:auto;overflow:hidden}.npc-panel--visible{right:0}.npc-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#805ad526,#321e504d);border-bottom:1px solid rgba(128,90,213,.2);flex-shrink:0}.npc-panel__title{font-size:18px;font-weight:700;color:#e0d0ff;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.npc-panel__close{background:#ff3c3c26;border:1px solid rgba(255,60,60,.3);color:#f88;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;transition:all .15s ease}.npc-panel__close:hover{background:#ff3c3c4d;color:#fff}.npc-panel__tabs{display:flex;gap:0;background:#00000026;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.npc-panel__tab{flex:1;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff59;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:color .2s ease,border-color .2s ease;margin-bottom:-1px}.npc-panel__tab:hover{color:#ffffffa6}.npc-panel__tab--active{color:#e0e0e0;border-bottom-color:#805ad5b3}.npc-panel__content{flex:1;overflow-y:auto;padding:20px}.npc-panel__interaction{display:flex;flex-direction:column;gap:12px;padding-top:40px}.npc-panel__action-btn{display:block;width:100%;padding:16px 20px;background:linear-gradient(135deg,#805ad533,#50328c26);border:1px solid rgba(128,90,213,.3);border-radius:8px;color:#e0d0ff;font-size:16px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s ease}.npc-panel__action-btn:hover{background:linear-gradient(135deg,#805ad54d,#50328c40);border-color:#805ad580;transform:translate(4px)}.npc-panel__dialogue{display:flex;flex-direction:column;height:100%}.npc-panel__speaker{font-size:14px;font-weight:700;color:gold;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.npc-panel__dialogue-text{flex:1;font-size:15px;line-height:1.6;color:#d0c8e0;padding:16px;background:#0003;border:1px solid rgba(128,90,213,.1);border-radius:8px;margin-bottom:16px;min-height:100px;overflow-y:auto}.npc-panel__dialogue-actions{display:flex;flex-direction:column;gap:8px}.npc-panel__continue-btn{padding:12px 20px;background:linear-gradient(135deg,#3c78c840,#2850a033);border:1px solid rgba(60,120,200,.3);border-radius:6px;color:#a0c8ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.npc-panel__continue-btn:hover{background:linear-gradient(135deg,#3c78c859,#2850a04d);border-color:#3c78c880}.npc-panel__choice-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#805ad51f,#321e501a);border:1px solid rgba(128,90,213,.2);border-radius:6px;color:#d0c0f0;font-size:14px;cursor:pointer;text-align:left;transition:all .15s ease}.npc-panel__choice-btn:hover{background:linear-gradient(135deg,#805ad540,#321e5033);border-color:#805ad566;transform:translate(4px)}.npc-panel__choice-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#805ad54d;color:#e0d0ff;font-size:12px;font-weight:700;flex-shrink:0}.npc-panel__farewell-btn{padding:10px 20px;background:#64507826;border:1px solid rgba(100,80,120,.25);border-radius:6px;color:#8a7ea0;font-size:13px;cursor:pointer;transition:all .15s ease;margin-top:8px}.npc-panel__farewell-btn:hover{background:#64507840;color:#c0b0e0}.npc-panel__vendor{display:flex;flex-direction:column;height:100%}.npc-panel__vendor-tabs{display:flex;gap:0;margin-bottom:12px;border-radius:6px;overflow:hidden;border:1px solid rgba(128,90,213,.2)}.npc-panel__vendor-tab{flex:1;padding:10px;background:#0003;border:none;color:#8a7ea0;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.npc-panel__vendor-tab:hover{background:#805ad51a;color:#c0b0e0}.npc-panel__vendor-tab--active{background:#805ad533;color:#d0c0ff}.npc-panel__vendor-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.npc-panel__vendor-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#00000026;border:1px solid rgba(128,90,213,.08);border-radius:6px;transition:background .15s ease}.npc-panel__vendor-row:hover{background:#805ad51a}.npc-panel__vendor-icon{width:36px;height:36px;border-radius:4px;background:#0000004d;border:1px solid rgba(128,90,213,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#8a7ea0;font-size:11px;font-weight:700;overflow:hidden}.npc-panel__vendor-icon img{width:100%;height:100%;object-fit:contain}.npc-panel__vendor-info{flex:1;min-width:0}.npc-panel__vendor-item-name{font-size:13px;font-weight:600;color:#d0c8e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npc-panel__vendor-price{font-size:12px;color:gold;font-weight:600}.npc-panel__vendor-price--sell{color:#80e080}.npc-panel__vendor-buy-btn,.npc-panel__vendor-sell-btn{padding:6px 16px;background:linear-gradient(135deg,#3ca03c40,#28782833);border:1px solid rgba(60,160,60,.3);border-radius:4px;color:#80e080;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;flex-shrink:0}.npc-panel__vendor-buy-btn:hover,.npc-panel__vendor-sell-btn:hover{background:linear-gradient(135deg,#3ca03c59,#2878284d);border-color:#3ca03c80}.npc-panel__vendor-buy-btn--disabled{opacity:.4;cursor:not-allowed}.npc-panel__vendor-empty{padding:40px 20px;text-align:center;color:#6a5e80;font-size:14px}.npc-panel__vendor-footer{padding:12px 0;border-top:1px solid rgba(128,90,213,.15);margin-top:12px;font-size:14px;font-weight:600;color:gold;text-align:right}.npc-panel__toast{padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;opacity:0;transition:opacity .3s ease;margin-top:8px}.npc-panel__toast--visible{opacity:1}.npc-panel__toast--success{background:#3ca03c33;border:1px solid rgba(60,160,60,.3);color:#80e080}.npc-panel__toast--error{background:#c8323233;border:1px solid rgba(200,50,50,.3);color:#f88}.npc-panel__quests{display:flex;flex-direction:column;gap:8px}.npc-panel__quest-card{padding:14px 16px;background:#00000026;border:1px solid rgba(128,90,213,.1);border-radius:8px}.npc-panel__quest-title{font-size:15px;font-weight:700;color:gold;margin-bottom:6px}.npc-panel__quest-desc{font-size:13px;color:#b0a8c0;line-height:1.5;margin-bottom:10px}.npc-panel__quest-status{display:flex;align-items:center;gap:8px}.npc-panel__quest-progress{font-size:12px;color:#8a7ea0;font-style:italic}.bank-qty-overlay{position:fixed;inset:0;z-index:12000;background:#0000004d}.bank-qty-dialog{position:fixed;z-index:12001;background:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-top:2px solid var(--color-border-light);border-left:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-dark);border-right:2px solid var(--color-border-dark);border-radius:var(--panel-radius);padding:12px;min-width:200px;max-width:260px;box-shadow:0 8px 24px #0009,inset 0 1px #ffffff0d;font-family:var(--font-family);color:var(--color-text-primary)}.bank-qty-dialog__header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.bank-qty-dialog__icon{width:32px;height:32px;border-radius:var(--slot-radius);object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.bank-qty-dialog__name{font-size:var(--font-size-md);font-weight:600}.bank-qty-dialog__input-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bank-qty-dialog__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.bank-qty-dialog__input{flex:1;background:var(--color-bg-dark);border:1px solid var(--color-border-light);border-radius:4px;color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);padding:4px 8px;text-align:center;outline:none}.bank-qty-dialog__input:focus{border-color:var(--color-accent, #6366f1);box-shadow:0 0 4px #6366f166}.bank-qty-dialog__input::-webkit-outer-spin-button,.bank-qty-dialog__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bank-qty-dialog__input[type=number]{-moz-appearance:textfield}.bank-qty-dialog__slider{width:100%;margin-bottom:8px;accent-color:var(--color-accent, #6366f1)}.bank-qty-dialog__quick-row{display:flex;gap:4px;margin-bottom:10px}.bank-qty-dialog__quick-btn{flex:1;background:var(--color-bg-dark);border:1px solid var(--color-border-light);border-radius:4px;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family);padding:3px 0;cursor:pointer;transition:background .15s ease,color .15s ease}.bank-qty-dialog__quick-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.bank-qty-dialog__btn-row{display:flex;gap:8px;justify-content:flex-end}.bank-qty-dialog__btn{padding:5px 16px;border-radius:4px;font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:background .15s ease,border-color .15s ease;border:1px solid var(--color-border-light)}.bank-qty-dialog__btn--cancel{background:var(--color-bg-dark);color:var(--color-text-secondary)}.bank-qty-dialog__btn--cancel:hover{background:#ffffff14}.bank-qty-dialog__btn--ok{background:var(--color-accent, #6366f1);color:#fff;border-color:transparent}.bank-qty-dialog__btn--ok:hover{filter:brightness(1.15)}#teleport-menu .window__content{padding:0;max-height:360px}.teleport-window__cooldown{padding:8px 12px;font-size:12px;color:#f84;background:#ff88441a;border-bottom:1px solid rgba(255,255,255,.06)}.teleport-window__list{overflow-y:auto;padding:6px}.teleport-window__empty{padding:24px 12px;text-align:center;color:#666;font-size:13px}.teleport-window__dest{padding:10px 12px;border-radius:4px;cursor:pointer;transition:background .15s}.teleport-window__dest:hover{background:#64b4ff26}.teleport-window__dest--disabled{opacity:.4;cursor:not-allowed}.teleport-window__dest--disabled:hover{background:none}.teleport-window__dest-name{font-size:14px;color:#ddd;font-weight:500}.teleport-window__dest-info{font-size:11px;color:#888;margin-top:2px}