.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}.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);display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-lg);font-family:var(--font-family);user-select:none}.inventory__panel{background:var(--color-bg-panel);backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle)}.inventory__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:1px}.inventory__grid{position:relative}.inventory__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}.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(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}.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__top-row{display:flex;align-items:center;gap:var(--spacing-xl)}.action-bar__slots{display:flex;gap:var(--slot-gap);padding:var(--spacing-lg);background:transparent}.action-bar__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;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .05s ease}.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}.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;display:none;pointer-events:none}.action-bar__cooldown--visible{display:block}.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);padding:var(--spacing-lg);background:transparent}.action-bar__passive-slot{position:relative;width:var(--slot-size);height:var(--slot-size);background:linear-gradient(145deg,#1a1525,#0d0a12);border-radius:var(--slot-radius);border-top:2px solid #3a2f4a;border-left:2px solid #3a2f4a;border-bottom:2px solid #0a080d;border-right:2px solid #0a080d;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-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:48px;height:48px}.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:56px;height:56px}}@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{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;overflow:hidden;min-width:200px}.window__titlebar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0000004d;cursor:grab}.window__titlebar--dragging{cursor:grabbing}.window__title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;text-transform:uppercase;letter-spacing:1px}.window__close{width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s ease,color .15s ease}.window__close:hover{background:#ef444480;color:var(--color-text-primary)}.window__content{padding:12px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}.window__content::-webkit-scrollbar{width:6px}.window__content::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}#character-window .window__container{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:8px}#character-window .window__titlebar{background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}#character-window .window__content{padding:0;max-height:none;overflow:visible;background:#000}.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:linear-gradient(145deg,var(--color-bg-mid) 0%,var(--color-bg-dark) 100%);border-radius:8px 0 0 8px;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:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease}.tabbed-panel__tab:hover{color:var(--color-text-primary)}.tabbed-panel__tab--active{background:linear-gradient(145deg,#2a2d35,#1a1d25);color:var(--color-info);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__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:12px;left:50%;transform:translate(-50%);z-index:var(--z-target-panel, 1000);display:none;font-family:var(--font-family);user-select:none}.target-panel--visible{display:block}.target-panel__container{background:#14161cf2;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--panel-radius);padding:8px 16px;min-width:180px;text-align:center}.target-panel__name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:6px}.target-panel__name--hostile{color:var(--color-error)}.target-panel__name--friendly{color:var(--color-success)}.target-panel__name--neutral{color:var(--color-warning)}.target-panel__hp-bar{width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden}.target-panel__hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:4px;transition:width .2s ease}.target-panel__hp-fill--low{background:linear-gradient(90deg,#dc2626,#ef4444)}.target-panel__hp-fill--mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.target-panel__hp-text{color:var(--color-text-secondary);font-size:11px;margin-top:4px}.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}.quests-window{width:320px}.quests-window__list{display:flex;flex-direction:column;gap:12px}.quests-window__empty{color:var(--color-text-disabled);font-size:13px;text-align:center;padding:30px 20px}.quests-window__quest{background:#0003;border-radius:var(--slot-radius);padding:12px;border-left:3px solid var(--color-warning)}.quests-window__quest--completed{border-left-color:var(--color-success);opacity:.7}.quests-window__quest-title{color:var(--color-warning);font-weight:600;font-size:14px;margin-bottom:6px}.quests-window__quest--completed .quests-window__quest-title{color:var(--color-success)}.quests-window__quest-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.5;margin-bottom:8px}.quests-window__quest-progress{color:var(--color-text-muted);font-size:11px}.quests-window__quest-progress-bar{width:100%;height:4px;background:#0000004d;border-radius:2px;margin-top:4px;overflow:hidden}.quests-window__quest-progress-fill{height:100%;background:var(--color-warning);border-radius:2px;transition:width .2s ease}.quests-window__quest--completed .quests-window__quest-progress-fill{background:var(--color-success)}.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__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{display:flex;flex-direction:column;gap:12px;padding:16px}.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}.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}.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{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:auto;display:flex;align-items:center;justify-content:center}.skill-library__panel{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:420px;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0009;overflow:hidden}.skill-library__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0000004d;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary)}.skill-library__close{width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s ease,color .15s ease}.skill-library__close:hover{background:#ef444480;color:var(--color-text-primary)}.skill-library__instructions{font-size:11px;color:var(--color-text-secondary);padding:8px 14px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.skill-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;overflow-y:auto;max-height:400px;padding:14px;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:#141419cc;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;transition:all .15s ease;user-select:none}.skill-library__card:hover{background:#282832e6;border-color:#ffffff4d;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{border-color:#6366f199;box-shadow:0 0 8px #6366f14d}.skill-library__card--in-bar:before{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:#6366f1;border-radius:50%;box-shadow:0 0 4px #6366f1cc}.skill-library__card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:4px;overflow:hidden}.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:10px;color:var(--color-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.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-radius:0;border-left:none;border-top:none;border-bottom:none;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{border-radius:0;cursor:default;flex-shrink:0}#terrain-editor-window .terrain-editor{position:absolute;inset:0;padding:var(--spacing-sm);overflow-y:auto;overflow-x:hidden}#terrain-editor-window #te-buildings-tools{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:0}.terrain-editor{padding:var(--spacing-sm)}.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__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)}.terrain-editor__buildings-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:4px;flex:1;min-height:100px;overflow-y:auto;padding:4px;background:#0003;border-radius:var(--radius-sm);align-content:start}.terrain-editor__building-item{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:4px;transition:all .15s ease}.terrain-editor__building-item:hover{background:#fff3;border-color:#ffffff4d}.terrain-editor__building-item--selected{background:#0f83;border-color:var(--color-primary);box-shadow:0 0 8px #0f86}.terrain-editor__building-thumb{width:48px;height:48px;object-fit:contain;opacity:.9}.terrain-editor__building-name{font-size:9px;text-align:center;color:var(--color-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.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)}.quests-window{padding:var(--spacing-sm)}.quests-window__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quests-window__empty{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.quests-window__quest{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.quests-window__quest-header{font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.quests-window__quest-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.quests-window__objectives{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.quests-window__objective{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.quests-window__objective--complete{color:var(--color-success)}.quests-window__objective-check{font-size:var(--font-size-md);width:1.2em;text-align:center}.quests-window__objective-text{flex:1}.quests-window__rewards{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:var(--spacing-xs)}.quests-window__rewards-title{color:var(--color-warning);font-weight:500}.npc-dialogue-window{padding:var(--spacing-sm)}.npc-dialogue-window__greeting{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-style:italic;color:var(--color-text-secondary);line-height:1.5}.npc-dialogue-window__quest-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.npc-dialogue-window__no-quests{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.npc-dialogue-window__quest{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.npc-dialogue-window__quest-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0003}.npc-dialogue-window__quest-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:14px;background:var(--color-warning);color:var(--color-bg-primary);flex-shrink:0}.npc-dialogue-window__quest-name{flex:1;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:color .15s ease}.npc-dialogue-window__quest-name:hover{color:var(--color-accent)}.npc-dialogue-window__quest-action{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.npc-dialogue-window__quest-action--accept{background:var(--color-success);color:#fff}.npc-dialogue-window__quest-action--accept:hover{background:#22c55e;transform:translateY(-1px)}.npc-dialogue-window__quest-action--turnin{background:var(--color-warning);color:var(--color-bg-primary)}.npc-dialogue-window__quest-action--turnin:hover{background:#fbbf24;transform:translateY(-1px)}.npc-dialogue-window__quest-action--disabled{background:var(--color-bg-tertiary);color:var(--color-text-disabled);cursor:not-allowed}.npc-dialogue-window__quest-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.npc-dialogue-window__quest-details--expanded{max-height:500px;padding:var(--spacing-sm);border-top:1px solid var(--color-border)}.npc-dialogue-window__quest-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-sm)}.npc-dialogue-window__section-title{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.npc-dialogue-window__quest-objectives{margin-bottom:var(--spacing-sm)}.npc-dialogue-window__quest-objective{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:2px 0}.npc-dialogue-window__quest-objective--complete{color:var(--color-success)}.npc-dialogue-window__objective-check{font-family:monospace;width:2em;flex-shrink:0}.npc-dialogue-window__objective-text{flex:1}.npc-dialogue-window__quest-rewards{padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.npc-dialogue-window__rewards-text{color:var(--color-warning);font-size:var(--font-size-sm)}@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;height:250px;display:flex;flex-direction:column;background:#0d0f12d9;border:1px solid var(--color-border-subtle);border-radius:var(--panel-radius);font-family:var(--font-family);user-select:none;z-index:900;pointer-events:auto;overflow:hidden}.chat-box:hover .chat-msg--faded{opacity:1}.chat-tabs{display:flex;gap:2px;padding:4px 4px 0;background:#0000004d;flex-shrink:0}.chat-tab{position:relative;padding:4px 12px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border-radius:4px 4px 0 0;transition:background .15s ease,color .15s ease;display:flex;align-items:center;gap:6px}.chat-tab:hover{color:var(--color-text-primary);background:#ffffff14}.chat-tab--active{background:#ffffff26;color:var(--color-text-primary)}.chat-friends-btn{margin-left:auto;font-size:14px;padding:4px 8px}.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:8px;scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:2px}.chat-msg{margin-bottom:2px;font-size:13px;line-height:1.4;color:var(--color-text-primary);word-wrap:break-word;transition:opacity .3s ease}.chat-msg--whisper{color:#e879f9}.chat-msg--system{color:#fbbf24;font-style:italic}.chat-msg--faded{opacity:.5}.chat-msg__timestamp{color:var(--color-text-muted);font-size:11px;margin-right:4px}.chat-msg__sender{font-weight:600;margin-right:4px}.chat-input-bar{flex-shrink:0;padding:4px}.chat-input{width:100%;padding:6px 10px;background:#00000080;border:1px solid rgba(255,255,255,.1);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}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{border-color:#ffffff4d}.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}