:root{--gray-950: #0d1117;--gray-925: #161b22;--gray-875: #21262d;--gray-800: #1f2937;--gray-775: #30363d;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--slate-800: #1e293b;--slate-500: #64748b;--slate-400: #94a3b8;--slate-200: #e2e8f0;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--green-400: #4ade80;--green-500: #22c55e;--red-400: #f87171;--red-500: #ef4444;--red-700: #b91c1c;--violet-400: #a78bfa;--violet-600: #7c3aed;--blue-300: #93c5fd;--color-bg-base: var(--gray-950);--color-bg-surface: var(--gray-925);--color-bg-raised: var(--gray-800);--color-bg-elevated: var(--gray-700);--color-bg-input: var(--gray-875);--color-bg-panel: var(--slate-800);--color-border: var(--gray-775);--color-border-subtle: var(--gray-875);--color-border-strong: var(--gray-700);--color-text-primary: var(--slate-200);--color-text-muted: var(--slate-400);--color-text-faint: var(--gray-500);--color-text-dim: var(--gray-600);--color-text-subtle: var(--slate-500);--color-success: var(--green-400);--color-positive: var(--green-500);--color-danger: var(--red-700);--color-danger-light: var(--red-500);--color-negative: var(--red-400);--color-warning: var(--amber-500);--color-info: var(--blue-300);--color-gold: var(--amber-400);--color-gold-dark: var(--amber-600);--color-gold-dim: rgba(251, 191, 36, .15);--color-purple: var(--violet-600);--color-purple-light: var(--violet-400);--color-purple-dim: rgba(124, 58, 237, .15);--color-hp-high: var(--green-500);--color-hp-mid: var(--amber-500);--color-hp-low: var(--red-500);--color-xp: var(--violet-400);--color-upgrade: var(--green-500);--font-display: "Cinzel", Georgia, serif;--font-body: system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--transition-fast: .15s ease;--transition-med: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-body);min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 14px;transition:opacity .15s}.btn:hover{opacity:.85}.btn-sm{padding:4px 10px;font-size:.78rem}.btn-primary{background:var(--color-gold);color:var(--color-bg-base)}.btn-danger{background:var(--color-danger);color:#fff}.btn-secondary{background:var(--color-border);color:var(--color-text-primary)}.btn-warning{background:#b45309;color:#fef3c7}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.main-content{flex:1;min-width:0;overflow-y:auto}.mobile-header,.sidebar-overlay{display:none}.sidebar-logo{padding:20px 16px 16px;font-size:1.1rem;font-weight:700;color:var(--color-gold);border-bottom:1px solid var(--color-border);letter-spacing:.08em;font-family:var(--font-display);text-transform:uppercase}.sidebar-hero{padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.85rem}.sidebar-hero--empty{display:flex;align-items:center;justify-content:center;padding:16px}.sidebar-hero-placeholder{color:var(--color-text-faint);font-size:.8rem;font-style:italic}.sidebar-hero-avatar{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.sidebar-hero-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-hero-name{font-weight:700;font-size:.9rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-hero-role{font-size:.72rem;color:var(--color-purple-light);font-style:italic}.sidebar-hero-level{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-display)}.sidebar-hero-vitals{display:flex;flex-direction:column;gap:5px}.sidebar-mini-bar-row{display:flex;align-items:center;gap:6px}.sidebar-mini-bar-label{font-size:.65rem;color:var(--color-text-faint);text-transform:uppercase;width:16px;flex-shrink:0}.sidebar-mini-bar{flex:1;height:4px;border-radius:2px;background:var(--color-border);overflow:hidden}.sidebar-mini-bar-fill{height:100%;transition:width var(--transition-fast);border-radius:2px}.sidebar-mini-bar-value{font-size:.62rem;color:var(--color-text-faint);white-space:nowrap}.sidebar-nav{flex:1;padding:8px 0}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;border-left:3px solid transparent;color:var(--color-text-muted);font-size:.9rem;cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover:not(.disabled){background:var(--color-bg-raised);color:var(--color-text-primary)}.nav-item.active{border-left-color:var(--color-gold);color:var(--color-text-primary);background:var(--color-gold-dim)}.nav-item.disabled{opacity:.35;cursor:not-allowed}.nav-icon{font-size:1rem;width:18px;text-align:center}@media(max-width:767px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:49}.mobile-header{display:flex;align-items:center;padding:10px 12px;background:#161b22;border-bottom:1px solid #30363d;position:sticky;top:0;z-index:10}.hamburger-btn{background:none;border:none;color:#e2e8f0;font-size:1.4rem;cursor:pointer;padding:4px 8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}}.loot-pending-panel{display:flex;flex-direction:column;gap:8px}.loot-warning{background:#7c2d12;color:#fcd34d;padding:8px 12px;border-radius:6px;font-size:.85rem}.loot-count{font-size:.8rem;color:#9ca3af}.loot-list{display:flex;flex-direction:column;gap:8px}.loot-empty{color:#6b7280;text-align:center;padding:2rem}.loot-item{border:1px solid;border-radius:6px;padding:8px 12px;background:#161b22}.loot-item--legendary{animation:legendaryPulse 2s infinite}@keyframes legendaryPulse{0%,to{border-color:#ff8000;box-shadow:0 0 6px #ff8000}50%{border-color:gold;box-shadow:0 0 14px gold}}.loot-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.loot-item-name{font-weight:600;font-size:.95rem}.loot-item-rarity{font-size:.7rem}.loot-item-stats{font-size:.8rem;color:#9ca3af;margin-bottom:6px}.loot-item-actions{display:flex;gap:6px}.item-card{border:1px solid;border-radius:6px;padding:8px;background:#161b22;cursor:pointer;transition:opacity .15s}.item-card:hover{opacity:.85}.item-card--upgrade{border-color:#22c55e!important}.item-card--legendary{animation:legendaryPulse 2s infinite}.item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.item-card-name{font-weight:600;font-size:.85rem}.item-card-quantity{font-size:.75rem;color:#9ca3af;font-weight:600;margin-right:2px}.item-card-enh{font-size:.72rem;font-weight:800;color:var(--color-xp);margin-right:2px}.enhance-panel{display:flex;flex-direction:column;gap:6px;padding:6px 0}.enhance-panel-header{display:flex;justify-content:space-between;align-items:center}.enhance-panel-title{font-size:.65rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.5px}.enhance-panel-level{font-size:.9rem;font-weight:800;color:var(--color-xp)}.enhance-panel-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted)}.enhance-panel-delta{color:var(--color-hp-high);font-weight:700}.enhance-panel-costs{display:flex;gap:12px;font-size:.75rem}.enhance-cost{color:var(--color-text-muted)}.enhance-cost small{color:var(--color-text-faint)}.enhance-cost--lack{color:var(--color-danger-light)}.enhance-panel-risk{font-size:.7rem;color:var(--color-text-faint)}.enhance-panel-btn{min-height:44px}.enhance-panel-warn{font-size:.7rem;color:var(--color-danger-light)}.enhance-panel-max{font-size:.78rem;color:var(--color-text-faint);text-align:center;padding:6px 0}.enhance-flash{font-size:.75rem;font-weight:700;text-align:center}.enhance-flash--ok{color:var(--color-hp-high)}.enhance-flash--fail{color:var(--color-danger-light)}.item-card-upgrade-icon{color:#22c55e;font-weight:700}.item-card-stats{font-size:.75rem;color:#9ca3af}.bag-view{display:flex;flex-direction:column;gap:10px}.bag-capacity{font-size:.78rem;color:var(--color-text-muted)}.bag-empty{color:var(--color-text-muted);text-align:center;padding:2rem;font-size:.9rem}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.bag-item{border:1px solid;border-radius:8px;padding:10px;background:var(--color-bg-surface);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.bag-item:hover{background:var(--color-bg-raised);transform:translateY(-1px)}.bag-item--upgrade{border-color:var(--color-hp-high)!important}.bag-item--new{box-shadow:0 0 0 1px #fbbf2480}.bag-item-header{display:flex;align-items:center;gap:7px;margin-bottom:4px}.bag-item-name{font-size:.88rem;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bag-item-qty{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.bag-item-rarity{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.85;margin-bottom:3px}.bag-item-stat{font-size:.78rem;color:var(--color-text-muted)}.upgrade-badge-sm{font-size:.72rem;color:var(--color-hp-high);font-weight:700;flex-shrink:0}.upgrade-badge{font-size:.7rem;color:#22c55e;margin-top:4px}.new-item-badge{display:inline-block;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;border-radius:9999px;padding:0 4px;margin-left:4px;vertical-align:middle;line-height:1.4}.inv-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.inv-mobile-tabs{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0}.inv-mobile-tab{flex:1;padding:10px 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:var(--transition-fast);position:relative}.inv-mobile-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.inv-mobile-content{flex:1;overflow-y:auto;padding:12px}.inv-desktop{display:none}@media(min-width:768px){.inv-mobile-tabs,.inv-mobile-content{display:none}.inv-desktop{display:grid;grid-template-columns:400px 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"doll bag" "stats attrs";gap:1rem 1.5rem;padding:1rem;height:100%;overflow:hidden}.inv-doll-panel{grid-area:doll;overflow-y:auto;align-self:start}.inv-bag-panel{grid-area:bag;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.inv-bag-content{flex:1;overflow-y:auto;min-height:0}.inv-stats-panel{grid-area:stats;overflow-y:auto}.inv-attrs-panel{grid-area:attrs;overflow-y:auto}}.inv-doll-toggle{display:flex;gap:6px;margin-bottom:10px;justify-content:center}.inv-doll-panel{display:flex;flex-direction:column;align-items:center}.inv-bag-tabs{display:flex;gap:4px;margin-bottom:12px}.inv-bag-panel{display:flex;flex-direction:column}.inv-stats-panel{padding-top:4px}.inv-stats-title{font-family:var(--font-display);color:var(--color-gold);font-size:.9rem;margin-bottom:10px;letter-spacing:.04em}.tab-btn{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;position:relative;transition:var(--transition-fast)}.tab-btn.active{background:var(--color-gold-dim);border-color:var(--color-gold);color:var(--color-gold)}.tab-badge{background:#ef4444;color:#fff;font-size:.65rem;border-radius:9999px;padding:1px 5px;margin-left:4px}.paper-doll-around{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto}.pda-sprite{image-rendering:pixelated;display:block}.pda-slot-grid{display:grid;grid-template-columns:repeat(4,54px);gap:6px;justify-content:center}.paper-doll-overlay{position:relative;width:376px;height:430px;margin:0 auto}.pdo-sprite{position:absolute;top:58px;left:68px;image-rendering:pixelated;display:block}.paper-doll-overlay .doll-slot{position:absolute;z-index:2}.paper-doll-overlay .eq-slot{background:#0d1117d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.paper-doll-overlay .doll-slot--helmet{top:2px;left:161px}.paper-doll-overlay .doll-slot--necklace{top:58px;left:4px}.paper-doll-overlay .doll-slot--earring_left{top:124px;left:4px}.paper-doll-overlay .doll-slot--off_hand{top:190px;left:4px}.paper-doll-overlay .doll-slot--gloves{top:256px;left:4px}.paper-doll-overlay .doll-slot--ring_left{top:322px;left:4px}.paper-doll-overlay .doll-slot--shoulders{top:58px;left:318px}.paper-doll-overlay .doll-slot--armor{top:124px;left:318px}.paper-doll-overlay .doll-slot--earring_right{top:190px;left:318px}.paper-doll-overlay .doll-slot--main_hand{top:256px;left:318px}.paper-doll-overlay .doll-slot--ring_right{top:322px;left:318px}.paper-doll-overlay .doll-slot--legs{top:310px;left:161px}.paper-doll-overlay .doll-slot--boots{top:374px;left:161px}.equipment-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.equipment-page-header .page-title{margin-bottom:0}.doll-mode-toggle{display:flex;gap:6px}.eq-slot{width:54px;height:54px;border:1.5px solid;border-radius:6px;background:#151c2ce0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s}.eq-slot--over{background:#1f6feb33}.eq-slot-content{text-align:center;padding:2px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1px}.eq-slot-icon-row{line-height:0}.eq-slot-name{font-size:.52rem;font-weight:600;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.eq-slot-stats{font-size:.48rem;color:#9ca3af}.eq-slot-empty{display:flex;flex-direction:column;align-items:center;gap:3px;color:#374151;font-size:.52rem;text-align:center;padding:2px}.eq-slot--compact{width:54px;height:54px}.eq-slot-compact-content{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 2px;width:100%}.eq-slot-compact-name{font-size:.5rem;font-weight:600;line-height:1.2;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.doll-hero-stats{margin-top:12px}.doll-stats-divider{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px}.stat-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #21262d;font-size:.82rem}.stat-label{color:#9ca3af}.stat-value{font-weight:600;color:#e5e7eb}.stat-list{display:flex;flex-direction:column}.eq-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center}.eq-modal{background:#161b22;border-top-left-radius:12px;border-top-right-radius:12px;padding:1.5rem;width:100%;max-width:480px}.eq-modal-header{font-size:1rem;font-weight:700;margin-bottom:.5rem}.eq-modal-stats{font-size:.85rem;color:#9ca3af;margin-bottom:1rem}.eq-modal-actions{display:flex;gap:8px}.compare-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:100;display:flex;align-items:flex-end;justify-content:center}.compare-panel{background:#161b22;border-top-left-radius:12px;border-top-right-radius:12px;padding:1.5rem;width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.compare-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700}.compare-panel-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem}.compare-columns{display:flex;gap:1rem;margin-bottom:1rem}.compare-item-panel{flex:1;background:#0d1117;border-radius:6px;padding:.75rem}.compare-panel-label{font-size:.7rem;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.compare-item-name{font-weight:600;font-size:.9rem;margin-bottom:2px}.compare-diff-section h4{font-size:.85rem;color:#9ca3af;margin-bottom:8px}.stat-diff-row{display:flex;justify-content:space-between;font-size:.82rem;padding:3px 0}.stat-diff-label{color:#9ca3af;text-transform:capitalize}.stat-diff-values{display:flex;align-items:center;gap:2px}.stat-diff-old{color:#6b7280;text-decoration:line-through}.stat-diff-delta{font-weight:600}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.log-entry{animation:fadeSlideIn .2s ease}.death-overlay{animation:fadeIn .3s ease}.combat-sprites{display:flex;justify-content:space-around;align-items:center;margin-bottom:12px}.combat-sprite-label{font-size:.72rem;color:var(--color-text-muted);text-align:center;margin-top:4px}.page-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-gold);font-family:var(--font-display);letter-spacing:.05em}.page-loading{display:flex;align-items:center;justify-content:center;height:50vh;color:#9ca3af}.bag-view{display:flex;flex-direction:column;height:100%}.bag-capacity{font-size:.75rem;color:var(--color-text-muted);margin-bottom:8px}.bag-empty{color:var(--color-text-muted);font-size:.85rem;padding:24px 0;text-align:center}.bag-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.bag-icon-cell{width:52px;height:52px;border:1.5px solid;border-radius:6px;background:#151c2ce0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s,background .15s}@media(min-width:768px){.bag-icon-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.bag-icon-cell{width:76px;height:76px;border-radius:8px}.bag-icon-cell img{width:48px!important;height:48px!important}}.bag-icon-cell:hover{background:#1f2d50f2}.bag-icon-cell--upgrade{box-shadow:0 0 6px 1px #facc1566}.bag-icon-cell--new{animation:pulse-new 1.4s ease infinite}@keyframes pulse-new{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 4px #4ade8000}}.bag-icon-tier{position:absolute;bottom:2px;right:3px;font-size:.55rem;font-weight:700;color:var(--color-gold);line-height:1}.bag-icon-qty{position:absolute;bottom:2px;left:2px;font-size:.55rem;font-weight:700;color:#e2e8f0;background:#000000a6;border-radius:3px;padding:0 2px;line-height:14px}.bag-icon-new-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#4ade80}.idc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.idc{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;width:min(380px,94vw);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 40px #0009}.idc-header{display:flex;align-items:flex-start;gap:12px}.idc-header-text{flex:1;min-width:0}.idc-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.2}.idc-tier{font-size:.85rem;font-weight:700}.idc-subtype{font-size:.8rem;font-weight:600;margin-top:2px;opacity:.9}.idc-close{background:none;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.idc-close:hover{color:var(--color-text-primary)}.idc-divider{height:1px;background:var(--color-border);margin:0 -4px}.idc-stats{display:flex;flex-direction:column;gap:6px}.idc-stat-primary{display:flex;align-items:center;gap:8px}.idc-stat-secondary{display:flex;align-items:center;gap:8px;color:var(--color-text-muted)}.idc-stat-value{font-size:1.1rem;font-weight:700;min-width:44px}.idc-stat-name{font-size:.82rem;font-weight:600}.idc-stat-tag{font-size:.68rem;background:#ffffff14;border-radius:4px;padding:1px 5px;color:var(--color-text-muted);margin-left:auto}.idc-stat-empty{font-size:.78rem;color:var(--color-text-muted);font-style:italic}.idc-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.idc-sell{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--color-gold)}.idc-sell-icon{font-size:1rem}.idc-sell-na{color:var(--color-text-muted)}.idc-sell-stepper{display:flex;align-items:center;gap:6px;justify-content:flex-end}.idc-stepper-btn{min-width:44px;min-height:44px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:4px;font-size:1rem;cursor:pointer;line-height:1}.idc-stepper-btn:hover{background:var(--color-border)}.idc-stepper-val{min-width:28px;text-align:center;font-size:.9rem}.idc-reqs{font-size:.72rem;color:var(--color-text-muted);text-align:right}.idc-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.equip-error-msg{width:100%;margin:4px 0 0;font-size:.8rem;color:#ef4444;text-align:right}.tt-box{background:#111827;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;max-width:230px;width:max-content;box-shadow:0 6px 24px #000000b3;pointer-events:none;animation:tt-in .1s ease;font-size:.8rem;line-height:1.4}@keyframes tt-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}to{opacity:1;transform:translate(-50%,calc(-100% - 10px))}}.tt-slot-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--color-gold);margin-bottom:4px}.tt-slot-desc{color:var(--color-text-muted);font-size:.77rem}.tt-item-name{font-family:var(--font-display);font-size:.85rem;font-weight:700;margin-bottom:2px}.tt-item-tier{font-size:.72rem;font-weight:700;color:var(--color-gold)}.tt-item-sub{color:var(--color-text-muted);font-size:.72rem;margin-bottom:6px}.tt-item-stat{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-text-primary)}.tt-item-stat span{font-weight:700;color:#60a5fa}.tt-item-stat--sec{color:var(--color-text-muted)}.tt-item-stat--sec span{color:#9ca3af}.tt-item-stat em{font-style:normal;font-size:.65rem;background:#ffffff14;border-radius:3px;padding:1px 4px}.tt-item-req{margin-top:4px;font-size:.7rem;color:#f59e0b}.tt-hint{margin-top:6px;font-size:.68rem;color:var(--color-text-muted);border-top:1px solid rgba(255,255,255,.06);padding-top:4px}.stat-info-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#ffffff14;color:var(--color-text-muted);font-size:.6rem;font-weight:700;margin-left:5px;cursor:help;position:relative;vertical-align:middle;flex-shrink:0}.stat-info-icon:hover{background:#ffffff26;color:var(--color-gold)}.tt-stat-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--color-gold);margin-bottom:4px}.tt-stat-desc{color:var(--color-text-muted);font-size:.77rem}.tt-prof-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--color-gold);margin-bottom:4px}.tt-prof-desc{color:var(--color-text-muted);font-size:.77rem;margin-bottom:6px}.tt-prof-resource{font-size:.75rem;color:var(--color-text-primary)}.tt-prof-resource strong{color:#4ade80}.tt-prof-cycle{font-size:.72rem;color:var(--color-text-muted);margin-top:3px}.guide-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;min-height:300px}.guide-back-btn{display:none!important}@media(max-width:639px){.guide-layout{grid-template-columns:1fr}.guide-list-panel--hidden-mobile,.guide-detail-panel--hidden-mobile{display:none}.guide-back-btn{display:flex!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.game-sprite-img{display:block;object-fit:contain}.game-sprite-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-faint);font-size:1.2rem}.game-sprite-placeholder:after{content:"?";font-family:var(--font-display);font-weight:600}.pixel-sprite{position:relative;display:inline-block}.pixel-sprite-px{position:absolute;width:4px;height:4px;top:0;left:0;background:transparent}.pixel-glow{position:absolute;border-radius:1px;pointer-events:none}.gothic-hero--idle{animation:gothic-float 3s ease-in-out infinite}.gothic-hero--idle .gothic-eye{animation:eye-idle 2.5s ease-in-out infinite}@keyframes gothic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eye-idle{0%,to{box-shadow:0 0 3px 2px #ff2222a6}50%{box-shadow:0 0 7px 4px #f22}}.gothic-hero--attack{animation:gothic-attack .45s ease-in-out infinite}.gothic-hero--attack .gothic-eye{animation:eye-attack .45s ease-in-out infinite}@keyframes gothic-attack{0%,to{transform:translate(0) translateY(0)}35%{transform:translate(12px) translateY(-5px)}65%{transform:translate(-3px) translateY(1px)}}@keyframes eye-attack{0%,to{box-shadow:0 0 4px 2px #f22c}35%{box-shadow:0 0 12px 6px #f22,0 0 22px 10px #ff505073}}.gothic-hero--dead{animation:gothic-dead 1s ease-in forwards;transform-origin:bottom center}.gothic-hero--dead .gothic-eye{animation:eye-dead 1s ease-in forwards}@keyframes gothic-dead{0%{transform:rotate(0) translateY(0);opacity:1}to{transform:rotate(-85deg) translateY(20px);opacity:0}}@keyframes eye-dead{0%{box-shadow:0 0 3px 2px #ff2222a6}to{box-shadow:none}}.skeleton--idle{animation:skeleton-idle 2.8s ease-in-out infinite}.skeleton--idle .skeleton-eye{animation:skeleton-eye-idle 2.8s ease-in-out infinite}@keyframes skeleton-idle{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-2deg)}70%{transform:translateY(-3px) rotate(2deg)}}@keyframes skeleton-eye-idle{0%,to{box-shadow:0 0 3px 2px #3e49}50%{box-shadow:0 0 7px 4px #3e4}}.skeleton--attack{animation:skeleton-attack .4s ease-in-out infinite}.skeleton--attack .skeleton-eye{animation:skeleton-eye-attack .4s ease-in-out infinite}@keyframes skeleton-attack{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(14px) rotate(8deg)}65%{transform:translate(-4px) rotate(-2deg)}}@keyframes skeleton-eye-attack{0%,to{box-shadow:0 0 4px 2px #3e4c}35%{box-shadow:0 0 14px 7px #3e4,0 0 24px 12px #3e46}}.skeleton--dead{animation:skeleton-dead .9s ease-in forwards;transform-origin:bottom center}.skeleton--dead .skeleton-eye{animation:skeleton-eye-dead .9s ease-in forwards}@keyframes skeleton-dead{0%{transform:rotate(0) translateY(0);opacity:1}40%{transform:rotate(-20deg) translateY(4px);opacity:.9}to{transform:rotate(-90deg) translateY(24px);opacity:0}}@keyframes skeleton-eye-dead{0%{box-shadow:0 0 3px 2px #3e49}to{box-shadow:none}}.ninja-knight--idle{animation:nk-idle 2.4s ease-in-out infinite}.ninja-knight--idle .nk-ember{animation:nk-eye-idle 2.4s ease-in-out infinite}@keyframes nk-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes nk-eye-idle{0%,to{box-shadow:0 0 3px 2px #ff5500a6}50%{box-shadow:0 0 7px 4px #ff8c00}}.ninja-knight--attack{animation:nk-attack .35s ease-in-out infinite}.ninja-knight--attack .nk-ember{animation:nk-eye-attack .35s ease-in-out infinite}@keyframes nk-attack{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(16px) rotate(6deg)}60%{transform:translate(-5px) rotate(-1deg)}}@keyframes nk-eye-attack{0%,to{box-shadow:0 0 4px 2px #f50c}30%{box-shadow:0 0 14px 7px #ff8c00,0 0 26px 12px #f506}}.ninja-knight--dead{animation:nk-dead .9s ease-in forwards;transform-origin:bottom center}.ninja-knight--dead .nk-ember{animation:nk-eye-dead .9s ease-in forwards}@keyframes nk-dead{0%{transform:rotate(0) translateY(0);opacity:1}to{transform:rotate(-85deg) translateY(24px);opacity:0}}@keyframes nk-eye-dead{0%{box-shadow:0 0 3px 2px #ff5500a6}to{box-shadow:none}}.dark-knight--idle{animation:dk-idle 4s ease-in-out infinite}.dark-knight--idle .dk-ember{animation:dk-ember-idle 3s ease-in-out infinite}@keyframes dk-idle{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(-2px)}}@keyframes dk-ember-idle{0%,to{box-shadow:0 0 3px 2px #e8b04099}50%{box-shadow:0 0 7px 4px #f0d060}}.dark-knight--attack{animation:dk-attack .6s ease-in-out infinite}.dark-knight--attack .dk-ember{animation:dk-ember-attack .6s ease-in-out infinite}@keyframes dk-attack{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(14px) rotate(5deg)}60%{transform:translate(-4px) rotate(-1deg)}}@keyframes dk-ember-attack{0%,to{box-shadow:0 0 3px 2px #e8b04099}30%{box-shadow:0 0 14px 7px #f0d060,0 0 26px 12px #e8b04066}}.dark-knight--dead{animation:dk-dead 1.2s ease-in forwards;transform-origin:bottom center}.dark-knight--dead .dk-ember{animation:dk-ember-dead 1.2s ease-in forwards}@keyframes dk-dead{0%{transform:rotate(0) translateY(0);opacity:1}50%{transform:rotate(-15deg) translateY(8px);opacity:.8}to{transform:rotate(-80deg) translateY(30px);opacity:0}}@keyframes dk-ember-dead{0%{box-shadow:0 0 3px 2px #e8b04099}to{box-shadow:none}}.plab-sprite{display:flex;flex-direction:column;align-items:center;gap:10px}.plab-img{display:block;image-rendering:pixelated}.plab-dirs{display:grid;grid-template-columns:repeat(4,28px);gap:3px}.plab-dir-btn{width:28px;height:22px;font-size:.6rem;font-weight:600;background:#161b22;border:1px solid #30363d;border-radius:4px;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.plab-dir-btn:hover{background:#1c2330;color:#94a3b8}.plab-dir-btn.active{background:#1d3a5c;border-color:#3b82f6;color:#93c5fd}.design-lab{max-width:960px;margin:0 auto;padding:20px 16px}.design-lab-title{font-size:1.3rem;font-weight:700;color:#e2e8f0;margin-bottom:4px}.design-lab-subtitle{font-size:.78rem;color:#64748b;margin-bottom:24px}.design-lab-section{margin-bottom:32px}.design-lab-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#475569;margin-bottom:12px;border-bottom:1px solid #21262d;padding-bottom:6px}.dlab-card{background:#0d1117;border:1px solid #21262d;border-radius:12px;overflow:hidden;display:inline-flex;flex-direction:column}.dlab-stage{min-height:160px;min-width:200px;background:radial-gradient(ellipse at 50% 85%,#0f0a1e,#020617);display:flex;align-items:center;justify-content:center;padding:28px 32px}.dlab-grid{display:flex;flex-wrap:wrap;gap:16px}.dlab-footer{padding:10px 12px;border-top:1px solid #21262d;display:flex;flex-direction:column;gap:6px}.dlab-label{font-size:.78rem;font-weight:600;color:#94a3b8}.dlab-controls{display:flex;gap:6px}.dlab-badge{font-size:.65rem;color:#3b82f6;background:#0f1929;border:1px solid #1d3a5c;border-radius:4px;padding:1px 6px;align-self:flex-start}.dlab-stage--ai{background:radial-gradient(ellipse at 50% 85%,#0a1220,#020617);min-height:200px}.zone-buildings-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:768px){.zone-buildings-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}}.shop-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100}.shop-modal{background:var(--color-surface, #1e1e2e);border:1px solid var(--color-border, #2a2a3e);border-radius:10px;width:min(420px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.shop-modal__header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--color-border, #2a2a3e)}.shop-modal__header h2{margin:0;font-size:1.1rem;color:var(--color-text-primary, #e0e0e0);flex:1}.shop-modal__gold{font-size:.9rem;color:var(--color-gold, #f5c842)}.shop-modal__close{background:none;border:none;color:var(--color-text-secondary, #888);cursor:pointer;font-size:1rem;padding:4px 6px;border-radius:4px;transition:color .15s}.shop-modal__close:hover{color:var(--color-text-primary, #e0e0e0)}.shop-modal__combat-warning{margin:0;padding:8px 16px;font-size:.82rem;color:var(--color-warning, #e0a940);background:var(--color-warning-muted, #2c2010);border-bottom:1px solid var(--color-border, #2a2a3e)}.shop-modal__error{margin:0;padding:8px 16px;font-size:.82rem;color:var(--color-danger, #e06060);background:var(--color-danger-muted, #2c1010);border-bottom:1px solid var(--color-border, #2a2a3e)}.shop-modal__loading{padding:24px;text-align:center;color:var(--color-text-secondary, #888)}.shop-modal__items{list-style:none;margin:0;padding:0;overflow-y:auto}.shop-modal__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border, #2a2a3e)}.shop-modal__item:last-child{border-bottom:none}.shop-modal__item-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.shop-modal__item-name{font-size:.9rem;color:var(--color-text-primary, #e0e0e0);font-weight:500}.shop-modal__item-desc{font-size:.78rem;color:var(--color-text-secondary, #888)}.shop-modal__item-buy{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.shop-modal__item-price{font-size:.82rem;color:var(--color-gold, #f5c842)}.shop-modal__buy-btn{padding:6px 14px;border-radius:5px;border:none;background:var(--color-accent, #7c6af7);color:#fff;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.shop-modal__buy-btn:hover:not(:disabled){background:var(--color-accent-hover, #9b8cff)}.shop-modal__buy-btn:disabled{opacity:.5;cursor:not-allowed}.shop-modal__stepper{display:flex;align-items:center;gap:6px;justify-content:flex-end}.shop-modal__stepper-btn{min-width:44px;min-height:44px;border:1px solid var(--color-border, #2a2a3e);background:var(--color-surface, #1e1e2e);color:var(--color-text-primary, #e0e0e0);border-radius:4px;font-size:1rem;cursor:pointer;line-height:1;transition:background .12s}.shop-modal__stepper-btn:hover:not(:disabled){background:var(--color-border, #2a2a3e)}.shop-modal__stepper-btn:disabled{opacity:.4;cursor:not-allowed}.shop-modal__stepper-val{min-width:28px;text-align:center;font-size:.9rem;color:var(--color-text-primary, #e0e0e0)}.village-page{padding:16px;max-width:900px;margin:0 auto}.village-page--loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-secondary, #888)}.village-page__title{font-size:1.4rem;margin:0 0 16px;color:var(--color-text-primary, #e0e0e0)}.village-page__combat-banner{background:var(--color-warning-muted, #2c2010);border:1px solid var(--color-warning, #e0a940);border-radius:6px;padding:10px 14px;font-size:.85rem;color:var(--color-warning, #e0a940);margin-bottom:14px}.village-page__error{background:var(--color-danger-muted, #2c1010);border:1px solid var(--color-danger, #e06060);border-radius:6px;padding:10px 14px;font-size:.85rem;color:var(--color-danger, #e06060);margin-bottom:14px}.village-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.village-page__shop-section{margin-top:20px}.village-page__shop-btn{width:100%;min-height:44px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer}.village-page__shop-btn:hover:not(:disabled){background:#6d28d9}.village-page__shop-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.village-page__grid{grid-template-columns:1fr}.village-page{padding:12px}}.active-buffs-bar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.active-buffs-bar__chip{background:#ffc83226;border:1px solid rgba(255,200,50,.5);border-radius:12px;padding:4px 10px;font-size:.75rem;color:gold;white-space:nowrap}.tower-tab{display:flex;flex-direction:column;gap:16px;padding:8px 0}.tower-tab__loading,.tower-tab__error,.tower-tab__empty{color:#94a3b8;font-size:.9rem;text-align:center;padding:24px 16px}.tower-tab__error{color:#f87171}.tower-tab__zone{display:flex;flex-direction:column;gap:8px}.tower-tab__zone-header{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #1f2937}.tower-tab__zone-icon{font-size:1.1rem}.tower-tab__zone-name{font-size:.85rem;font-weight:600;color:#e2e8f0;flex:1}.tower-tab__zone-level{font-size:.75rem;color:#f59e0b;font-weight:600}.tower-tab__zone-unbuilt{font-size:.72rem;color:#4b5563}.tower-tab__passives{display:flex;flex-direction:column;gap:6px}.tower-passive-card{border-radius:6px;padding:10px 12px;border:1px solid #1f2937;background:#0f172a;transition:border-color .15s;cursor:default}.tower-passive-card--unlocked{cursor:pointer}.tower-passive-card--unlocked:hover{border-color:#374151}.tower-passive-card--active{border-color:#f59e0b!important;background:#1c1a0f}.tower-passive-card--locked{opacity:.5}.tower-passive-card__header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.tower-passive-card__tier{font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.tower-passive-card__active-badge{font-size:.68rem;color:#f59e0b;font-weight:700;margin-left:auto;text-transform:uppercase}.tower-passive-card__locked-badge{font-size:.68rem;color:#4b5563;margin-left:auto}.tower-passive-card__body{display:flex;flex-direction:column;gap:2px}.tower-passive-card__name{font-size:.85rem;font-weight:600;color:#e2e8f0}.tower-passive-card__desc{font-size:.78rem;color:#94a3b8}.tower-passive-card__btn{margin-top:8px;width:100%;padding:6px 0;font-size:.78rem;border-radius:4px;border:1px solid #374151;background:#1f2937;color:#e2e8f0;cursor:pointer;min-height:44px}.tower-passive-card__btn:hover{background:#374151}.tower-passive-card__btn--active{border-color:#f59e0b;color:#f59e0b}