:root{--bg-primary: #0f1419;--bg-secondary: #1a1f26;--bg-tertiary: #242d38;--border-color: #3a4550;--text-primary: #e7e9ea;--text-secondary: #8b98a5;--accent-gold: #f7c948;--accent-red: #f4212e;--accent-green: #00ba7c;--accent-purple: #9b59b6;--corruption-glow: #8e44ad;--skill-bg: #1a1f26}[data-skill=mining]{--skill-accent: #8b4513}[data-skill=woodcutting]{--skill-accent: #228b22}[data-skill=fishing]{--skill-accent: #1e90ff}[data-skill=thieving]{--skill-accent: #4b0082}[data-skill=farming]{--skill-accent: #32cd32}[data-skill=construction]{--skill-accent: #d2691e}[data-skill=crafting]{--skill-accent: #9370db}[data-skill=smithing]{--skill-accent: #b8860b}[data-skill=firemaking]{--skill-accent: #ff6347}[data-skill=cooking]{--skill-accent: #ff8c00}[data-skill=combat]{--skill-accent: #8b0000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Trebuchet MS,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#game-container{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}#game-main{flex:1;display:grid;grid-template-columns:180px 1fr 450px;gap:.5rem;padding:.5rem;min-height:0;overflow:hidden}#game-main.inventory-left{direction:rtl}#game-main.inventory-left>*{direction:ltr}#skill-content{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;padding:1rem;min-height:0;overflow-y:auto;overflow-x:hidden;min-width:0;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}#skill-content::-webkit-scrollbar{width:8px}#skill-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}#skill-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}#skill-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}#skills-sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}#skills-sidebar::-webkit-scrollbar{width:6px}#skills-sidebar::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}#skills-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}#skills-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#welcome-screen{text-align:center;padding:3rem}#welcome-screen h2{color:var(--accent-gold);margin-bottom:1rem;font-size:2rem}#welcome-screen>p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.welcome-tips{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;padding:1.5rem;max-width:500px;margin:0 auto;text-align:left}.welcome-tips h3{color:var(--accent-gold);margin-bottom:1rem;font-size:1.2rem}.welcome-tips ul{list-style:none;padding:0}.welcome-tips li{padding:.5rem 0;color:var(--text-primary);font-size:1rem;line-height:1.6}.welcome-screen{text-align:center;padding:3rem}.welcome-screen h2{color:var(--accent-gold);margin-bottom:1rem;font-size:2rem}.welcome-screen p{color:var(--text-secondary);font-size:1.1rem}#game-header{background:var(--bg-tertiary);padding:.5rem 1.5rem;border-bottom:3px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{width:44px;height:44px;object-fit:contain}.admin-header-btn{display:none;align-items:center;gap:.25rem;padding:.375rem .75rem;background:linear-gradient(145deg,#3d2020,#2a1515);border:2px solid #8b4444;border-radius:6px;color:#f99;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;margin-left:1rem}.admin-header-btn:hover{background:linear-gradient(145deg,#4d2828,#3a1c1c);border-color:#b55;box-shadow:0 2px 8px #8b44444d}#game-header h1{color:var(--accent-gold);font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px}#player-stats{display:flex;align-items:center;gap:1.5rem;font-size:1rem}#player-stats .stat-item{display:flex;align-items:center;gap:.25rem}#player-stats .stat-tome{padding:.4rem .6rem;background:linear-gradient(145deg,#2d1f3d,#1a1225);border:1px solid #6b4c9a;border-radius:4px;cursor:pointer;transition:all .2s;min-height:38px;box-sizing:border-box}#player-stats .stat-tome:hover{background:linear-gradient(145deg,#3d2a52,#251832);border-color:#9b7cc9}#player-stats .stat-tome .tome-icon{width:28px;height:28px;background-image:url(assets/atlases/ui_icons-atlas.png);background-size:800% 100%;background-position:85.7143% 0%;background-repeat:no-repeat;flex-shrink:0}#player-stats .stat-tome .tome-label{color:#b8a0d0;font-size:.85rem}#player-stats #header-tome-progress{color:#d4b8e8;font-weight:600}#player-stats .stat-quest{padding:.4rem .6rem;background:linear-gradient(145deg,#3d2a1a,#251812);border:1px solid #8b6914;border-radius:4px;cursor:pointer;transition:all .2s;min-height:38px;box-sizing:border-box}#player-stats .stat-quest:hover{background:linear-gradient(145deg,#4a3520,#30201a);border-color:#c9a033}#player-stats .stat-quest.quest-ready{border-color:#4caf50;box-shadow:0 0 8px #4caf5080;animation:questReadyPulse 1.5s infinite}@keyframes questReadyPulse{0%,to{box-shadow:0 0 8px #4caf5080}50%{box-shadow:0 0 15px #4caf50cc}}#player-stats .stat-quest .quest-icon{font-size:1.4rem;line-height:1}#player-stats .stat-quest .quest-label{color:#c9a033;font-size:.85rem}#player-stats #header-quest-progress{color:#e8c860;font-weight:600}#player-stats .quest-timer-display{margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(201,160,51,.4);color:#c9a033;font-size:.8rem}#player-stats .quest-timer-display.complete{color:#4caf50;font-weight:600}#toast-container{position:fixed;top:.35rem;left:50%;transform:translate(-50%);z-index:2000}@media(min-width:1800px){#game-header{padding:.625rem 1.75rem}.header-logo{width:50px;height:50px}#game-header h1{font-size:1.6rem}#player-stats{gap:1.75rem;font-size:1.05rem}}@media(min-width:2400px){#game-header{padding:.75rem 2rem}.header-logo{width:56px;height:56px}#game-header h1{font-size:1.75rem}#player-stats{gap:2rem;font-size:1.1rem}}aside{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;padding:.5rem}#info-sidebar{display:flex;flex-direction:column;max-height:calc(100vh - 80px)}@media(max-width:1024px){#info-sidebar{max-height:400px}}.sidebar-tabs{display:flex;gap:.25rem;margin-bottom:.5rem;background:var(--bg-primary);padding:.25rem;border-radius:4px}.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .25rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.sidebar-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-tab.active{background:var(--bg-secondary);border-color:var(--accent-gold);color:var(--text-primary)}.sidebar-tab .tab-icon{font-size:1rem}.sidebar-tab .tab-label{font-size:.7rem;font-weight:500}.sidebar-tab .tab-badge{font-size:.65rem;padding:.1rem .3rem;background:#0000004d;border-radius:3px;color:var(--text-secondary)}.sidebar-tab.active .tab-badge{background:#daa52033;color:var(--accent-gold)}.sidebar-tab .tab-badge.has-ready{background:#dc2626;color:#fff;animation:badge-pulse 1.5s ease-in-out infinite}.sidebar-tab.active .tab-badge.has-ready{background:#dc2626;color:#fff}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.sidebar-tab-content{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}#info-sidebar.has-pinned-quests .sidebar-tab-content{flex:0 0 auto;overflow-y:visible}.sidebar-tab-content::-webkit-scrollbar{width:6px}.sidebar-tab-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.sidebar-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tab-panel{display:none}.tab-panel.active{display:block}.tab-section-title{font-size:.9rem;margin-bottom:.375rem;color:var(--accent-gold);border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.tab-section-title:not(:first-child){margin-top:.75rem}.talent-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-secondary)}.talent-activity-empty .empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.talent-activity-empty .empty-text{font-size:.9rem;margin-bottom:.25rem}.talent-activity-empty .empty-hint{font-size:.75rem;opacity:.7}.talent-activity-content{display:flex;flex-direction:column;gap:.5rem}.talent-streak-banner{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:4px;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);position:relative}.streak-hot .talent-streak-banner{background:linear-gradient(135deg,#ff6b3526,#ff450014);border:1px solid rgba(255,107,53,.4);color:#ff6b35}.streak-surge .talent-streak-banner{background:linear-gradient(135deg,#ffd70026,#ffa50014);border:1px solid rgba(255,215,0,.4);color:gold}.streak-unstoppable .talent-streak-banner{background:linear-gradient(135deg,#ff450033,#ff00001a);border:1px solid rgba(255,69,0,.5);color:#ff4500}.talent-streak-banner .streak-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.streak-hot .talent-streak-banner .streak-label,.streak-surge .talent-streak-banner .streak-label,.streak-unstoppable .talent-streak-banner .streak-label{color:inherit;opacity:.8}.talent-streak-banner .streak-count{font-size:.85rem;font-weight:700}.talent-streak-banner .streak-timer{margin-left:auto;font-size:.7rem;color:var(--text-secondary);font-weight:400;font-family:monospace}.talent-proc-log{display:flex;flex-direction:column;gap:.375rem;overflow-y:auto}.talent-proc-entry{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--bg-secondary);border-radius:6px;font-size:.9rem;transition:all .2s ease}.talent-proc-entry.new{animation:proc-slide-in .3s ease-out;background:#4caf5026;border:1px solid rgba(76,175,80,.3)}@keyframes proc-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.talent-proc-entry .proc-icon{font-size:1.1rem;flex-shrink:0}.talent-proc-entry .proc-talent{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talent-proc-entry .proc-arrow{color:var(--text-secondary);opacity:.5;flex-shrink:0}.talent-proc-entry .proc-reward{color:#8bc34a;font-weight:500;margin-left:auto;white-space:nowrap}.talent-proc-entry .proc-reward-icon{display:inline-flex;align-items:center;gap:.25rem}.talent-proc-entry .proc-item-icon{display:inline-flex;align-items:center}.talent-proc-entry .proc-item-icon .sprite-icon{transform:scale(.75);margin:-4px -2px}.talent-proc-entry .proc-item-icon .sprite-icon-lg{transform:scale(.38);margin:-18px -12px}.talent-proc-entry.contract-ready{background:#fbbf2426;border:1px solid rgba(251,191,36,.4)}.talent-proc-entry.contract-ready .proc-talent{color:#fbbf24}.talent-proc-entry.contract-ready .proc-reward{color:var(--text-primary);font-weight:400}.talent-activity-footer{padding:.375rem .5rem;background:var(--bg-primary);border-radius:4px;text-align:center}.talent-proc-total{font-size:.85rem;color:var(--text-secondary)}.tome-tracker{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;background:linear-gradient(145deg,#2d1f3d,#1a1225);border:2px solid #6b4c9a;border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.tome-tracker:hover{background:linear-gradient(145deg,#3d2a52,#251832);border-color:#9b7cc9;box-shadow:0 2px 8px #6b4c9a4d}.tome-tracker .tome-icon{font-size:1.5rem}.tome-tracker .tome-info{display:flex;flex-direction:column;gap:.125rem}.tome-tracker .tome-title{font-size:.9rem;font-weight:600;color:#d4b8e8}.tome-tracker .tome-progress{font-size:.75rem;color:#b8a0d0}.sidebar-tome{margin-top:.5rem}.sidebar-tome .tome-icon{font-size:1.25rem}.sidebar-tome .tome-title{font-size:.8rem}.sidebar-tome .tome-progress{font-size:.7rem}aside h2{font-size:1rem;margin-bottom:.5rem;color:var(--accent-gold);border-bottom:2px solid var(--border-color);padding-bottom:.375rem;display:flex;justify-content:space-between;align-items:baseline}.header-count{font-size:.8rem;font-weight:400;color:var(--text-secondary)}#skills-list{display:flex;flex-direction:column;gap:.25rem}#skills-sidebar{position:relative}#skills-sidebar .scroll-indicator{position:sticky;bottom:-.5rem;height:28px;margin-top:-28px;background:linear-gradient(to bottom,transparent 0%,var(--bg-tertiary) 70%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:.65rem;color:var(--text-secondary);pointer-events:none;opacity:0;transition:opacity .1s;z-index:5;flex-shrink:0}#skills-sidebar.has-overflow .scroll-indicator{opacity:1}#skills-sidebar.scrolled-bottom .scroll-indicator{opacity:0;transition:opacity 0s}.skill-item{background:var(--skill-bg);padding:.375rem .5rem;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;gap:.5rem;align-items:center;position:relative}.skill-item:hover{background:var(--bg-secondary);border-color:var(--accent-gold);transform:translate(2px)}.skill-item.active{background:var(--bg-secondary);border-color:var(--accent-gold);box-shadow:inset 0 0 10px #ffb0004d}.skill-icon{font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.skill-icon .skill-sprite{transform:scale(1.8);transform-origin:center}.skill-icon .sprite-icon-lg.skill-sprite{transform:scale(.38);transform-origin:center}.skill-icon .skill-sprite-large{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.skill-icon .skill-icon-img{position:absolute;inset:2px;width:auto;height:auto;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:unset;margin-right:0}.skill-icon:has(.skill-icon-img){position:relative}.skill-details{display:flex;flex-direction:column;flex:1;min-width:0}.skill-name{font-weight:700;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-level{color:var(--text-secondary);font-size:.7rem}.skill-hp{font-size:.7rem;font-weight:600;padding:.125rem .375rem;border-radius:3px;background:#0000004d;white-space:nowrap;flex-shrink:0}.skill-hp.hp-high{color:#4ade80}.skill-hp.hp-medium{color:#fbbf24}.skill-hp.hp-low{color:#ef4444}#inventory{min-height:150px;margin-bottom:.5rem}#sidebar-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;padding:.5rem 0;border-top:1px solid var(--border-color);margin-top:.5rem}#sidebar-toolbar button{padding:.625rem .5rem;font-size:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}#sidebar-toolbar button:hover{background:var(--bg-primary);border-color:var(--accent-gold)}#sidebar-toolbar button:active{transform:scale(.97)}#current-action-compact{margin-bottom:.5rem}#current-action-compact #current-action{min-height:auto}#current-action-compact .action-info{padding:.5rem .625rem}#current-action-compact .action-info strong{font-size:.8rem;margin-bottom:.375rem}#current-action-compact .action-timer{margin-bottom:.375rem}#current-action-compact .action-timer .timer-label{font-size:.75rem}#current-action-compact .action-timer .timer-value{font-size:.85rem}#current-action-compact .action-output{font-size:.75rem;margin-bottom:.25rem}#current-action-compact .progress-bar.mini{height:5px}#current-action-compact .empty-message{padding:.5rem;font-size:.8rem}.sidebar-btn{padding:.5rem .625rem;font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.sidebar-btn:hover{background:var(--bg-primary);border-color:var(--accent-gold)}.sidebar-btn:active{transform:scale(.97)}.sidebar-buttons-full{display:none;grid-template-columns:1fr 1fr;gap:.375rem;padding:.5rem 0;margin-top:auto;border-top:1px solid var(--border-color)}.sidebar-buttons-medium{display:none;align-items:center;gap:.375rem;padding:.5rem 0;margin-top:auto;border-top:1px solid var(--border-color)}.sidebar-buttons-medium .sidebar-btn{flex:1}.sidebar-menu-wrapper{position:relative}.sidebar-footer-small{display:flex;justify-content:space-between;align-items:center;padding:.5rem .375rem;margin-top:auto;border-top:1px solid var(--border-color)}#game-time{font-size:.7rem;color:var(--text-secondary)}.sidebar-menu-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1.1rem;padding:.375rem .625rem;cursor:pointer;transition:all .2s}.sidebar-menu-btn:hover{background:var(--bg-primary);border-color:var(--accent-gold);color:var(--accent-gold)}.sidebar-menu{position:absolute;bottom:calc(100% + .25rem);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.375rem;display:flex;flex-direction:column;gap:.25rem;min-width:130px;box-shadow:0 -4px 12px #0006;z-index:1000}.sidebar-menu.hidden{display:none}.sidebar-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left}.sidebar-menu button:hover{background:var(--bg-primary);border-color:var(--accent-gold)}.sidebar-buttons-full,.sidebar-buttons-medium{display:none}.sidebar-footer-small{display:flex}@media(min-width:1280px)and (max-width:1799px){.sidebar-buttons-full{display:none!important}.sidebar-buttons-medium{display:flex!important}.sidebar-footer-small{display:none!important}}@media(min-width:1800px){.sidebar-buttons-full{display:grid!important}.sidebar-buttons-medium,.sidebar-footer-small{display:none!important}}.inventory-item{background:var(--bg-secondary);padding:.5rem;margin:.25rem 0;border-radius:4px;border:1px solid var(--border-color);display:flex;justify-content:space-between;font-size:.9rem}.item-name{text-transform:capitalize}.item-quantity{color:var(--accent-gold);font-weight:700}.empty-message{color:var(--text-secondary);font-style:italic;text-align:center;padding:1rem}#current-action{min-height:100px}.action-info{background:var(--bg-secondary);padding:.75rem;border-radius:4px;border:2px solid var(--border-color)}.action-info.clickable{cursor:pointer;transition:border-color .2s,background .2s}.action-info.clickable:hover{border-color:var(--accent-gold);background:var(--bg-tertiary)}.action-info strong{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}#current-action .action-info strong{display:flex;align-items:center;gap:.375rem}#current-action .action-info strong .skill-sprite{transform:scale(.5);transform-origin:center;margin:-8px -4px}.action-timer{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.action-timer .timer-label{color:var(--text-secondary);font-size:.8rem}.action-timer .timer-value{color:var(--accent-gold);font-weight:600;font-size:.95rem;font-family:monospace}.action-output{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.8rem}.action-output .output-label{color:var(--text-secondary)}.action-output .output-icon{display:inline-flex;align-items:center}.action-output .output-icon .sprite-icon{transform:scale(.7);margin:-4px}.action-output .output-icon .sprite-icon-lg{transform:scale(.3);margin:-22px}.action-info .progress-bar.mini{height:6px;border-radius:3px}.combat-player-hp{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.75rem}.combat-player-hp .player-hp-label{color:var(--text-secondary);flex-shrink:0}.combat-player-hp .player-hp-text{color:var(--text-secondary);font-family:monospace;font-size:.7rem;flex-shrink:0}.combat-player-hp .player-hp-bar{flex:1;height:5px}.combat-mob-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.8rem}.combat-mob-info .mob-name{color:var(--text-primary);font-weight:500}.combat-mob-info .mob-hp-text{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.player-hp-fill.hp-high,.mob-hp-fill.hp-high{background:linear-gradient(90deg,#22c55e,#4ade80)}.player-hp-fill.hp-mid,.mob-hp-fill.hp-mid{background:linear-gradient(90deg,#eab308,#facc15)}.player-hp-fill.hp-low,.mob-hp-fill.hp-low{background:linear-gradient(90deg,#dc2626,#ef4444)}.mob-hp-fill.respawn{background:linear-gradient(90deg,#6366f1,#818cf8)}#active-contracts{display:flex;flex-direction:column;gap:.75rem}.sidebar-contract{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.sidebar-contract.ready{border-color:#4ade80;background:#4ade800d}.sidebar-contract .contract-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sidebar-contract .contract-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.sidebar-pilferer-assist{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .35rem;background:#8b5a2b40;border:1px solid rgba(139,90,43,.4);border-radius:3px;font-size:.7rem;font-weight:600;color:#d4a574;cursor:help}.contract-deliver-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}.sidebar-consume-warning{display:inline-flex;align-items:center;font-size:.8rem}.sidebar-consume-item{display:inline-flex;align-items:center;gap:.15rem;color:#1a1a1a;font-weight:700}.sidebar-consume-item .sprite-icon{transform:scale(.5);margin:-7px -5px}.sidebar-consume-item .sprite-icon-lg{transform:scale(.25);margin:-24px -18px}.contract-reqs{display:flex;flex-direction:column;gap:.375rem}.contract-req{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;padding:.375rem .5rem;background:var(--bg-primary);border-radius:6px;min-height:2.75rem}.contract-req.complete{background:#4ade8026}.contract-req.complete .req-item,.contract-req.complete .req-count{color:#4ade80}.contract-req.stubbed{opacity:.5}.contract-req .req-item{display:flex;align-items:center;color:var(--text-primary);text-transform:capitalize;background:none}.contract-req .req-count{color:var(--text-secondary);font-family:monospace;font-size:.9rem}.contract-req .req-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:.375rem;width:36px;height:36px;flex-shrink:0;background:none}.contract-req .req-icon .sprite-icon{transform:scale(1.1);margin:-2px}.contract-req .req-icon .sprite-icon-lg{transform:scale(.55);margin:-14px}.contract-deliver-btn{display:block;width:100%;margin-top:.625rem;padding:.625rem;background:#fbbf24;color:#000;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;position:relative;z-index:10}.contract-deliver-btn:hover{background:#f59e0b}.contract-deliver-btn:active{transform:scale(.98)}#active-contracts .contract-rewards-preview{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-top:.5rem;padding:.5rem 0;border-top:1px solid var(--border-color);background:none}#active-contracts .contract-rewards-preview .reward-gold,#active-contracts .contract-rewards-preview .reward-xp{display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem}#active-contracts .contract-rewards-preview .mining-icon,#active-contracts .contract-rewards-preview .skill-icon-img,#active-contracts .contract-rewards-preview .sprite-icon,#active-contracts .contract-rewards-preview .sprite-icon-lg{width:22px!important;height:22px!important;vertical-align:middle;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat}#active-contracts .contract-rewards-preview .reward-gold{color:gold}#active-contracts .contract-rewards-preview .reward-xp{color:#8bc34a}#active-contracts .sidebar-contract.ready .contract-rewards-preview .reward-gold{color:gold}#active-contracts .sidebar-contract.ready .contract-rewards-preview .reward-xp{color:#4ade80}button{background:var(--accent-gold);color:var(--bg-primary);border:2px solid var(--border-color);padding:.5rem 1.5rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;font-family:inherit}button:hover:not(:disabled){background:#fc3;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-bar{width:100%;height:20px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.xp-progress-container{width:100%}.xp-progress-bar{width:100%;height:24px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.xp-progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);transition:width .3s ease;box-shadow:inset 0 2px 4px #ffffff4d}.xp-progress-text{text-align:center;font-size:.9rem;color:var(--text-secondary)}.stat-box{background:var(--bg-secondary);padding:.75rem;border:2px solid var(--border-color);border-radius:4px;text-align:center}.stat-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--accent-gold)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,var(--bg-primary) 0%,#0a0f14 100%);border:2px solid var(--accent-gold);border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideIn .2s ease-out;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:0 8px 8px 0}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;border:2px solid var(--bg-primary)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:#0003}.modal-header h2{color:var(--accent-gold);margin:0;font-size:1.5rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;font-weight:400;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:0;box-shadow:none;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.settings-modal{min-width:400px}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:var(--accent-gold);font-size:1rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row:last-child{border-bottom:none}.settings-label{display:flex;flex-direction:column;gap:.25rem}.settings-label .label-text{color:var(--text-primary);font-weight:500}.settings-label .label-hint{color:var(--text-secondary);font-size:.8rem}.settings-modal .toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0;background:transparent;border:none}.settings-modal .toggle-switch:after{display:none}.settings-modal .toggle-switch input{opacity:0;width:0;height:0}.settings-modal .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#1a1f26;border:2px solid #3a4550;border-radius:26px;transition:.3s}.settings-modal .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#a09080;border-radius:50%;transition:.3s}.settings-modal .toggle-switch input:checked+.toggle-slider{background-color:var(--accent-gold);border-color:var(--accent-gold)}.settings-modal .toggle-switch input:checked+.toggle-slider:before{background-color:var(--bg-primary);transform:translate(24px)}.settings-modal .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #daa5204d}.offline-modal{min-width:700px;max-width:1050px}.offline-passive-row{display:flex;gap:1rem}.offline-passive-row .offline-section{flex:1;min-width:0;margin-bottom:1rem}.offline-passive-row .offline-items-list{grid-template-columns:repeat(2,1fr);max-height:350px;overflow-y:auto}.offline-modal .modal-header h2{text-align:center;width:100%}.offline-time{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.offline-time strong{color:var(--accent-gold)}.offline-action{text-align:center;margin-bottom:.5rem}.offline-actions-count{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.offline-no-action,.offline-no-progress{text-align:center;color:var(--text-secondary);padding:1rem}.offline-section{background:#0003;border-radius:4px;padding:1rem;margin-bottom:1rem}.offline-section-title{color:var(--accent-gold);font-size:.9rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.offline-section-title .skill-sprite{transform:scale(.375);transform-origin:center;margin:-20px -12px}.offline-xp-list{display:flex;flex-direction:column;gap:.5rem}.offline-xp-item{display:flex;align-items:center;gap:.5rem}.offline-skill-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.offline-skill-icon .skill-sprite{transform:scale(.5);transform-origin:center;margin:-8px -4px}.offline-skill-name{color:var(--text-primary)}.offline-xp-value{color:#4caf50;font-weight:600}.offline-levelup{color:var(--accent-gold);font-weight:600;animation:pulse-gold 1s ease-in-out infinite}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.6}}.offline-items-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.offline-item{display:flex;align-items:center;gap:.5rem;padding:.25rem}.offline-item-icon{font-size:1rem}.offline-item-icon .sprite-icon-lg{transform:scale(.35);transform-origin:center center;margin:-12px}.offline-item-name{color:var(--text-primary);flex:1}.offline-item-quantity{color:var(--text-secondary)}.offline-overflow{border:2px solid #ff9800;background:#ff98001a}.offline-overflow .offline-section-title{color:#ff9800}.offline-overflow-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.offline-overflow-actions{display:flex;gap:.5rem;justify-content:center}.offline-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.offline-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.offline-btn.primary{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary);font-weight:600}.offline-btn.primary:hover{background:#e6b800;border-color:#e6b800}.offline-btn.secondary{opacity:.7}.offline-claim{display:flex;justify-content:center;padding-top:1rem}.offline-farm{border:2px solid var(--accent-green);background:#4caf501a}.offline-farm .offline-section-title{color:var(--accent-green)}.offline-farm-plots{display:flex;flex-direction:column;gap:.5rem}.offline-farm-plot{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#0003;border-radius:4px}.farm-plot-icon{font-size:1.25rem}.farm-plot-name{flex:1;color:var(--text-primary)}.farm-plot-status{font-size:1rem}.offline-farm-items{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.farm-item{color:var(--text-primary)}.farm-item .sprite-icon-lg{transform:scale(.35);transform-origin:center center;margin:-12px}.offline-combat{background:#8b000026;border-color:#dc354566}.offline-combat .offline-section-title{color:#dc3545}.offline-combat-stats{display:flex;flex-wrap:wrap;gap:.75rem}.combat-stat{display:flex;align-items:center;gap:.35rem;background:#0003;padding:.5rem .75rem;border-radius:4px;flex:1;min-width:100px}.combat-stat-icon{font-size:1rem}.combat-stat-label{color:var(--text-secondary);font-size:.85rem}.combat-stat-value{color:var(--text-primary);font-weight:600;margin-left:auto}.offline-guild{border:2px solid #9b59b6;background:#9b59b61a}.offline-guild .offline-section-title{color:#9b59b6}.offline-guild-count{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.offline-chest-warning{color:#ff9800;font-size:.85rem;margin-bottom:.75rem;padding:.5rem;background:#ff98001a;border-radius:4px}.offline-pets{border:2px solid #00bcd4;background:#00bcd41a}.offline-pets .offline-section-title{color:#00bcd4}.offline-pets-count{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.welcome-modal{min-width:450px;max-width:550px}.welcome-modal .modal-header{justify-content:center}.welcome-modal .modal-header h2{text-align:center}.welcome-intro{text-align:center;font-size:1.05rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.5}.welcome-section{background:#0003;border-radius:6px;padding:1rem;margin-bottom:1rem}.welcome-section h3{color:var(--accent-gold);font-size:1rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.welcome-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.welcome-list li{display:flex;align-items:flex-start;gap:.6rem;color:var(--text-primary);font-size:.95rem;line-height:1.4}.welcome-icon{flex-shrink:0;font-size:1.1rem}.welcome-highlight{background:#daa5201a;border:1px solid rgba(218,165,32,.3)}.welcome-highlight p{margin:0;color:var(--text-primary);line-height:1.5}.welcome-offline-text{text-align:center}.welcome-tip{display:flex;align-items:center;gap:.5rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.welcome-actions{display:flex;justify-content:center;padding-top:.5rem}.welcome-btn{padding:.75rem 2rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.welcome-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.welcome-btn.primary{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.welcome-btn.primary:hover{background:#e6b800;border-color:#e6b800}@media(max-width:500px){.welcome-modal{min-width:unset;width:95%}}.settings-danger{border:1px solid rgba(220,53,69,.3);border-radius:6px;padding:1rem;background:#dc35450d}.settings-danger h3{color:#dc3545;border-bottom-color:#dc35454d}.btn-danger{padding:.5rem 1rem;background:#dc354526;border:2px solid rgba(220,53,69,.5);border-radius:4px;color:#dc3545;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-danger:hover{background:#dc354540;border-color:#dc3545}.btn-danger.btn-danger-confirm{background:#dc3545;border-color:#dc3545;color:#fff;animation:pulse-danger .5s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.8}}.btn-danger.btn-danger-success{background:#22c55e;border-color:#22c55e;color:#fff;cursor:default}.shop-modal{min-width:950px;max-width:1100px;width:90vw;display:flex;flex-direction:column}.shop-modal .modal-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.shop-modal .modal-header h2{margin-right:auto;font-size:1.25rem}.shop-gold-display{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#0000004d;border-radius:4px;font-size:.95rem}.shop-gold-display .gold-icon{font-size:1rem}.shop-gold-display .gold-amount{color:var(--accent-gold);font-weight:600}.shop-modal .modal-body{flex:1;padding:.75rem;overflow:hidden}.shop-split-panels{display:grid;grid-template-columns:1fr 340px;gap:.75rem;height:100%;min-height:480px;max-height:calc(80vh - 140px)}.shop-buy-panel{display:flex;gap:.75rem;min-height:0}.shop-sidebar{display:flex;flex-direction:column;gap:.35rem;width:150px;flex-shrink:0}.shop-sidebar-header{color:var(--accent-gold);font-weight:600;font-size:.95rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);margin-bottom:.25rem}.shop-category{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s;text-align:left;font-size:.85rem}.shop-category:hover{color:var(--text-primary);background:#ffffff0d;border-color:var(--border-color)}.shop-category.active{color:var(--accent-gold);background:#daa5201a;border-color:var(--accent-gold)}.shop-category-icon{font-size:1rem;flex-shrink:0}.shop-category-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-buy-content{flex:1;min-width:0;display:flex;flex-direction:column}.shop-buy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow-y:auto;flex:1;align-content:start}.shop-sell-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border-color);padding-left:.75rem}.shop-panel-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.shop-panel-title{color:var(--accent-gold);font-weight:600;font-size:.95rem}.shop-panel-title .sprite-icon-lg{transform:scale(.28);transform-origin:center center;margin:-23px;vertical-align:middle}.shop-panel-title .sprite-icon{transform:scale(.6);transform-origin:center center;margin:-5px;vertical-align:middle}.shop-panel-subtitle{color:var(--text-secondary);font-size:.85rem}.shop-panel-count{margin-left:auto;color:var(--text-secondary);font-size:.8rem}.shop-sell-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow-y:auto;flex:1;align-content:start}.shop-slot{position:relative;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:52px}.shop-slot:before{content:"";display:block;padding-bottom:100%}.shop-slot:hover:not(.empty):not(.unaffordable):not(.not-sellable){border-color:var(--accent-gold);box-shadow:0 0 6px #daa52066}.shop-slot.unaffordable{opacity:.5;cursor:not-allowed}.shop-slot.unaffordable:hover{border-color:var(--border-color);box-shadow:none}.shop-slot.quest-locked{opacity:.6;cursor:not-allowed;border-color:#6b4c9a}.shop-slot.quest-locked:hover{border-color:#9b7cc9;box-shadow:0 0 6px #9b7cc94d}.shop-slot.quest-locked .shop-slot-content{filter:grayscale(80%)}.shop-slot.daily-depleted{opacity:.5;cursor:not-allowed}.shop-slot.daily-depleted:hover{border-color:var(--border-color);box-shadow:none}.shop-slot-price.daily-free{color:#4ade80;font-weight:600}.shop-slot.not-sellable{opacity:.4;cursor:default}.shop-slot.not-sellable:hover{border-color:var(--border-color);box-shadow:none}.shop-slot.sellable{border-color:#22c55e}.shop-slot.sellable:hover{border-color:#4ade80;box-shadow:0 0 6px #4ade8066}.shop-slot.empty{opacity:.3;cursor:default}.shop-slot.empty:hover{border-color:var(--border-color)}.shop-slot-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:2px}.shop-slot-icon{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;user-select:none}.shop-slot-icon .sprite-icon-lg{transform:scale(.55);transform-origin:center center;margin:-8px}.shop-slot-price{position:absolute;bottom:0;left:0;right:0;background:#000c;font-size:.6rem;text-align:center;padding:2px 0;color:var(--accent-gold);font-weight:500}.shop-slot-price.sell-price{color:#4ade80}.shop-slot-price .sprite-icon-lg{transform:scale(.19);transform-origin:center center;margin:-26px;vertical-align:middle}.shop-slot-price .sprite-icon{transform:scale(.45);transform-origin:center center;margin:-8px;vertical-align:middle}.shop-slot-qty{position:absolute;top:2px;right:3px;font-size:.6rem;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:1}.shop-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#0000004d;border-top:1px solid var(--border-color);gap:1rem}.shop-quantity-selector{display:flex;align-items:center;gap:.5rem}.shop-qty-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.shop-qty-presets{display:flex;gap:.3rem}.shop-qty-btn{padding:.35rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s;min-width:36px}.shop-qty-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.shop-qty-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.shop-qty-btn.shop-qty-special{margin-left:.3rem;border-color:var(--text-secondary)}.shop-qty-custom{display:flex;align-items:center;gap:.3rem}.shop-qty-input{width:60px;padding:.35rem .4rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;text-align:center}.shop-qty-input:focus{outline:none;border-color:var(--accent-gold)}.shop-qty-input::-webkit-outer-spin-button,.shop-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shop-qty-input{-moz-appearance:textfield;appearance:textfield}.shop-qty-set-btn{padding:.35rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;transition:all .15s}.shop-qty-set-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.shop-hint{color:var(--text-secondary);font-size:.75rem}.shop-empty{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:2rem}.shop-buy-grid::-webkit-scrollbar,.shop-sell-grid::-webkit-scrollbar{width:8px}.shop-buy-grid::-webkit-scrollbar-track,.shop-sell-grid::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.shop-buy-grid::-webkit-scrollbar-thumb,.shop-sell-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid var(--bg-primary)}.shop-buy-grid::-webkit-scrollbar-thumb:hover,.shop-sell-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.shop-buy-grid,.shop-sell-grid{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}@media(max-width:950px){.shop-modal{min-width:auto;width:95%;max-width:none}.shop-split-panels{grid-template-columns:1fr;max-height:none}.shop-buy-panel{flex-direction:column}.shop-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:.25rem}.shop-sidebar-header{width:100%;text-align:center}.shop-category{flex:1;min-width:80px;justify-content:center}.shop-sell-panel{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:.75rem;margin-top:.5rem}.shop-buy-grid{max-height:300px}.shop-sell-grid{max-height:250px}}@media(max-width:600px){.shop-buy-grid,.shop-sell-grid{grid-template-columns:repeat(4,1fr)}.shop-footer{flex-direction:column;gap:.5rem}.shop-hint{text-align:center}}.shop-sidebar-divider{height:1px;background:var(--border-color);margin:.25rem 0}.shop-category.awakening-tab{color:#ff6b35}.shop-category.awakening-tab.active{border-color:#ff6b35;background:#ff6b3526}.awakening-content{overflow-y:auto;padding:.75rem;max-height:450px}.awakening-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.awakening-title{font-size:1.1rem;font-weight:600;color:#ff6b35}.awakening-resources{display:flex;align-items:center;gap:.75rem}.ember-counter{font-size:.9rem;color:#ff6b35;font-weight:600;background:#ff6b351a;padding:.3rem .6rem;border-radius:4px}.token-redeem-btn{font-size:.85rem;color:#e6c619;background:#e6c61926;border:1px solid rgba(230,198,25,.3);padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s}.token-redeem-btn:hover{background:#e6c61940;border-color:#e6c619}.awakening-sets{display:flex;flex-direction:column;gap:.75rem}.awakening-set-panel{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.awakening-set-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem}.awakening-set-title{display:flex;align-items:baseline;gap:.5rem}.set-name{font-size:1rem;font-weight:600}.set-type{font-size:.8rem;color:var(--text-secondary)}.awakening-set-count{font-size:.85rem;color:var(--text-secondary)}.piece-count{font-weight:600;color:var(--text-primary)}.piece-count.complete{color:#4caf50}.awakening-set-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem .75rem}.awakening-piece{display:flex;align-items:center;gap:.5rem;padding:.4rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);transition:border-color .15s;position:relative}.awakening-piece.piece-ready{border-color:#ff6b35;background:#ff6b3514}.awakening-piece.piece-awakened{border-color:#4caf50;background:#4caf5014}.awakening-piece.piece-unowned{opacity:.5}.awakening-piece-icon{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.piece-silhouette{font-size:1.1rem;color:var(--text-muted)}.piece-item-icon{font-size:1.1rem}.piece-item-icon .sprite-icon-lg{transform:scale(.55);transform-origin:center center;margin:-14px}.piece-status-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;background:var(--bg-primary);border:1px solid var(--border-color)}.piece-status-badge.piece-awakened{background:#4caf50;color:#fff;border-color:#4caf50}.piece-status-badge.piece-ready{background:#ff6b35;color:#fff;border-color:#ff6b35}.awakening-piece-info{flex:1;min-width:0}.awakening-piece-name{font-size:.78rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awakening-piece-name.unknown{color:var(--text-muted);font-style:italic}.awakening-piece-status{font-size:.7rem;color:var(--text-secondary)}.awakening-btn{font-size:.7rem;padding:.25rem .5rem;background:#ff6b35;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .15s;white-space:nowrap;flex-shrink:0}.awakening-btn:hover{background:#e55a2b}.awakening-set-bonuses{padding:.5rem .75rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem}.set-bonus-row{display:flex;align-items:flex-start;gap:.4rem;font-size:.75rem;line-height:1.3;padding:.2rem 0}.set-bonus-row.bonus-inactive{opacity:.4}.set-bonus-threshold{font-weight:600;color:var(--accent-gold);flex-shrink:0;width:22px}.set-bonus-name{font-weight:600;color:var(--text-primary);flex-shrink:0}.set-bonus-desc{color:var(--text-secondary)}.set-bonus-row.bonus-active .set-bonus-threshold,.set-bonus-row.bonus-active .set-bonus-name{color:#4caf50}.awakening-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:1rem}.awakening-locked-icon{font-size:3rem;opacity:.5}.awakening-locked-title{font-size:1.2rem;font-weight:600;color:#ff6b35}.awakening-locked-text{font-size:.95rem;color:var(--text-secondary);font-style:italic;max-width:400px}.awakening-locked-hint{font-size:.8rem;color:var(--text-muted);max-width:400px}.token-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100}.token-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.token-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:#0003}.token-modal-header h3{margin:0;font-size:1rem;color:#e6c619}.token-modal-body{padding:1rem;overflow-y:auto}.token-modal-desc{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary)}.token-sets{display:flex;flex-direction:column;gap:.75rem}.token-set-section{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.token-set-name{font-size:.9rem;font-weight:600;padding:.4rem .75rem;background:#0003}.token-pieces-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.token-piece-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s;color:var(--text-primary);font-size:.8rem}.token-piece-btn:hover:not(.already-owned){border-color:#e6c619;background:#e6c6191a}.token-piece-btn.already-owned{opacity:.5}.token-piece-icon{font-size:1rem}.token-piece-name{flex:1;text-align:left}.token-piece-slot{font-size:.7rem;color:var(--text-muted)}.token-owned-badge{font-size:.65rem;color:#4caf50;font-weight:600}@media(max-width:900px){.awakening-set-pieces{grid-template-columns:repeat(2,1fr)}.token-pieces-list{grid-template-columns:1fr}}.confirm-modal-overlay{opacity:0;transition:opacity .2s ease-out}.confirm-modal-overlay.active{opacity:1}.confirm-modal-overlay.closing{opacity:0}.confirm-modal{min-width:320px;max-width:400px}.confirm-modal .modal-header{justify-content:center;padding:1rem 1.5rem}.confirm-modal .modal-header h2{font-size:1.25rem;text-align:center}.confirm-message{text-align:center;color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:#0003}.confirm-buttons{display:flex;justify-content:center;gap:.75rem}.confirm-buttons .btn{padding:.6rem 1.5rem;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s;min-width:100px}.confirm-buttons .btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.confirm-buttons .btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.confirm-buttons .btn-primary{background:var(--accent-gold);border:2px solid var(--accent-gold);color:var(--bg-primary)}.confirm-buttons .btn-primary:hover{background:#e6b800;border-color:#e6b800}.confirm-buttons .btn-primary.danger{background:#dc3545;border-color:#dc3545;color:#fff}.confirm-buttons .btn-primary.danger:hover{background:#c82333;border-color:#c82333}.confirm-modal .gold-cost{color:var(--accent-gold);font-weight:600}.insight-modal-overlay{opacity:0;transition:opacity .2s ease-out}.insight-modal-overlay.active{opacity:1}.insight-modal-overlay.closing{opacity:0}.insight-modal{min-width:700px;max-width:800px}.insight-info{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#0003;border-radius:6px;margin-bottom:1rem}.insight-icon{font-size:2.5rem;line-height:1}.insight-details{flex:1}.insight-xp{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.insight-xp strong{color:#4caf50}.insight-desc{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.insight-count{margin:0;color:var(--text-secondary);font-size:.85rem}.insight-prompt{color:var(--text-primary);margin:0 0 1rem;text-align:center}.insight-skill-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:.25rem}.insight-skill-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s;text-align:center}.insight-skill-option:hover:not(.disabled){border-color:var(--accent-gold);background:#daa5201a}.insight-skill-option.disabled{opacity:.5;cursor:not-allowed}.insight-skill-option.category-locked{opacity:.4;background:#6464641a;border-color:var(--border-color)}.insight-skill-option.category-locked .skill-disabled-reason{color:var(--text-secondary);font-size:.9rem}.insight-skill-option .skill-icon{font-size:1.5rem}.insight-skill-option .skill-name{font-size:.85rem;color:var(--text-primary);font-weight:500}.insight-skill-option .skill-level{font-size:.75rem;color:var(--text-secondary)}.insight-skill-option .skill-disabled-reason{font-size:.7rem;color:#f44336;margin-top:.15rem}@media(max-width:750px){.insight-modal{min-width:unset;width:95%}.insight-skill-grid{grid-template-columns:repeat(3,1fr)}}.quest-modal-overlay{opacity:0;transition:opacity .2s ease-out}.quest-modal-overlay.active{opacity:1}.quest-modal-overlay.closing{opacity:0}.quest-modal{min-width:900px;max-width:1000px;max-height:85vh}.quest-modal .modal-header{display:flex;align-items:center;gap:1rem}.quest-modal .modal-header h2{flex:1}.quest-count{font-size:1rem;color:var(--text-secondary);background:#0000004d;padding:.25rem .75rem;border-radius:4px}.quest-modal-body{display:flex;gap:1rem;padding:1rem;height:65vh;overflow:hidden}.quest-sidebar{width:300px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;min-height:0}.quest-search{position:relative;flex-shrink:0}.quest-search-input{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.quest-search-input:focus{border-color:var(--accent-gold)}.quest-search-input::placeholder{color:var(--text-muted)}.quest-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.quest-search-clear:hover{color:var(--text-primary)}.quest-no-results{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-style:italic}.active-quest-tracker{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;transition:border-color .15s}.active-quest-tracker:hover{border-color:var(--accent-gold)}.active-quest-tracker.empty{text-align:center;cursor:default}.active-quest-tracker.empty:hover{border-color:var(--border-color)}.tracker-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tracker-hint{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.active-quest-timer{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.active-quest-timer.complete{color:#4caf50}.active-quest-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.active-quest-giver{font-size:1.2rem}.active-quest-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.active-quest-progress{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;margin-bottom:.75rem}.active-quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#ffd54f);border-radius:3px;transition:width .3s ease-out}.tracker-actions{display:flex;gap:.5rem}.tracker-actions .btn{flex:1;font-size:.75rem;padding:.4rem .5rem}.btn-cancel-quest{background:#f4433626;border-color:#f44336;color:#f44336}.btn-cancel-quest:hover{background:#f4433640}.quest-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:0;padding-right:4px}.quest-act{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;flex-shrink:0}.act-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:#0003;cursor:pointer;transition:background .15s}.act-header:hover{background:#daa5201a}.act-name{font-size:.85rem;font-weight:600;color:var(--accent-gold)}.act-progress{font-size:.75rem;color:var(--text-secondary)}.act-quests{display:none;padding:.5rem;padding-top:0}.quest-act.expanded .act-quests{display:block}.quest-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:4px;cursor:pointer;transition:background .15s}.quest-item:hover{background:#ffffff0d}.quest-item.selected{background:#daa52026;outline:1px solid var(--accent-gold)}.quest-status-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border-radius:50%;background:var(--bg-primary)}.quest-item.completed .quest-status-icon{background:#4caf50;color:#fff}.quest-item.active .quest-status-icon{background:var(--accent-gold);color:var(--bg-primary)}.quest-item.available .quest-status-icon{background:#2196f3;color:#fff}.quest-item.locked .quest-status-icon{background:var(--bg-secondary);color:var(--text-muted)}.quest-giver-icon{font-size:1rem}.quest-item-name{flex:1;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-item.locked .quest-item-name{color:var(--text-muted)}.quest-item.completed .quest-item-name{color:var(--text-secondary)}.quest-details{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;overflow-y:auto}.quest-details-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.quest-detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.quest-detail-giver{font-size:2rem}.quest-detail-title{flex:1}.quest-detail-title h3{margin:0 0 .25rem;font-size:1.25rem;color:var(--text-primary)}.quest-detail-giverName{font-size:.85rem;color:var(--text-secondary)}.quest-status-badge{font-size:.75rem;padding:.25rem .6rem;border-radius:4px;font-weight:600;text-transform:uppercase}.quest-status-badge.completed{background:#4caf5033;color:#4caf50}.quest-status-badge.active{background:#daa52033;color:var(--accent-gold)}.quest-status-badge.available{background:#2196f333;color:#2196f3}.quest-status-badge.locked{background:#9e9e9e33;color:#9e9e9e}.quest-detail-lore{background:#0003;border-left:3px solid var(--accent-gold);padding:.75rem 1rem;margin-bottom:1rem;border-radius:0 6px 6px 0}.quest-detail-lore p{margin:0;font-style:italic;color:var(--text-secondary);line-height:1.5;font-size:.9rem}.quest-detail-duration{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00000026;border-radius:4px;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.duration-icon{font-size:1rem}.quest-detail-progress-section{background:#daa5201a;border:1px solid var(--accent-gold);border-radius:6px;padding:.75rem;margin-bottom:1rem}.quest-detail-timer{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.quest-detail-timer.complete{color:#4caf50;font-weight:600}.quest-detail-progress-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.quest-detail-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#ffd54f);border-radius:4px;transition:width .3s ease-out}.quest-detail-section{margin-bottom:1rem}.quest-detail-section h4{margin:0 0 .5rem;font-size:.9rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.5px}.quest-requirements,.quest-rewards{display:flex;flex-direction:column;gap:.4rem}.requirement-row,.reward-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-primary);border-radius:4px;font-size:.85rem}.requirement-row.met{background:#4caf501a}.requirement-row.unmet{background:#f443361a}.req-icon,.reward-icon{width:24px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.req-icon .sprite-icon,.reward-icon .sprite-icon{transform:scale(.6);transform-origin:center center}.req-icon .sprite-icon-lg,.reward-icon .sprite-icon-lg{transform:scale(.375);transform-origin:center center;margin:-12px}.req-icon .skill-icon-img,.reward-icon .skill-icon-img,.req-icon .skill-sprite-large,.reward-icon .skill-sprite-large{width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat}.req-text,.reward-text{flex:1;color:var(--text-primary)}.req-status{font-size:.8rem;font-weight:500}.requirement-row.met .req-status{color:#4caf50}.requirement-row.unmet .req-status{color:#f44336}.requirement-note{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:.25rem 0 0;padding-left:.5rem}.requirement-row.clickable{cursor:pointer;transition:background .2s,transform .1s}.requirement-row.clickable:hover{background:#daa52026;transform:translate(3px)}.requirement-row.clickable .req-link{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.reward-row.unlock{background:#daa52026;border:1px solid var(--accent-gold)}.reward-row.xp-reward{background:#6495ed26;border:1px solid rgba(100,149,237,.4)}.reward-row.xp-reward .reward-text{color:#6495ed;font-weight:500}.quest-view-zone-btn{margin-left:auto;padding:.15rem .5rem;font-size:.75rem;background:#ff6b3533;border:1px solid rgba(255,107,53,.4);color:#ff6b35;border-radius:3px;cursor:pointer;transition:background .15s}.quest-view-zone-btn:hover{background:#ff6b3559}.reward-row{cursor:help}.no-requirements,.no-rewards{color:var(--text-muted);font-style:italic;font-size:.85rem;margin:0}.quest-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem}.quest-actions .btn{flex:1}.quest-actions .quest-missing-requirements+.btn{flex:none}.quest-completed-text{text-align:center;color:#4caf50;font-weight:500;width:100%}.quest-missing-requirements{width:100%}.quest-missing-requirements p{margin:0 0 .5rem;font-size:.85rem;color:#f44336}.quest-missing-requirements ul{margin:0;padding-left:1.5rem;font-size:.8rem;color:var(--text-secondary)}.quest-missing-requirements li{margin-bottom:.25rem}.quest-actions-blocked{flex-direction:column}.quest-blocked-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.quest-blocked-row .blocked-label{font-size:.85rem;color:#f44336}.quest-blocked-row .btn{flex:none}.quest-missing-requirements-list{margin:0;padding-left:1.5rem;font-size:.8rem;color:var(--text-secondary)}.quest-missing-requirements-list li{margin-bottom:.25rem}@media(max-width:950px){.quest-modal{min-width:unset;width:95%}.quest-modal-body{flex-direction:column;height:auto;max-height:70vh}.quest-sidebar{width:100%;max-height:35vh}.quest-details{max-height:40vh}}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,1fr);gap:4px;padding:4px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px}.inventory-slot{aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;position:relative;cursor:default;transition:border-color .15s,box-shadow .15s}.inventory-slot.empty{opacity:.6}.inventory-slot.empty .slot-content{background:transparent}.inventory-slot.occupied:hover{border-color:var(--accent-gold);box-shadow:0 0 8px #daa52080;z-index:10}.slot-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px;position:relative}.item-icon{font-size:1.8rem;font-weight:700;color:var(--text-primary);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 2px 4px rgba(0,0,0,.5);user-select:none}.sprite-icon{display:inline-block;background-repeat:no-repeat;background-size:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px -1px 0 #000);vertical-align:middle}.item-icon .sprite-icon,.slot-content .sprite-icon{display:block;margin:0 auto}.sprite-icon-lg{image-rendering:auto}.inventory-slot .sprite-icon-lg,.bank-slot .sprite-icon-lg{transform:scale(.65);transform-origin:center center;margin:-12px}.inventory-slot .sprite-landscape,.bank-slot .sprite-landscape{transform:scale(.85);margin:-5px}.item-quantity{position:absolute;bottom:2px;right:3px;font-size:.65rem;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;line-height:1}.item-quantity.warning{color:#f44;animation:pulse-warning 1s ease-in-out infinite}.inventory-slot.near-max{border-color:#f44;box-shadow:0 0 8px #ff444480}.inventory-slot.equippable{border-color:#22c55e}.inventory-slot.equippable:hover{border-color:#4ade80;box-shadow:0 0 8px #4ade8080}.inventory-slot.equippable:after{content:"\2694\fe0f";position:absolute;top:2px;right:2px;font-size:.5rem;opacity:.8}.inventory-slot.edible{border-color:#f472b6}.inventory-slot.edible:hover{border-color:#f9a8d4;box-shadow:0 0 8px #f472b680}.inventory-slot.edible:after{content:"\1f356";position:absolute;top:2px;right:2px;font-size:.5rem;opacity:.8}.inventory-slot.usable{border-color:#9b59b6}.inventory-slot.usable:hover{border-color:#bb8fce;box-shadow:0 0 8px #9b59b680}.inventory-slot.usable:after{content:"\2728";position:absolute;top:2px;right:2px;font-size:.5rem;opacity:.8}.inventory-slot.locked{border-color:#8b4513;box-shadow:inset 0 0 8px #8b451366}.inventory-slot.locked:hover{border-color:sienna}.lock-icon{position:absolute;top:2px;left:2px;font-size:.6rem;opacity:.9;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;z-index:5;pointer-events:none}.inventory-slot.occupied{cursor:grab}.inventory-slot.occupied:active{cursor:grabbing}.inventory-slot.dragging{opacity:.5;transform:scale(.95);border-color:var(--accent-gold)}.inventory-slot.drag-over{border-color:var(--accent-gold);background:#d4af3733;box-shadow:0 0 8px #d4af3780}.inventory-slot.empty.drag-over{opacity:1;border-style:dashed}.inventory-slot.equippable,.inventory-slot.edible,.inventory-slot.usable{cursor:pointer}@media(max-width:1200px){.inventory-grid{gap:3px;padding:3px}.item-icon{font-size:1.2rem}.item-quantity{font-size:.6rem}}@media(max-width:900px){.inventory-grid{gap:2px;padding:2px}.item-icon{font-size:1rem}.item-quantity{font-size:.55rem;bottom:1px;right:2px}}.inventory-tabs{display:flex;gap:0;margin-bottom:.5rem}.inventory-tab{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-bottom:none;border-radius:4px 4px 0 0;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.inventory-tab:first-child{border-right:1px solid var(--border-color)}.inventory-tab:last-child{border-left:1px solid var(--border-color)}.inventory-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.inventory-tab.active{background:var(--bg-primary);color:var(--accent-gold);border-color:var(--accent-gold);border-bottom:2px solid var(--bg-primary);margin-bottom:-2px;z-index:1}#equipment{display:none;min-height:150px;margin-bottom:.5rem}.equipment-set-switcher{display:flex;gap:4px;margin-bottom:8px;justify-content:center}.equipment-set-switcher .set-button{width:36px;height:36px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.equipment-set-switcher .set-button:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.equipment-set-switcher .set-button.active{border-color:var(--accent-gold);background:var(--bg-tertiary);color:var(--accent-gold);box-shadow:0 0 6px #daa5204d}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:4px;padding:8px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;min-height:200px}.equipment-slot{aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;position:relative;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center}.equipment-slot.empty{border-style:dashed;opacity:.7}.equipment-slot.empty:hover{opacity:1;border-color:var(--text-secondary)}.equipment-slot.empty .slot-content{background:transparent}.equipment-slot.empty .slot-icon{font-size:1.2rem;opacity:.5}.equipment-slot.blocked{background:var(--bg-tertiary);border-color:#4a4a4a;opacity:.5;cursor:not-allowed}.equipment-slot.blocked:hover{opacity:.6;border-color:#5a5a5a}.equipment-slot.blocked .slot-icon{font-size:1rem;opacity:.7}.equipment-slot.occupied{border-color:var(--accent-gold)}.equipment-slot.occupied:hover{border-color:#ff6b6b;box-shadow:0 0 8px #ff6b6b66}.equipment-slot.occupied:hover:after{content:"\2715";position:absolute;top:2px;right:4px;font-size:.7rem;color:#ff6b6b;font-weight:700}.equipment-slot .slot-content{width:80%;height:60%;display:flex;align-items:center;justify-content:center;border-radius:4px}.equipment-slot .item-icon{font-size:1.4rem;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.slot-label{position:absolute;bottom:2px;font-size:.55rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.equipment-slot .slot-content{position:relative}.equipment-slot .ammo-qty{position:absolute;bottom:-4px;right:-4px;font-size:.65rem;background:#000000d9;color:#fff;padding:1px 4px;border-radius:3px;min-width:16px;text-align:center;font-weight:600}.equipment-stats{margin-top:8px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px}.equipment-stats .stat-row{display:flex;justify-content:space-between;padding:2px 0;font-size:.8rem}.equipment-stats .stat-label{color:var(--text-secondary)}.equipment-stats .stat-value{color:var(--text-primary);font-weight:600}.equipment-stats .stat-value.positive{color:#4ade80}.equipment-stats .stat-value.style-melee{color:#f87171}.equipment-stats .stat-value.style-ranged{color:#60a5fa}.equipment-stats .stat-value.style-magic{color:#c084fc}@media(max-width:1200px){.equipment-grid{gap:3px;padding:6px}.equipment-slot .item-icon{font-size:1.2rem}.slot-label{font-size:.5rem}}@media(max-width:900px){.equipment-grid{gap:2px;padding:4px}.equipment-slot .item-icon{font-size:1rem}.inventory-tab{font-size:.75rem;padding:.375rem .5rem}}.equipment-slot.spell-slot.occupied{border-color:#c084fc}.equipment-slot.spell-slot.occupied:hover{border-color:#a855f7;box-shadow:0 0 8px #a855f766}.equipment-slot.spell-slot.occupied:hover:after{content:"\2699";color:#c084fc}.spell-picker-overlay{position:fixed;inset:0;background:#00000080;z-index:10001}.spell-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-height:80vh;background:var(--bg-secondary);border:2px solid #c084fc;border-radius:12px;z-index:10002;display:flex;flex-direction:column;box-shadow:0 12px 40px #0009,0 0 20px #c084fc26;overflow:hidden}.spell-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(192,132,252,.1) 100%);border-bottom:1px solid rgba(192,132,252,.3);color:#c084fc;font-weight:600;font-size:1rem}.spell-picker-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.spell-picker-close:hover{background:#c084fc33;color:#c084fc}.spell-picker-content{padding:12px;overflow-y:auto;max-height:calc(80vh - 60px)}.spell-element{margin-bottom:12px}.spell-element .element-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 10px;margin-bottom:8px;background:var(--bg-primary);border-radius:6px;border-left:3px solid currentColor}.spell-element-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spell-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;position:relative;min-height:90px;text-align:center}.spell-option:hover:not(.locked){border-color:#c084fc;background:#c084fc1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.spell-option.selected{border-color:#c084fc;background:#c084fc40;box-shadow:0 0 12px #c084fc80,inset 0 0 15px #c084fc26}.spell-option.selected .spell-name{color:#c084fc;font-weight:600}.spell-option.selected:after{content:"\2713";position:absolute;top:4px;right:6px;color:#c084fc;font-weight:700;font-size:.85rem}.spell-option.locked{opacity:.4;cursor:not-allowed}.spell-option.no-glyphs{opacity:.6;border-color:#f871714d}.spell-option.no-glyphs:hover{border-color:#f87171;background:#f871711a}.spell-option .spell-icon{font-size:1.8rem;line-height:1}.spell-option .spell-info{display:flex;flex-direction:column;align-items:center;gap:4px}.spell-option .spell-name{font-size:.8rem;color:var(--text-primary);font-weight:500;line-height:1.2}.spell-option .spell-cost{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.spell-option .spell-glyph{font-size:.7rem;color:var(--text-secondary);display:flex;align-items:center;gap:1px}.spell-option .spell-glyph.missing{color:#f87171}.spell-option .spell-lock{position:absolute;top:4px;left:6px;font-size:.7rem;color:var(--text-muted);background:var(--bg-secondary);padding:2px 4px;border-radius:4px}.glyph-pouch{margin-top:8px;padding:8px;background:var(--bg-secondary);border:2px solid rgba(192,132,252,.4);border-radius:8px}.glyph-pouch.locked{opacity:.6;border-style:dashed}.glyph-pouch.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.glyph-pouch.clickable:hover{border-color:#a855f7b3;box-shadow:0 0 8px #a855f74d}.glyph-pouch-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.glyph-pouch-header .pouch-icon{font-size:1rem}.glyph-pouch-header .pouch-title{font-size:.8rem;font-weight:600;color:#c084fc;text-transform:uppercase;letter-spacing:.5px}.glyph-pouch-locked-message{font-size:.75rem;color:var(--text-secondary);text-align:center;padding:8px;font-style:italic}.glyph-pouch-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.glyph-pouch-slot{aspect-ratio:1;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.glyph-pouch-slot.empty{border-style:dashed;opacity:.5}.glyph-pouch-slot.empty:hover{opacity:.8}.glyph-pouch-slot.empty .slot-content{background:transparent}.glyph-pouch-slot.empty .slot-icon{font-size:.9rem;opacity:.4;color:#c084fc}.glyph-pouch-slot.occupied{border-color:#c084fc}.glyph-pouch-slot.occupied:hover{border-color:#a855f7;box-shadow:0 0 8px #a855f766}.glyph-pouch-slot.occupied:hover:after{content:"\21a9";position:absolute;top:1px;right:2px;font-size:.6rem;color:#a855f7;font-weight:700}.glyph-pouch-slot .slot-content{width:90%;height:90%;display:flex;align-items:center;justify-content:center;border-radius:3px;position:relative}.glyph-pouch-slot .item-icon{font-size:1.1rem;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;overflow:visible}.glyph-pouch-slot .item-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.glyph-pouch-slot .item-icon .sprite-icon-lg{transform:scale(.34);transform-origin:center center;margin:-21px}.glyph-pouch-slot .glyph-qty{position:absolute;bottom:-2px;right:-2px;font-size:.55rem;background:#000000e6;color:#fff;padding:1px 3px;border-radius:3px;min-width:14px;text-align:center;font-weight:600}@media(max-width:900px){.glyph-pouch-slots{grid-template-columns:repeat(6,1fr);gap:3px}.glyph-pouch-slot .item-icon{font-size:.9rem}.glyph-pouch-slot .glyph-qty{font-size:.5rem}}.bank-modal{min-width:950px;max-width:1200px;width:90vw;min-height:700px;display:flex;flex-direction:column}.bank-modal .modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.bank-modal .modal-header{padding:.5rem 1rem;gap:1rem}.bank-modal .modal-header h2{font-size:1.2rem}.bank-value{display:flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:#0000004d;border-radius:4px;font-size:.9rem;color:var(--accent-gold);cursor:help}.bank-modal .modal-close{font-size:1.25rem;padding:.15rem .4rem}.bank-controls-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.bank-controls-bar .bank-tabs{margin-bottom:0;border-bottom:none;padding-bottom:0}.bank-controls-bar .bank-search{flex:1;min-width:150px;max-width:200px}.bank-split-panels{display:grid;grid-template-columns:1fr 320px;gap:.75rem;flex:1;min-height:0}.bank-main-panel{display:flex;flex-direction:column;min-height:0}.bank-main-panel .bank-grid{flex:1;max-height:500px;overflow-y:auto}.bank-inventory-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border-color);padding-left:.75rem}.bank-inventory-panel .bank-panel-header{margin-bottom:.5rem}.bank-inventory-panel .bank-grid{grid-template-columns:repeat(4,1fr);max-height:none;overflow-y:visible}.bank-panels{display:grid;grid-template-columns:140px 1fr;gap:.75rem}.bank-controls,.bank-panel{display:flex;flex-direction:column;gap:.5rem}.bank-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.375rem;border-bottom:1px solid var(--border-color)}.bank-panel-title{color:var(--accent-gold);font-size:.9rem;font-weight:600;margin:0}.bank-panel-count{color:var(--text-secondary);font-size:.75rem}.bank-search{width:100%;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem}.bank-search::placeholder{color:var(--text-secondary)}.bank-search:focus{outline:none;border-color:var(--accent-gold)}.bank-grid{display:grid;grid-template-columns:repeat(8,1fr);align-content:start;gap:4px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;padding:6px;max-height:450px;overflow-y:auto}.bank-panel.inventory .bank-grid{grid-template-columns:repeat(7,1fr);max-height:none}.bank-slot{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s,z-index 0s;min-width:48px;z-index:1}.bank-slot:before{content:"";display:block;padding-bottom:100%}.bank-slot.empty{opacity:.3;cursor:default}.bank-slot:not(.empty):hover{border-color:var(--accent-gold);box-shadow:0 0 6px #daa52080;z-index:100}.bank-slot-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px}.bank-item-icon{font-size:1rem;font-weight:700;color:var(--text-primary);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;user-select:none}.bank-item-quantity{position:absolute;bottom:1px;right:2px;font-size:.55rem;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;line-height:1}.bank-header-count{font-size:.9rem;color:var(--text-secondary);font-weight:400}.bank-main{display:flex;flex-direction:column;gap:.5rem}.bank-inventory-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.bank-inventory-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.bank-inventory-header .bank-panel-title{font-size:.85rem}.bank-inventory-header .bank-panel-count{flex:1}.bank-deposit-btn{padding:.25rem .75rem;background:var(--accent-gold);border:1px solid var(--accent-gold);border-radius:4px;color:var(--bg-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.bank-deposit-btn:hover{background:#e6b800;border-color:#e6b800}.bank-help{text-align:center;color:var(--text-secondary);font-size:.7rem;padding-top:.5rem;margin:0}.bank-empty{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-secondary)}.bank-drag-hint{text-align:center;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem;opacity:.7}.bank-panel.bank .bank-slot:not(.empty){cursor:grab}.bank-panel.bank .bank-slot:not(.empty):active{cursor:grabbing}.bank-slot.dragging{opacity:.5;transform:scale(.95);border-color:var(--accent-gold)}.bank-slot.drag-over{border-color:var(--accent-gold);background:#d4af3733;box-shadow:0 0 8px #d4af3780}.bank-slot.empty.drag-over{opacity:1;border-style:dashed}.bank-slot.locked{border-color:#8b4513;box-shadow:inset 0 0 8px #8b451366}.bank-slot.locked:hover{border-color:sienna}.bank-slot .lock-icon{position:absolute;top:2px;left:2px;font-size:.55rem;opacity:.9;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;z-index:5;pointer-events:none}.bank-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.bank-tab{padding:.5rem 1rem;background:transparent;border:2px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.bank-tab:hover:not(.locked):not(:disabled){color:var(--text-primary);border-color:var(--border-color)}.bank-tab.active{color:var(--accent-gold);border-color:var(--accent-gold);background:#daa5201a}.bank-tab.locked{opacity:.5;cursor:not-allowed}.bank-tab:disabled{opacity:.4;cursor:not-allowed}.bank-tab .tab-lock{font-size:.7rem;opacity:.7}.bloomhold-unlock-panel{text-align:center;padding:2rem 1.5rem;background:#0003;border-radius:8px;border:1px solid var(--border-color)}.bloomhold-unlock-panel .unlock-icon{font-size:3rem;margin-bottom:.75rem}.bloomhold-unlock-panel h3{color:var(--accent-gold);margin:0 0 .5rem;font-size:1.5rem}.bloomhold-unlock-panel .unlock-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.unlock-requirements{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.unlock-requirements .requirement{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.95rem}.requirement .req-icon{font-weight:700;font-size:1rem}.requirement.met{color:#4caf50}.requirement.unmet{color:#e74c3c}.unlock-button{padding:.75rem 2rem;background:var(--accent-gold);border:none;border-radius:4px;color:var(--bg-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.unlock-button:hover:not(.disabled):not(:disabled){background:#e6b800}.unlock-button.disabled,.unlock-button:disabled{opacity:.5;cursor:not-allowed}.unlock-features{margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem;text-align:left;padding:1rem;background:#0003;border-radius:4px;line-height:1.6}.unlock-features strong{color:var(--text-primary)}.unlock-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.unlock-method{padding:1rem;background:#00000026;border-radius:6px;border:1px solid var(--border-color)}.unlock-method h4{margin:0 0 .75rem;color:var(--accent-gold);font-size:1rem}.unlock-method .unlock-requirements{margin-bottom:1rem}.unlock-method .unlock-button{width:100%}.unlock-divider{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:.25rem 0}.requirement.info{color:var(--text-secondary)}.move-to-bloomhold-btn{display:block;width:100%;padding:.5rem 1rem;margin-bottom:.5rem;background:linear-gradient(135deg,#228b22,#2e8b57);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.move-to-bloomhold-btn:hover{background:linear-gradient(135deg,#2e8b57,#228b22);box-shadow:0 2px 8px #228b2266}.bank-panel.bloomhold .bank-grid{grid-template-columns:repeat(8,1fr)}.bank-panel.bloomhold .bank-slot:not(.empty){cursor:grab}.bank-panel.bloomhold .bank-slot:not(.empty):active{cursor:grabbing}.bank-panel.bloomhold .bank-slot{border-color:#355e3b}.bank-panel.bloomhold .bank-slot:not(.empty):hover{border-color:#4caf50;box-shadow:0 0 6px #4caf5080}.bank-panel.bloomhold .bank-slot.drag-over{border-color:#4caf50;background:#4caf5033;box-shadow:0 0 8px #4caf5080}.bloomhold-settings{display:flex;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem;background:#228b221a;border:1px solid #355E3B;border-radius:4px}.bloomhold-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#ccc;user-select:none}.bloomhold-toggle-label:hover{color:#fff}.bloomhold-toggle{width:16px;height:16px;cursor:pointer;accent-color:#4CAF50}.bank-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:1rem;border-top:1px solid var(--border-color);margin-top:auto;flex-shrink:0}.bank-deposit-all-btn{padding:.4rem .75rem;background:var(--accent-gold);border:1px solid var(--accent-gold);border-radius:4px;color:var(--bg-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.bank-deposit-all-btn:hover{background:#e6b800;border-color:#e6b800}.bank-quantity-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bank-qty-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-right:.25rem}.bank-qty-presets{display:flex;gap:.25rem}.bank-qty-btn{padding:.3rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s;min-width:32px}.bank-qty-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.bank-qty-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.bank-qty-custom{display:flex;align-items:center;gap:.25rem}.bank-qty-input{width:60px;padding:.3rem .4rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.75rem;text-align:center}.bank-qty-input:focus{outline:none;border-color:var(--accent-gold)}.bank-qty-input::placeholder{color:var(--text-secondary)}.bank-qty-input::-webkit-outer-spin-button,.bank-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bank-qty-input{-moz-appearance:textfield;appearance:textfield}.bank-qty-custom{position:relative}.bank-qty-arrows{display:flex;flex-direction:column;height:100%}.bank-qty-arrow{padding:0 .4rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:.6rem;line-height:1;transition:all .15s}.bank-qty-arrow:hover{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.bank-lock-hint{color:var(--text-secondary);font-size:.7rem;margin-left:.5rem}.bank-grid::-webkit-scrollbar{width:8px}.bank-grid::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.bank-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid var(--bg-primary)}.bank-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.bank-grid{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}@media(max-width:900px){.bank-modal{min-width:auto;min-height:auto;width:95%;max-width:none}.bank-controls-bar{flex-direction:column;align-items:stretch;gap:.5rem}.bank-controls-bar .bank-tabs{justify-content:center}.bank-controls-bar .bank-search{max-width:none}.bank-split-panels{grid-template-columns:1fr;flex:none}.bank-inventory-panel{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:.75rem;margin-top:.5rem}.bank-inventory-panel .bank-grid{grid-template-columns:repeat(7,1fr);max-height:200px}.bank-main-panel .bank-grid{max-height:250px}}@media(max-width:600px){.bank-grid,.bank-inventory-panel .bank-grid{grid-template-columns:repeat(6,1fr)}.bank-quantity-selector{flex-wrap:wrap;justify-content:center}}#toast-container{display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;padding:.35rem 0}.toast{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px #0006;opacity:0;transform:translateY(-8px);pointer-events:auto;white-space:nowrap;max-width:100%;transition:opacity .2s ease,transform .2s ease}.toast-show{opacity:1;transform:translateY(0)}.toast-hide{opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.toast-icon{font-size:.9rem;flex-shrink:0}.toast-message{color:var(--text-primary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.toast-error{border-color:#e74c3c;background:#3d2020}.toast-error .toast-message{color:#ff6b6b}.toast-warning{border-color:#f39c12;background:#3d3520}.toast-warning .toast-message{color:#ffc107}.toast-success{border-color:#27ae60;background:#1d3d25}.toast-success .toast-message{color:#4caf50}.toast-info{border-color:var(--accent-gold);background:#2d2a1d}.toast-info .toast-message{color:var(--text-primary)}.floating-notifications{position:fixed;top:120px;right:280px;width:150px;pointer-events:none;z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.floating-notification{display:flex;align-items:center;gap:6px;padding:4px 8px;font-weight:600;font-size:.95rem;opacity:0;transform:translateY(20px);transition:all .3s ease-out;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.floating-notification.float-up{opacity:1;transform:translateY(0);animation:floatAndFade 1.5s ease-out forwards}@keyframes floatAndFade{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-30px)}to{opacity:0;transform:translateY(-50px)}}.xp-notification{color:#8bc34a}.xp-notification .notification-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.xp-notification .notification-icon .skill-sprite{transform:scale(.5);transform-origin:center;margin:-10px -4px}.xp-notification .notification-icon .skill-icon-img{width:24px;height:24px;display:block;background-size:contain;background-position:center;background-repeat:no-repeat}.xp-notification .notification-value{color:#8bc34a}.item-notification{color:var(--text-primary)}.item-notification .notification-icon.item-icon{min-width:22px;min-height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.85rem;overflow:visible}.item-notification .notification-icon.item-icon .sprite-icon{transform:scale(.75);transform-origin:center}.item-notification .notification-icon.item-icon .sprite-icon-lg{transform:scale(.35);transform-origin:center;margin:-12px}.item-notification .notification-value{color:#64b5f6;font-weight:700}.gold-notification{color:gold}.gold-notification .notification-icon{font-size:1.1rem}.gold-notification .notification-value{color:gold;font-weight:700}@media(max-width:1400px){.floating-notifications{right:240px}}@media(max-width:1200px){.floating-notifications{right:200px}}@media(max-width:1024px){.floating-notifications{right:20px;top:80px}}:root{--corruption-primary: #8e44ad;--corruption-secondary: #9b59b6;--corruption-glow: rgba(142, 68, 173, .8);--corruption-glow-light: rgba(155, 89, 182, .4)}.skill-item.corrupted{position:relative;box-shadow:0 0 15px #8e44ad80,0 0 30px #8e44ad4d,inset 0 0 10px #8e44ad33;border-color:var(--corruption-primary)!important;background:linear-gradient(135deg,#8e44ad26,#1e1e28e6)!important;animation:sidebar-corruption-pulse 2s ease-in-out infinite}.skill-item.corrupted:before{content:"\26a1";position:absolute;top:2px;right:4px;font-size:.7rem;animation:corruption-icon-glow 1s ease-in-out infinite alternate}@keyframes sidebar-corruption-pulse{0%,to{box-shadow:0 0 15px #8e44ad80,0 0 30px #8e44ad4d}50%{box-shadow:0 0 25px #8e44adb3,0 0 50px #8e44ad66}}#current-action.corrupted{box-shadow:0 0 15px #8e44ad80,0 0 30px #8e44ad4d;border-color:var(--corruption-primary);animation:corruption-pulse 2s ease-in-out infinite}#current-action.corrupted .action-info{background:linear-gradient(135deg,rgba(142,68,173,.1),transparent)}@keyframes corruption-pulse{0%,to{box-shadow:0 0 20px #8e44ad66,0 0 40px #8e44ad33}50%{box-shadow:0 0 30px #8e44ad99,0 0 60px #8e44ad4d}}.skill-corruption-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:linear-gradient(135deg,#8e44ad4d,#9b59b626);border:1px solid var(--corruption-primary);border-radius:6px;margin-left:1rem;position:relative;cursor:help;animation:skill-indicator-pulse 1.5s ease-in-out infinite}.skill-corruption-indicator.hidden{display:none}.skill-corruption-indicator .corruption-label{font-size:.75rem;font-weight:700;color:var(--corruption-secondary);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(142,68,173,.5)}.skill-corruption-indicator .corruption-time{font-size:.8rem;font-weight:700;color:var(--text-primary);background:#8e44ad4d;padding:.1rem .4rem;border-radius:4px}@keyframes skill-indicator-pulse{0%,to{box-shadow:0 0 10px #8e44ad4d}50%{box-shadow:0 0 20px #8e44ad80}}.skill-corruption-indicator .corruption-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--corruption-primary);border-radius:8px;padding:.75rem;min-width:180px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;box-shadow:0 4px 20px #0006,0 0 20px #8e44ad4d}.skill-corruption-indicator:hover .corruption-tooltip{opacity:1;visibility:visible}.corruption-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--corruption-primary)}.corruption-tooltip .tooltip-title{font-weight:700;color:var(--corruption-secondary);margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(142,68,173,.3);font-size:.85rem}.corruption-tooltip .tooltip-row{font-size:.75rem;color:var(--text-secondary);padding:.2rem 0;display:flex;align-items:center;gap:.4rem}.corruption-tooltip .sprite-icon{transform:scale(.55);transform-origin:center center;margin:-6px;vertical-align:middle}.corruption-tooltip .sprite-icon-lg{transform:scale(.47);transform-origin:center center;margin:-17px;vertical-align:middle}@keyframes corruption-icon-glow{0%{filter:drop-shadow(0 0 2px rgba(142,68,173,.8));transform:scale(1)}to{filter:drop-shadow(0 0 8px rgba(142,68,173,1));transform:scale(1.1)}}.override-active{color:var(--corruption-secondary);font-weight:700}.tome-modal{min-width:700px;max-width:950px;max-height:85vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#1a1a2e 100%);border:2px solid #4a3a6a}.tome-modal .modal-header{background:linear-gradient(90deg,#2a1a4a,#1a1a2e,#2a1a4a);border-bottom:1px solid #5a4a7a}.tome-modal .modal-header{display:flex;align-items:center;gap:.75rem}.tome-header-icon{width:40px;height:40px;background-image:url(assets/atlases/ui_icons-atlas.png);background-size:800% 100%;background-position:85.7143% 0%;background-repeat:no-repeat;flex-shrink:0}.tome-modal .modal-header h2{color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.3);flex:1}.tome-modal .modal-body{max-height:calc(80vh - 60px);overflow-y:auto;padding:1rem}.tome-completion{background:#2a1a4a80;border:1px solid #4a3a6a;border-radius:6px;padding:.75rem;margin-bottom:1rem}.tome-completion-text{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.tome-discovered-count{color:#d4af37;font-weight:700;font-size:1.1rem}.tome-total-count{color:var(--text-secondary)}.tome-percentage{color:#9a8aba;margin-left:auto}.tome-progress-bar{height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.tome-progress-fill{height:100%;background:linear-gradient(90deg,#6a4a9a,#d4af37);border-radius:3px;transition:width .3s ease}.tome-search-container{position:relative;margin-bottom:1rem}.tome-search{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--bg-secondary);border:1px solid #4a3a6a;border-radius:4px;color:var(--text-primary);font-size:.875rem}.tome-search::placeholder{color:#6a5a8a}.tome-search:focus{outline:none;border-color:#d4af37;box-shadow:0 0 5px #d4af3733}.tome-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6a5a8a;font-size:1.2rem;cursor:pointer;padding:0 .25rem}.tome-search-clear:hover{color:#d4af37}.tome-categories{display:flex;flex-direction:column;gap:.5rem}.tome-category{background:#1a1a2e80;border:1px solid #3a2a5a;border-radius:6px;overflow:hidden}.tome-category.complete{border-color:#4a8a4a}.tome-category.complete .tome-category-header{background:#4a8a4a1a}.tome-category-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2a1a4a4d;cursor:pointer;user-select:none;transition:background .15s}.tome-category-header:hover{background:#2a1a4a80}.tome-category-header .sprite-icon-lg{transform:scale(.28);transform-origin:center center;margin:-23px;vertical-align:middle}.tome-category-header .sprite-icon{transform:scale(.6);transform-origin:center center;margin:-5px;vertical-align:middle}.category-toggle{color:#6a5a8a;font-size:.7rem;width:1rem}.category-icon{font-size:1rem}.category-name{color:var(--text-primary);font-weight:500;flex:1}.category-count{color:#9a8aba;font-size:.8rem}.category-complete-icon{color:#4a8a4a;font-size:.9rem}.tome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:.75rem;background:#1a1a2e4d;border-radius:4px}.tome-slot{aspect-ratio:1;border-radius:4px;position:relative;cursor:default;transition:transform .1s,box-shadow .1s}.tome-slot:hover{transform:scale(1.05);z-index:1}.tome-slot-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.tome-item-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center}.tome-item-icon .sprite-icon,.tome-item-icon .sprite-icon-lg{transform:scale(.55);transform-origin:center center;margin:-12px}.tome-item-icon .sprite-landscape{transform:scale(.85);margin:-5px}.tome-slot-qty{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.6rem;color:#fff;background:#000000b3;padding:1px 4px;border-radius:3px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tome-slot.discovered{cursor:pointer}.tome-slot.discovered .tome-slot-content{box-shadow:inset 0 0 10px #0000004d}.tome-slot.discovered:hover{box-shadow:0 0 8px #d4af3766}.tome-slot.undiscovered .tome-slot-content{background:#2a2a3a!important;border-color:#3a3a4a}.tome-slot.undiscovered .tome-item-icon{filter:grayscale(100%) brightness(.5) opacity(.4)}.tome-slot.undiscovered:hover{box-shadow:0 0 8px #6a5a8a4d}.tome-search-results{background:#1a1a2e80;border:1px solid #3a2a5a;border-radius:6px;padding:.5rem}.tome-no-results{text-align:center;color:#6a5a8a;padding:2rem;font-style:italic}.tome-category.collapsed .tome-grid{display:none}.tome-zoom-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .2s ease;cursor:pointer}.tome-zoom-overlay.visible{opacity:1}.tome-zoom-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 3rem;border-radius:12px;border:3px solid rgba(212,175,55,.5);box-shadow:0 0 40px #d4af374d,inset 0 0 20px #0000004d;transform:scale(.8);transition:transform .2s ease;cursor:default}.tome-zoom-overlay.visible .tome-zoom-content{transform:scale(1)}.tome-zoom-icon{font-size:6rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.tome-zoom-icon .sprite-icon,.tome-zoom-icon .sprite-icon-lg{transform:scale(2);transform-origin:center center}.tome-zoom-icon .sprite-landscape{transform:scale(3)}.tome-zoom-name{font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem}.tome-zoom-count{font-size:1rem;color:#d4af37;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tome-zoom-hint{font-size:.75rem;color:#fff6;margin-top:.75rem;animation:tome-hint-fade 3s ease forwards}@keyframes tome-hint-fade{0%,60%{opacity:1}to{opacity:0}}.discovery-notification{position:fixed;top:-120px;left:50%;transform:translate(-50%);z-index:10000;background:linear-gradient(180deg,#2a1a4a,#1a1a2e);border:2px solid #5a4a7a;border-top:none;border-radius:0 0 12px 12px;padding:1rem 1.5rem;min-width:220px;box-shadow:0 4px 20px #00000080,0 0 30px #6a4a9a4d;transition:top .4s cubic-bezier(.34,1.56,.64,1)}.discovery-notification.show{top:0}.discovery-notification.hide{top:-120px;transition:top .3s ease-in}.discovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #4a3a6a}.discovery-label{color:#d4af37;font-weight:600;font-size:.9rem;text-shadow:0 0 10px rgba(212,175,55,.4)}.discovery-number{color:#9a8aba;font-size:.85rem;font-weight:500}.discovery-item{display:flex;align-items:center;gap:.75rem}.discovery-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:inset 0 0 10px #0000004d,0 0 8px #d4af374d;border:1px solid rgba(212,175,55,.3);overflow:hidden}.discovery-icon .sprite-icon-lg{transform:scale(.5);transform-origin:center center;margin:-16px}.discovery-icon .sprite-landscape{transform:scale(.7);margin:-10px}.discovery-name{color:var(--text-primary);font-weight:500;font-size:1rem}@media(max-width:700px){.tome-modal{min-width:100%;max-width:100%;margin:0;border-radius:0;max-height:100vh}.tome-modal .modal-body{max-height:calc(100vh - 60px)}.tome-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.tome-item-icon{font-size:1.5rem}.tome-item-icon .sprite-icon,.tome-item-icon .sprite-icon-lg{transform:scale(.45);margin:-14px}.tome-item-icon .sprite-landscape{transform:scale(.7);margin:-8px}}.bounty-mark-notification{position:fixed;top:-140px;left:50%;transform:translate(-50%);z-index:10000;background:linear-gradient(180deg,#3a1a1a,#1a1a2e);border:2px solid #8b3a3a;border-top:none;border-radius:0 0 12px 12px;padding:1rem 1.5rem;min-width:240px;box-shadow:0 4px 20px #00000080,0 0 30px #8b3a3a4d;transition:top .4s cubic-bezier(.34,1.56,.64,1)}.bounty-mark-notification.show{top:0}.bounty-mark-notification.hide{top:-140px;transition:top .3s ease-in}.mark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid #6a3a3a}.mark-label{color:#ff6b4a;font-weight:600;font-size:.9rem;text-shadow:0 0 10px rgba(255,107,74,.4)}.mark-rank{color:#b388ff;font-size:.85rem;font-weight:500}.mark-details{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.mark-mob-name{color:#e0e0e0;font-weight:600;font-size:.95rem}.mark-title{color:#b388ff;font-size:.85rem;font-style:italic}.mark-bonuses{display:flex;flex-wrap:wrap;gap:.3rem}.mark-bonus-item{color:#8bc34a;font-size:.8rem;background:#8bc34a1a;padding:.1rem .4rem;border-radius:4px}.tome-tab-bar{display:flex;border-bottom:1px solid #4a3a6a;margin-bottom:1rem}.tome-tab{flex:1;padding:.6rem 1rem;background:transparent;border:none;color:#6a5a8a;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s,border-bottom .15s;border-bottom:2px solid transparent}.tome-tab:hover{color:#9a8aba}.tome-tab.active{color:#d4af37;border-bottom:2px solid #d4af37}.bestiary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:.75rem;background:#1a1a2e4d;border-radius:4px}.bestiary-subtier-header{grid-column:1 / -1;color:#d4af37;font-size:.8rem;font-weight:600;padding:.4rem .5rem .2rem;background:#2a1a4a4d;border-radius:4px;border-left:2px solid #d4af37}.bestiary-card{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:.5rem .4rem;background:#2a1a4a4d;border:1px solid #3a2a5a;border-radius:6px;position:relative;transition:transform .1s,box-shadow .1s,border-color .1s}.bestiary-card.discovered{cursor:pointer}.bestiary-card.discovered:hover{transform:scale(1.05);border-color:#d4af3780;box-shadow:0 0 10px #d4af3733;z-index:1}.bestiary-card.undiscovered{background:#14142380;border-color:#2a2a3a}.bestiary-card-icon{font-size:1.8rem;line-height:1}.bestiary-card.undiscovered .bestiary-card-icon{opacity:.4;filter:grayscale(100%) brightness(.5)}.bestiary-card-name{font-size:.75rem;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bestiary-card.undiscovered .bestiary-card-name{color:#4a4a5a}.bestiary-card-stats{font-size:.65rem;color:#6a5a8a;display:flex;gap:6px}.bestiary-card-kills{font-size:.6rem;color:#9a8aba}.bestiary-mark-badge{position:absolute;top:3px;right:3px;font-size:.55rem;font-weight:600;padding:1px 4px;border-radius:8px;background:linear-gradient(135deg,#8b3a3a,#c0392b);color:#fff;white-space:nowrap}.bestiary-zone-meta{display:flex;align-items:center;gap:.5rem}.bestiary-zone-tier{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;color:#fff}.bestiary-zone-tier.tier-1{background:#4a7c4a}.bestiary-zone-tier.tier-2{background:#556b2f}.bestiary-zone-tier.tier-3{background:#8b4500}.bestiary-zone-tier.tier-4{background:#8b0000}.bestiary-zone-level{font-size:.75rem;color:#6a5a8a}.bestiary-detail-content{max-width:550px;width:90vw;max-height:85vh;overflow-y:auto;background:linear-gradient(180deg,#1a1a2e,#12121e);border:2px solid #4a3a6a;border-radius:12px;cursor:default;box-shadow:0 0 40px #000000b3}.bestiary-detail-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(90deg,#2a1a4a,#1a1a2e,#2a1a4a);border-bottom:1px solid #5a4a7a}.bestiary-detail-icon{font-size:2.5rem;line-height:1}.bestiary-detail-name{flex:1;font-size:1.3rem;font-weight:600;color:#d4af37}.bestiary-detail-zone{font-size:.75rem;color:#9a8aba;margin-top:2px}.bestiary-detail-close{background:none;border:none;color:#6a5a8a;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.bestiary-detail-close:hover{color:#d4af37}.bestiary-detail-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.bestiary-section{background:#2a1a4a33;border:1px solid #3a2a5a;border-radius:6px;overflow:hidden}.bestiary-section-label{font-size:.75rem;font-weight:600;color:#d4af37;padding:.4rem .75rem;background:#2a1a4a4d;border-bottom:1px solid #3a2a5a;text-transform:uppercase;letter-spacing:.5px}.bestiary-section-content{padding:.6rem .75rem}.bestiary-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.bestiary-stat-item{display:flex;flex-direction:column;align-items:center;padding:.3rem;background:#1a1a2e66;border-radius:4px}.bestiary-stat-label{font-size:.6rem;color:#6a5a8a;text-transform:uppercase}.bestiary-stat-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.bestiary-wr-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.bestiary-wr-label{font-size:.8rem;color:#9a8aba;min-width:80px}.bestiary-wr-value{font-size:.85rem;font-weight:500}.bestiary-wr-value.weak{color:#4caf50}.bestiary-wr-value.resist{color:#f44336}.bestiary-wr-value.none{color:#6a5a8a}.research-locked{font-style:italic;color:#4a4a5a;font-size:.8rem}.bestiary-mechanic{display:flex;flex-direction:column;gap:.25rem}.bestiary-mechanic-type{font-size:.8rem;font-weight:600;color:#ff9800}.bestiary-mechanic-desc{font-size:.8rem;color:var(--text-secondary)}.bestiary-mark-rank{font-size:.9rem;font-weight:600;color:#b388ff;margin-bottom:.3rem}.bestiary-mark-bonuses{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.bestiary-mark-bonus{font-size:.75rem;color:#8bc34a;background:#8bc34a1a;padding:2px 8px;border-radius:10px}.bestiary-mark-progress{height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden;margin-top:.3rem}.bestiary-mark-progress-fill{height:100%;background:linear-gradient(90deg,#c0392b,#ff6b4a);border-radius:3px;transition:width .3s ease}.bestiary-mark-progress-text{font-size:.7rem;color:#6a5a8a;margin-top:.2rem;text-align:right}.bestiary-loot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.bestiary-loot-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-size:1.3rem;position:relative;cursor:default;transition:transform .1s}.bestiary-loot-item:hover{transform:scale(1.1);z-index:1}.bestiary-loot-item.undiscovered{filter:grayscale(100%) brightness(.5) opacity(.4);background:#2a2a3a}.bestiary-loot-item.rare{border-color:#ff9800;box-shadow:0 0 4px #ff98004d}.bestiary-loot-item .sprite-icon,.bestiary-loot-item .sprite-icon-lg{transform:scale(.55);transform-origin:center center;margin:-12px}.bestiary-loot-item .sprite-landscape{transform:scale(.7);margin:-8px}.bestiary-loot-label{grid-column:1 / -1;font-size:.7rem;color:#6a5a8a;padding:.2rem 0;text-transform:uppercase;letter-spacing:.5px}.bestiary-total-kills{text-align:center;padding:.75rem;font-size:.85rem;color:#9a8aba;border-top:1px solid #3a2a5a}.bestiary-total-kills strong{color:#d4af37;font-weight:600}@media(max-width:700px){.bestiary-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.bestiary-detail-content{width:100%;max-width:100%;border-radius:0;max-height:100vh}.bestiary-stats-grid{grid-template-columns:repeat(2,1fr)}.bestiary-detail-name{font-size:1.1rem}}.game-tooltip{position:fixed;z-index:10100;max-width:300px;padding:.5rem .75rem;background:linear-gradient(145deg,#1e232dfa,#14191efa);border:1px solid var(--accent-gold);border-radius:6px;box-shadow:0 4px 12px #00000080,0 0 20px #daa52026;color:var(--text-primary);font-size:.85rem;line-height:1.4;text-align:left;opacity:0;animation:tooltipFadeIn .15s ease forwards;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-tooltip .tooltip-title{font-weight:600;color:var(--accent-gold);margin-bottom:.25rem;font-size:.9rem}.game-tooltip .tooltip-desc{color:var(--text-secondary);font-size:.8rem}.game-tooltip .tooltip-stat{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;padding:.15rem 0}.game-tooltip .tooltip-stat-label{color:var(--text-secondary)}.game-tooltip .tooltip-stat-value{color:var(--text-primary);font-weight:500}.game-tooltip .tooltip-positive{color:#4ade80}.game-tooltip .tooltip-negative{color:#f87171}.game-tooltip .tooltip-rare{color:#a855f7}.game-tooltip .tooltip-gold{color:var(--accent-gold)}.game-tooltip .tooltip-value{display:block;margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border-color);color:var(--accent-gold);font-size:.8rem}.game-tooltip .tooltip-stack{color:var(--text-secondary);font-size:.75rem}.game-tooltip .sprite-icon{transform:scale(.55);transform-origin:center center;margin:-6px;vertical-align:middle}.game-tooltip .sprite-icon-lg{transform:scale(.47);transform-origin:center center;margin:-17px;vertical-align:middle}.game-tooltip .tooltip-divider{height:1px;background:var(--border-color);margin:.35rem 0}body.dragging .game-tooltip{display:none!important}.info-icon{cursor:help;color:var(--text-secondary);font-size:.85rem;vertical-align:middle;margin-left:.25rem;transition:color .2s ease;opacity:.7}.info-icon:hover{color:var(--accent-gold);opacity:1}.info-icon-sm{font-size:.75rem}.info-icon-md{font-size:.9rem}.info-icon-lg{font-size:1.1rem}.labeled-info{display:inline-flex;align-items:center;gap:.25rem}.chest-timer{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0003;border-radius:4px;margin-bottom:.75rem;font-size:.85rem}.chest-timer .timer-icon{font-size:1rem}.chest-timer .timer-label{color:var(--text-secondary)}.chest-timer .timer-value{color:var(--text-primary);font-weight:600}.chest-timer .timer-value.full{color:#4caf50}.chest-timer .timer-value.soon{color:#ff9800}.chest-timer .info-icon{margin-left:auto}.glossary-modal{width:600px;max-width:90%;max-height:80vh}.glossary-intro{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.glossary-search-container{position:relative;margin-bottom:1rem}.glossary-search{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.glossary-search:focus{outline:none;border-color:var(--accent-gold)}.glossary-search::placeholder{color:var(--text-secondary)}.glossary-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s}.glossary-search-clear:hover{color:var(--text-primary)}.glossary-content-area{max-height:calc(80vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.glossary-content-area::-webkit-scrollbar{width:8px}.glossary-content-area::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.glossary-content-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.glossary-content-area::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.glossary-categories{display:flex;flex-direction:column;gap:.75rem}.glossary-category{background:#0003;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.glossary-category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;background:#0003;transition:background .2s}.glossary-category-header:hover{background:#ffffff0d}.glossary-category-header .category-toggle{color:var(--text-secondary);font-size:.75rem;width:1rem}.glossary-category-header .category-icon{font-size:1.1rem}.glossary-category-header .category-name{color:var(--accent-gold);font-weight:600;flex:1}.glossary-category-header .category-count{color:var(--text-secondary);font-size:.85rem}.glossary-category.collapsed .glossary-terms{display:none}.glossary-terms{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.glossary-term{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:.75rem 1rem;transition:border-color .2s}.glossary-term:hover{border-color:var(--accent-gold)}.glossary-term-header{margin-bottom:.25rem}.glossary-term .term-name{color:var(--text-primary);font-weight:600;font-size:.95rem}.glossary-term-short{color:var(--accent-gold);font-size:.85rem;margin-bottom:.5rem}.glossary-term-full{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.glossary-term-usedin{margin-top:.5rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-secondary)}.glossary-term-usedin .usedin-label{color:var(--accent-gold);opacity:.8}.glossary-no-results{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.95rem}.spoiler{display:inline;background:var(--bg-secondary);color:transparent;border-radius:2px;padding:.1rem .35rem;cursor:pointer;transition:all .2s;user-select:none;position:relative}.spoiler:before{content:"\1f512  click to reveal";color:var(--text-secondary);font-size:.75rem;font-style:italic}.spoiler:hover{background:var(--border-color)}.spoiler:hover:before{color:var(--accent-gold)}.spoiler.revealed,.glossary-spoilers-visible .spoiler{background:#daa5201a;color:var(--text-secondary);cursor:default}.spoiler.revealed:before,.glossary-spoilers-visible .spoiler:before{display:none}.glossary-term.spoiler-term{position:relative;overflow:hidden}.glossary-term.spoiler-term:before{content:"";position:absolute;inset:0;background:var(--bg-secondary);z-index:1}.glossary-term.spoiler-term:after{content:"\1f512  Hidden - Click to reveal";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem;z-index:2;cursor:pointer}.glossary-term.spoiler-term:hover:after{color:var(--accent-gold)}.glossary-term.spoiler-term.revealed:before,.glossary-term.spoiler-term.revealed:after,.glossary-spoilers-visible .glossary-term.spoiler-term:before,.glossary-spoilers-visible .glossary-term.spoiler-term:after{display:none}.glossary-header-controls{display:flex;align-items:center;gap:.75rem}.spoiler-toggle{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.spoiler-toggle:hover{border-color:var(--accent-gold);color:var(--text-primary)}.spoiler-toggle.active{background:#daa52026;border-color:var(--accent-gold);color:var(--accent-gold)}.spoiler-toggle-icon{font-size:.9rem}.term-spoiler-badge{font-size:.7rem;margin-left:.35rem;opacity:.6}.glossary-spoilers-visible .term-spoiler-badge,.glossary-term.revealed .term-spoiler-badge{opacity:.3}.glossary-spoiler-hint{color:var(--text-secondary);font-size:.8rem;opacity:.7}@media(max-width:600px){.glossary-modal{width:95%;max-height:90vh}.glossary-content-area{max-height:calc(90vh - 180px)}.glossary-term{padding:.5rem .75rem}}.item-database-modal{width:800px;max-width:95%;max-height:85vh;display:flex;flex-direction:column}.item-database-modal .modal-header{flex-shrink:0}.item-db-header-controls{display:flex;align-items:center;gap:.75rem}.item-db-count{color:var(--text-secondary);font-size:.85rem}.item-db-search-bar{position:relative;padding:.75rem 1rem;background:#0003;border-bottom:1px solid var(--border-color);flex-shrink:0}.item-db-search{width:100%;padding:.6rem 2.5rem .6rem 1rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.item-db-search:focus{outline:none;border-color:var(--accent-gold)}.item-db-search::placeholder{color:var(--text-secondary)}.item-db-search-clear{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s}.item-db-search-clear:hover{color:var(--text-primary)}.item-db-tabs-container{background:#00000026;border-bottom:1px solid var(--border-color);overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.item-db-tabs-container::-webkit-scrollbar{height:6px}.item-db-tabs-container::-webkit-scrollbar-track{background:transparent}.item-db-tabs-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.item-db-tabs{display:flex;gap:0;padding:0 .5rem;min-width:max-content}.item-db-tab{display:flex;align-items:center;gap:.35rem;padding:.6rem .75rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.item-db-tab:hover{color:var(--text-primary);background:#ffffff0d}.item-db-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.item-db-tab .tab-icon{font-size:.9rem}.item-db-tab .tab-name{font-weight:500}.item-db-tab .tab-count{font-size:.7rem;opacity:.7;padding:.1rem .35rem;background:#0000004d;border-radius:3px}.item-database-modal .modal-body{flex:1;overflow-y:auto;padding:.75rem;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.item-db-content{min-height:200px}.item-db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.item-entry{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#0003;border:1px solid var(--border-color);border-radius:4px;transition:all .2s}.item-entry:hover{border-color:var(--accent-gold);background:#0000004d}.item-entry-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.2rem;flex-shrink:0;position:relative}.item-entry-icon .sprite-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9)}.item-entry-icon .sprite-icon-lg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.55)}.item-entry-info{flex:1;min-width:0;overflow:hidden}.item-entry-name{color:var(--text-primary);font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-spoiler-badge{font-size:.65rem;margin-left:.35rem;opacity:.5}.item-entry-sources{color:var(--text-secondary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-entry-usedin{color:var(--text-secondary);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.item-entry-usedin .usedin-label{color:#7cb3d9;opacity:.8}.source-label{color:var(--accent-gold);opacity:.8}.item-entry.item-entry-spoiler{position:relative;cursor:pointer}.item-entry.item-entry-spoiler:before{content:"";position:absolute;inset:0;background:var(--bg-secondary);border-radius:4px;z-index:1}.item-entry.item-entry-spoiler:after{content:"\1f512  Click to reveal";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem;z-index:2}.item-entry.item-entry-spoiler:hover:after{color:var(--accent-gold)}.item-entry.item-entry-spoiler.revealed:before,.item-entry.item-entry-spoiler.revealed:after,.item-db-spoilers-visible .item-entry.item-entry-spoiler:before,.item-db-spoilers-visible .item-entry.item-entry-spoiler:after{display:none}.item-db-spoilers-visible .item-spoiler-badge,.item-entry.revealed .item-spoiler-badge{opacity:.3}.item-db-no-results{text-align:center;color:var(--text-secondary);padding:3rem;font-size:.95rem}.item-entry-sources.has-tooltip{cursor:help;display:flex;align-items:center;gap:.3rem}.sources-expand-hint{font-size:.65rem;color:var(--accent-gold);opacity:.7}.item-entry-sources.has-tooltip:hover{color:var(--accent-gold)}.item-entry-sources.has-tooltip:hover .sources-expand-hint{opacity:1}.item-sources-tooltip{position:fixed;z-index:10000;background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:6px;padding:.75rem;min-width:180px;max-width:300px;box-shadow:0 4px 20px #00000080;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.item-sources-tooltip .tooltip-section{margin-bottom:.5rem}.item-sources-tooltip .tooltip-section:last-child{margin-bottom:0}.item-sources-tooltip .tooltip-section-title{font-size:.7rem;font-weight:600;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;padding-bottom:.2rem;border-bottom:1px solid rgba(255,176,0,.2)}.item-sources-tooltip .tooltip-source{font-size:.8rem;color:var(--text-primary);padding:.15rem 0 .15rem .5rem;border-left:2px solid transparent}.item-sources-tooltip .tooltip-source:hover{border-left-color:var(--accent-gold);background:#ffb0000d}@media(max-width:700px){.item-database-modal{width:98%;max-height:90vh}.item-db-grid{grid-template-columns:1fr}.item-db-tab .tab-name{display:none}.item-db-tab .tab-icon{font-size:1.1rem}}.talent-header-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:32px;height:32px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;margin-left:8px}.talent-header-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.talent-header-btn.has-points{border-color:#68d391;animation:talent-pulse 2s ease-in-out infinite}.talent-header-btn .talent-icon{font-size:16px;color:var(--text-primary)}.talent-header-btn .talent-notification{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes talent-pulse{0%,to{box-shadow:0 0 #68d39166}50%{box-shadow:0 0 8px 4px #68d39133}}.talent-tree-panel{display:flex;flex-direction:column;height:calc(100vh - 120px);background:var(--bg-primary);border-radius:8px;overflow:hidden}.talent-tree-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.talent-tree-title{display:flex;align-items:center;gap:12px}.talent-tree-title h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.mastery-badge{padding:4px 10px;background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.talent-tree-points{display:flex;align-items:center;gap:8px}.points-available{font-size:.95rem;color:var(--text-secondary)}.points-available.has-points{color:#68d391;font-weight:600}.points-spent{font-size:.8rem;color:var(--text-muted)}.points-next{font-size:.8rem;color:var(--text-secondary);padding-left:.5rem;border-left:1px solid var(--border-color);margin-left:.5rem}.points-next.complete{color:#68d391}.talent-tree-actions{display:flex;align-items:center;gap:8px}.respec-toggle{font-size:.85rem}.respec-toggle.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.full-respec{font-size:.85rem}.respec-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}.pending-refund-info{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.85rem;color:#ef4444}.pending-cost{font-weight:600}.btn-close{width:36px;height:36px;padding:0;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.talent-tree-main{flex:1;display:flex;overflow:hidden;gap:0}.talent-tree-canvas-container{flex:1;position:relative;overflow:hidden;background:#1a1a2e}.talent-tree-sidebar{width:200px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar-section{flex:1;padding:16px;overflow-y:auto}.sidebar-title{margin:0 0 12px;font-size:.9rem;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.sidebar-bonuses{display:flex;flex-direction:column;gap:12px}.sidebar-bonus-group{background:#0003;border-radius:6px;padding:10px}.sidebar-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.sidebar-bonus-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.sidebar-bonus-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-bonus-label{font-size:.8rem;color:var(--text-secondary)}.sidebar-bonus-value{font-size:.85rem;font-weight:600}.sidebar-bonus-value.bonus-stat{color:#68d391}.sidebar-bonus-value.bonus-proc{color:#f59e0b}.sidebar-controls{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;align-items:center}.sidebar-controls .control-hint{font-size:.7rem;color:var(--text-muted);text-align:center}#talent-tree-canvas{display:block;cursor:grab}#talent-tree-canvas:active{cursor:grabbing}.talent-tooltip{position:fixed;z-index:1000;min-width:220px;max-width:300px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #0006;pointer-events:none}.talent-tooltip.hidden{display:none}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.tooltip-name{font-weight:600;color:var(--text-primary)}.state-locked{color:#6b7280;font-size:.8rem}.state-available{color:#68d391;font-size:.8rem}.state-purchased{color:#63b3ed;font-size:.8rem}.state-maxed{color:#9f7aea;font-size:.8rem;font-weight:600}.tooltip-desc{color:#68d391;font-size:.9rem;font-weight:500;margin-bottom:8px}.tooltip-detailed{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:10px;padding:8px;background:#0003;border-radius:4px;border-left:2px solid var(--border-color)}.tooltip-effects{margin-bottom:8px}.effect-row{display:flex;align-items:center;gap:6px;font-size:.8rem;margin-bottom:4px}.effect-name{color:var(--text-muted);text-transform:capitalize}.effect-value{color:#68d391;font-weight:600}.effect-base{color:var(--text-muted);font-size:.75rem}.prereq-row{font-size:.8rem;color:#f59e0b;margin-bottom:6px}.respec-row{font-size:.8rem;color:#ef4444;margin-bottom:6px}.tooltip-tier{font-size:.75rem;color:var(--text-muted);text-align:right}.no-bonuses{color:var(--text-muted);font-size:.8rem;text-align:center;padding:20px 0}.talent-tree-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px;color:var(--text-secondary)}@media(max-width:900px){.talent-tree-sidebar{width:180px}}@media(max-width:768px){.talent-tree-header{flex-direction:column;align-items:flex-start}.talent-tree-actions{width:100%;justify-content:flex-end}.talent-tree-main{flex-direction:column}.talent-tree-sidebar{width:100%;max-height:150px;border-left:none;border-top:1px solid var(--border-color)}.sidebar-section{padding:12px}.sidebar-bonuses{flex-direction:row;flex-wrap:wrap}.sidebar-bonus-group{flex:1;min-width:140px}.sidebar-controls{flex-direction:row;justify-content:space-between}}.pet-synergy{display:block;margin-top:8px;padding:6px 8px;background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border-left:3px solid #a78bfa;border-radius:4px;color:#c4b5fd;font-size:.85em;font-style:italic}#pinned-quests-container{display:none;padding:.5rem;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}#pinned-quests-container::-webkit-scrollbar{width:6px}#pinned-quests-container::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}#pinned-quests-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}#pinned-quests-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.pinned-quests-panel{display:flex;flex-direction:column;gap:.5rem}.pinned-quest-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem;position:relative}.pinned-quest-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.pinned-quest-giver{font-size:1rem}.pinned-quest-name{flex:1;font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-quest-unpin{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:.125rem .25rem;line-height:1;opacity:.6;transition:color .15s ease,opacity .15s ease;flex-shrink:0}.pinned-quest-unpin:hover{opacity:1;color:var(--danger);background:#ef44441a;border-radius:3px}.pinned-quest-requirements{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.375rem}.pinned-req-row{display:flex;align-items:center;gap:.375rem;font-size:.7rem;padding:.125rem 0}.pinned-req-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.pinned-req-icon .sprite-icon{transform:scale(.6);margin:-5px}.pinned-req-icon .sprite-icon-lg{transform:scale(.28);margin:-18px}.pinned-req-icon .skill-icon-img,.pinned-req-icon .skill-sprite-large{width:18px;height:18px;background-size:contain;background-position:center;background-repeat:no-repeat}.pinned-req-text{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pinned-req-status{font-weight:600;flex-shrink:0}.pinned-req-row.met .pinned-req-status{color:var(--success)}.pinned-req-row.unmet .pinned-req-status{color:var(--danger)}.pinned-req-row.can-meet-with-bank .pinned-req-status{color:var(--warning)}.pinned-bank-indicator{font-size:.65rem;color:var(--warning);flex-shrink:0}.pinned-quest-view{width:100%;font-size:.7rem;padding:.25rem .5rem;position:relative;z-index:10;cursor:pointer}.requirement-row .bank-indicator{font-size:.75rem;color:var(--warning);margin-left:.5rem}.requirement-row.can-meet-with-bank{background:rgba(var(--warning-rgb, 230, 190, 50),.1)}.requirement-row.can-meet-with-bank .req-status{color:var(--warning)}@media(max-width:768px){.pinned-quest-name{font-size:.7rem}.pinned-req-row{font-size:.65rem}}.skill-interface,.mining-interface,.woodcutting-interface,.fishing-interface,.pilfering-interface,.farming-interface,.architecting-interface,.crafting-interface,.smithing-interface,.pyre-interface,.cooking-interface,.woodworking-interface,.glyphbinding-interface,.alchemy-interface,.gatherer-interface,.husbandry-interface,.bounty-interface,.admin-interface{display:flex;flex-direction:column;gap:1.25rem}.skill-content,.tab-content,.mining-content,.woodcutting-content,.fishing-content,.pilfering-content,.farming-content,.architecting-content,.crafting-content,.smithing-content,.pyre-content,.cooking-content,.woodworking-content,.glyphbinding-content,.alchemy-content,.gatherer-content,.husbandry-content,.bounty-content,.admin-content{display:flex;flex-direction:column;gap:1.5rem}.skill-header{border-bottom:3px solid var(--border-color);padding-bottom:1rem}.skill-icon-img{display:inline-block;width:1em;height:1em;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle;margin-right:.1em}.skill-info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.85rem;margin-left:.35rem;cursor:help;opacity:.6;transition:opacity .2s;position:relative;vertical-align:middle}.skill-info-btn:hover{opacity:1}.skill-header h2{font-size:2rem;color:var(--accent-gold);margin-bottom:1rem}.skill-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.skill-info{display:flex;gap:2rem;font-size:1.1rem}.current-tool{background:var(--bg-secondary);padding:1rem;border:2px solid var(--border-color);border-radius:4px}.current-tool h3{color:var(--accent-gold);margin-bottom:.75rem;font-size:1.2rem}.tool-display{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.tool-speed{color:var(--accent-green);font-weight:700}.tool-speed.speed-override{color:#f44336;text-shadow:0 0 4px rgba(244,67,54,.5)}.tool-upgrades{margin-bottom:1.5rem}.upgrades-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.upgrades-header h3,.upgrades-section h3,.pickaxe-upgrades h3,.axe-upgrades h3,.rod-upgrades h3,.gloves-upgrades h3,.tool-upgrades h3{color:var(--accent-gold);margin:0;font-size:1.2rem}.current-buff{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4caf5026;border:1px solid var(--accent-green);border-radius:4px;font-size:.9rem}.buff-label{color:var(--text-secondary)}.buff-value{color:var(--accent-green);font-weight:700}.buff-source{color:var(--text-secondary);font-size:.8rem}.tool-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.tool-bar-active{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tool-bar-label{color:var(--text-secondary);font-size:.9rem}.tool-bar-name{color:var(--text-primary);font-weight:600;font-size:1rem}.tool-multiplier{color:var(--accent-green);font-size:.9rem;font-weight:500}.tool-multiplier.override{color:#f44336;text-shadow:0 0 4px rgba(244,67,54,.5)}.tool-bar-upgrade{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:6px;background:#0003;border:1px solid var(--border-color);transition:all .2s ease}.tool-bar-upgrade.available{cursor:pointer;border-color:var(--accent-gold);background:#daa5201a}.tool-bar-upgrade.available:hover{background:#daa52033;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.tool-bar-upgrade.locked{opacity:.7}.tool-bar-upgrade.maxed{border-color:var(--accent-green);background:#4caf501a}.upgrade-arrow{color:var(--text-secondary);font-size:.9rem}.upgrade-name{color:var(--text-primary);font-weight:500;font-size:.9rem}.upgrade-price{font-size:.85rem;font-weight:500}.upgrade-price.affordable{color:var(--accent-gold)}.upgrade-price.cant-afford{color:#f44336}.upgrade-req{color:var(--text-secondary);font-size:.85rem}.level-progress{display:flex;align-items:center;gap:.5rem}.level-progress .level-text{white-space:nowrap}.level-progress .level-bar{display:inline-block;width:50px;height:6px;background:#0000004d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.1);vertical-align:middle}.level-progress .level-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent-gold),#e6c200);border-radius:2px;transition:width .3s ease}.upgrade-multiplier{color:var(--accent-green);font-size:.85rem;font-weight:500}.upgrade-btn{background:var(--accent-green);color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-left:.25rem}.tool-bar-upgrade.available:hover .upgrade-btn{background:#66bb6a}.upgrade-complete{color:var(--accent-green);font-weight:500;font-size:.9rem}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.5rem}.upgrade-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.875rem;cursor:pointer;transition:all .2s ease;position:relative}.upgrade-card:hover:not(.locked){border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.upgrade-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.upgrade-card.owned{border-color:#5a5a5a;cursor:default}.upgrade-card.owned:hover{border-color:#5a5a5a;transform:none;box-shadow:none}.upgrade-card.active-buff{border-color:var(--accent-green);background:linear-gradient(145deg,#4caf5026,#0f1419f2);box-shadow:0 0 12px #4caf5033;cursor:default}.upgrade-card.active-buff:hover{border-color:var(--accent-green);transform:none}.upgrade-card.cant-afford{border-color:#f4433680}.upgrade-card.equipped{border-left:4px solid var(--accent-gold)}.upgrade-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.upgrade-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.upgrade-status{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:500}.upgrade-status.locked{color:var(--text-secondary)}.upgrade-status.active{background:#4caf5033;color:var(--accent-green)}.upgrade-status.owned{color:var(--text-secondary)}.upgrade-status.price{background:#ffd70026;color:var(--accent-gold)}.upgrade-status.price.cant-afford{background:#f4433626;color:#f44336}.upgrade-status.free{color:var(--accent-green)}.upgrade-card-stats{margin-top:.25rem}.upgrade-speed{color:var(--accent-green);font-size:.85rem;font-weight:500}.upgrade-speed.speed-override{color:#f44336;text-shadow:0 0 4px rgba(244,67,54,.5)}.upgrade-cost .sprite-icon-lg,.upgrade-price .sprite-icon-lg{transform:scale(.17);transform-origin:center center;margin:-27px;vertical-align:middle}.upgrade-cost .sprite-icon,.upgrade-price .sprite-icon{transform:scale(.5);transform-origin:center center;margin:-7px;vertical-align:middle}.reward-gold .sprite-icon-lg,.cost-icon .sprite-icon-lg,.gold-icon .sprite-icon-lg{transform:scale(.22);transform-origin:center center;margin:-25px;vertical-align:middle}.reward-gold .sprite-icon,.cost-icon .sprite-icon,.gold-icon .sprite-icon{transform:scale(.5);transform-origin:center center;margin:-7px;vertical-align:middle}.action-stat .stat-icon .sprite-icon-lg{transform:scale(.34);transform-origin:center center;margin:-21px;vertical-align:middle}.action-stat .stat-icon .sprite-icon{transform:scale(.7);transform-origin:center center;margin:-4px;vertical-align:middle}.upgrade-btn{background:var(--bg-secondary);padding:1rem;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;text-align:center;color:var(--text-primary)}.upgrade-btn:hover:not(:disabled){border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.upgrade-btn.active{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.upgrade-btn.locked{opacity:.5;cursor:not-allowed}.upgrade-level{color:var(--text-secondary);font-size:.8rem}.action-grid-section h3,.rocks-section h3,.trees-section h3,.fish-section h3,.targets-section h3,.resources-section h3{color:var(--accent-gold);margin-bottom:1rem;font-size:1.2rem}.action-grid,.rocks-grid,.targets-grid,.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.action-card,.rock-card,.tree-card,.fish-card,.target-card,.resource-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:0;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.5}.action-card:hover:not(.locked):not(.depleted),.rock-card:hover:not(.locked):not(.depleted),.tree-card:hover:not(.locked):not(.depleted),.fish-card:hover:not(.locked),.target-card:hover:not(.locked),.resource-card:hover:not(.locked){border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 8px 20px #0006,0 0 15px #daa5201a}.action-card:hover:not(.locked):before{background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:1}.action-card.active,.rock-card.active,.tree-card.active,.fish-card.active,.target-card.active,.resource-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.action-card.active:before{background:linear-gradient(90deg,transparent,var(--accent-green),transparent);opacity:1;animation:glow-line 2s ease-in-out infinite}@keyframes glow-line{0%,to{opacity:.7}50%{opacity:1}}.action-card.locked,.rock-card.locked,.tree-card.locked,.fish-card.locked,.target-card.locked,.resource-card.locked{opacity:.6;filter:grayscale(30%)}.action-card.depleted,.rock-card.depleted{opacity:.5}.output-hoverable{cursor:pointer;position:relative}.output-hoverable:hover{background:#ffffff0d;border-radius:4px}.locked .output-hoverable,.locked .output-row{opacity:1;filter:none}.action-card-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.action-icon,.rock-icon,.tree-icon,.fish-icon,.target-icon,.resource-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;flex-shrink:0}.action-title,.action-info{flex:1;min-width:0;display:flex;flex-direction:column}.action-name{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.125rem;display:block}.action-level{color:var(--text-secondary);font-size:.8rem;display:block}.action-card.locked .action-level{color:#ff9800}.action-level .req-met{color:#4caf50}.action-level .req-missing{color:#f44336}.action-stats{display:flex;gap:1rem;padding:.625rem 1rem;justify-content:center}.action-stat{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#00000040;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.action-stat .stat-icon{font-size:.9rem}.stat-icon.time-icon,.timer-icon,.time-icon{display:inline-block;width:24px;height:24px;background-image:url(assets/atlases/ui_icons-atlas.png);background-size:800% 100%;background-position:71.4286% 0%;background-repeat:no-repeat;vertical-align:middle}.mining-icon,.woodworking-icon,.smithing-icon,.woodcutting-icon,.alchemy-icon,.architecting-icon,.bounty-icon,.combat-icon,.cooking-icon,.farming-icon,.fishing-icon,.glyphbinding-icon,.pyre-icon,.crafting-icon,.pilfering-icon,.gatherer-icon,.husbandry-icon{display:inline-block;width:32px;height:32px;background-image:url(assets/atlases/skill_icons-atlas.png);background-size:800% 300%;background-repeat:no-repeat;vertical-align:middle}.alchemy-icon{background-position:0% 0%}.architecting-icon{background-position:14.2857% 0%}.bounty-icon{background-position:28.5714% 0%}.combat-icon{background-position:42.8571% 0%}.cooking-icon{background-position:57.1429% 0%}.crafting-icon{background-position:71.4286% 0%}.farming-icon{background-position:85.7143% 0%}.fishing-icon{background-position:100% 0%}.gatherer-icon{background-position:0% 50%}.glyphbinding-icon{background-position:14.2857% 50%}.husbandry-icon{background-position:28.5714% 50%}.mining-icon{background-position:42.8571% 50%}.pilfering-icon{background-position:57.1429% 50%}.pyre-icon{background-position:71.4286% 50%}.smithing-icon{background-position:85.7143% 50%}.woodcutting-icon{background-position:100% 50%}.woodworking-icon{background-position:0% 100%}.action-stat .stat-value{font-weight:600;font-size:.85rem}.action-stat.xp .stat-value{color:#8bc34a}.action-stat.gold .stat-value{color:var(--accent-gold)}.action-stat.drop{flex-direction:column;gap:.125rem;padding:.25rem .5rem}.action-stat.drop .stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:capitalize}.action-stat.drop .stat-value{color:#64b5f6}.action-stat.output{flex-direction:column;gap:.125rem;padding:.25rem .5rem}.action-stat.output .stat-label{font-size:.7rem;color:var(--text-secondary)}.action-stat.output .stat-value{color:#4fc3f7;text-transform:capitalize}.action-materials{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem 1rem;justify-content:center}.material-req{font-size:.8rem;padding:.125rem .5rem;border-radius:3px;text-transform:capitalize}.material-req.has{color:#8bc34a;background:#8bc34a1a}.material-req.missing{color:#f44336;background:#f443361a}.action-materials.insufficient{background:#f443360d;border-top:1px solid rgba(244,67,54,.2)}.recipe-details{display:flex;flex-direction:column;padding:.5rem .75rem;gap:.25rem}.recipe-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.recipe-label{color:var(--text-secondary);font-weight:500}.recipe-value{font-weight:600;text-transform:capitalize}.recipe-value.xp{color:#8bc34a}.recipe-value.output{color:#4fc3f7}.recipe-value.has{color:#8bc34a}.recipe-value.missing{color:#f44336}.material-line{display:block;font-size:.8rem;text-transform:capitalize}.material-line.has{color:#8bc34a}.material-line.missing{color:#f44336}.recipe-row.cost-row{flex-direction:column;align-items:flex-start;gap:.125rem}.recipe-row.cost-row .recipe-value{width:100%;text-align:left}.xp-override{color:#f44336;font-weight:700;text-shadow:0 0 4px rgba(244,67,54,.5)}.stat-value.boosted,.recipe-value.boosted,.drop-qty.boosted{color:#9370db!important;text-shadow:0 0 6px rgba(147,112,219,.5)}.action-card-info,.rock-info,.tree-info,.fish-info,.target-info,.resource-info{text-align:center;padding:.5rem}.action-card-name,.rock-name,.tree-name,.fish-name,.target-name,.resource-name{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.action-card-level,.rock-level,.tree-level,.fish-level,.target-level,.resource-level{color:var(--text-secondary);font-size:.85rem}.action-card-xp,.rock-xp,.tree-xp,.fish-xp,.target-xp,.resource-xp{color:#8bc34a;font-size:.9rem;margin-top:.25rem}.action-output{color:#4fc3f7;font-size:.9rem;font-weight:500}.rock-status{color:var(--accent-red);font-style:italic;font-size:.85rem;margin-top:.25rem}.action-progress-bar,.rock-progress-bar,.tree-progress-bar,.fish-progress-bar,.target-progress-bar,.resource-progress-bar{width:100%;height:8px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow:hidden;position:relative}.action-progress-fill,.rock-progress-fill,.tree-progress-fill,.fish-progress-fill,.target-progress-fill,.resource-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear;border-radius:2px}.action-btn,.mine-btn,.chop-btn,.fish-btn,.pickpocket-btn{width:100%;padding:.5rem;background:var(--accent-green);border:2px solid var(--border-color);color:#fff;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled),.mine-btn:hover:not(:disabled),.chop-btn:hover:not(:disabled),.fish-btn:hover:not(:disabled),.pickpocket-btn:hover:not(:disabled){background:#66bb6a;transform:translateY(-2px)}.action-btn.active,.mine-btn.active,.chop-btn.active,.fish-btn.active,.pickpocket-btn.active{background:var(--accent-red)}.action-btn.active:hover,.mine-btn.active:hover,.chop-btn.active:hover,.fish-btn.active:hover,.pickpocket-btn.active:hover{background:brown}.action-btn:disabled,.mine-btn:disabled,.chop-btn:disabled,.fish-btn:disabled,.pickpocket-btn:disabled{opacity:.5;cursor:not-allowed}.skill-placeholder{text-align:center;padding:3rem}.skill-placeholder h2{color:var(--accent-gold);font-size:2rem;margin-bottom:1rem;text-transform:capitalize}.skill-placeholder p{color:var(--text-secondary);font-size:1.1rem}.skill-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.skill-tab{position:relative;padding:.5rem 1rem;background:transparent;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-secondary);font-weight:600;font-size:.9rem;transition:all .2s}.skill-tab:hover:not(.locked):not(:disabled){background:#ffffff0d;border-color:var(--accent-gold);color:var(--text-primary)}.skill-tab.active{background:#daa5201a;color:var(--accent-gold);border-color:var(--accent-gold)}.skill-tab.locked{opacity:.5;cursor:not-allowed}.skill-tab.locked:hover{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.skill-tab-content{min-height:350px}.action-materials{padding:.5rem 1rem;font-size:.8rem;color:var(--text-secondary);text-align:center;border-top:1px solid rgba(255,255,255,.05)}.material-available{color:var(--accent-green)}.material-missing{color:#f44336}.action-card-body{flex:1;display:flex;flex-direction:column}.action-card-body .action-info{display:flex;justify-content:center;padding:.5rem 1rem}.action-card-body .action-xp{color:#8bc34a;font-size:.9rem;font-weight:500}.action-card-footer{padding:.5rem 1rem .75rem}.action-card-footer .action-button{width:100%;padding:.5rem;background:var(--accent-green);border:2px solid var(--border-color);color:#fff;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s}.action-card-footer .action-button:hover:not(:disabled){background:#66bb6a;transform:translateY(-1px)}.action-card-footer .action-button.active{background:var(--accent-red)}.action-card-footer .action-button.locked,.action-card-footer .action-button.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.action-card.disabled{opacity:.75}.alchemy-panel{display:grid;grid-template-columns:280px 1fr;gap:1rem;min-height:400px}.alchemy-list{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.alchemy-list .list-title{color:var(--accent-gold);font-size:1rem;padding:.75rem 1rem .5rem;margin:0;border-bottom:1px solid var(--border-color);background:#0003}.alchemy-list .list-items{flex:1;overflow-y:auto;padding:.5rem}.alchemy-list .list-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease;margin-bottom:.25rem}.alchemy-list .list-item:hover:not(.locked){background:#daa5201a}.alchemy-list .list-item.selected{background:#daa52033;border-left:3px solid var(--accent-gold)}.alchemy-list .list-item.locked{opacity:.5;cursor:default}.alchemy-list .list-item .item-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.alchemy-list .list-item .item-info{flex:1;min-width:0}.alchemy-list .list-item .item-name{display:block;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alchemy-list .list-item .item-level{color:var(--text-secondary);font-size:.8rem;margin-left:.25rem}.alchemy-list .list-item .item-quantity{font-weight:600;font-size:.9rem;color:var(--accent-green);min-width:30px;text-align:right}.alchemy-list .list-item .item-quantity.zero,.alchemy-list .list-item .item-quantity.insufficient{color:#f44336}.alchemy-list .list-footer{padding:.5rem 1rem;font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border-color);background:#00000026;text-align:center}.alchemy-detail{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column}.alchemy-detail.empty{align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem}.alchemy-detail .detail-title{color:var(--accent-gold);font-size:1.25rem;margin:0 0 .25rem}.alchemy-detail .detail-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.alchemy-detail .detail-info-box{display:flex;gap:1rem;background:#0003;border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin-bottom:1.25rem}.alchemy-detail .detail-info-box .info-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.alchemy-detail .detail-info-box .info-content{flex:1;display:flex;flex-direction:column;gap:.375rem}.alchemy-detail .detail-info-box .info-row{display:flex;gap:.5rem;font-size:.95rem}.alchemy-detail .detail-info-box .info-label{color:var(--text-secondary)}.alchemy-detail .detail-info-box .info-value{color:var(--text-primary);font-weight:500}.alchemy-detail .detail-info-box .info-value.insufficient{color:#f44336}.alchemy-detail .detail-info-box .info-value .zero{color:#f44336;font-weight:600}.alchemy-detail .detail-info-box .source-breakdown{font-size:.85rem}.alchemy-detail .detail-info-box .source-breakdown .info-value{color:var(--text-secondary);font-weight:400}.alchemy-detail .detail-locked{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#0000004d;border-radius:6px;color:var(--text-secondary);font-size:1rem}.alchemy-detail .detail-locked .lock-icon{font-size:1.25rem}.alchemy-detail .detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}.alchemy-detail .detail-actions .action-btn{padding:.625rem 1rem;background:var(--accent-green);border:2px solid var(--border-color);color:#fff;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.9rem}.alchemy-detail .detail-actions .action-btn:hover:not(:disabled):not(.disabled){background:#66bb6a;transform:translateY(-1px)}.alchemy-detail .detail-actions .action-btn.active{background:var(--accent-red)}.alchemy-detail .detail-actions .action-btn.active:hover{background:brown}.alchemy-detail .detail-actions .action-btn:disabled,.alchemy-detail .detail-actions .action-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.alchemy-detail .detail-actions .action-input-group{display:flex;align-items:stretch}.alchemy-detail .detail-actions .action-input-group .action-btn{border-radius:6px 0 0 6px;border-right:none}.alchemy-detail .detail-actions .action-input-group .amount-input{width:60px;padding:.5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0 6px 6px 0;color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:center}.alchemy-detail .detail-actions .action-input-group .amount-input:focus{outline:none;border-color:var(--accent-gold)}.alchemy-detail .detail-progress{margin-top:1rem}.alchemy-detail .detail-progress .progress-bar{width:100%;height:10px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:5px;overflow:hidden}.alchemy-detail .detail-progress .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.quantity-zero{color:#f44336;font-weight:600}.quantity-available{color:var(--accent-green);font-weight:600}.quantity-breakdown{color:var(--text-secondary);font-size:.85em}@media(max-width:768px){.alchemy-panel{grid-template-columns:1fr}.alchemy-list{max-height:250px}}.skill-item.admin-skill{border-color:#c62828;background:linear-gradient(135deg,var(--skill-bg) 0%,#4a2a2a 100%)}.skill-item.admin-skill:hover{border-color:#f44336;background:linear-gradient(135deg,var(--bg-secondary) 0%,#5a3a3a 100%)}.skill-item.admin-skill.active{border-color:#f44336;box-shadow:inset 0 0 10px #f443364d}.admin-interface{display:flex;flex-direction:column;gap:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--border-color);padding-bottom:1rem}.admin-header h2{font-size:2rem;color:#f44336}.override-indicator{background:#f44336;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.9rem;animation:pulse-indicator 1.5s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;box-shadow:0 0 5px #f4433680}50%{opacity:.8;box-shadow:0 0 15px #f44336cc}}.admin-content{display:flex;flex-direction:column;gap:1.5rem}.admin-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;padding:1rem}.admin-section h3{color:var(--accent-gold);margin-bottom:1rem;font-size:1.1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.admin-section h4{color:var(--text-secondary);font-size:.95rem;margin:1rem 0 .5rem}.admin-subsection{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.admin-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.admin-label{min-width:100px;color:var(--text-secondary);font-size:.95rem}.admin-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--text-primary);font-size:.9rem;width:80px;font-family:inherit}.admin-input:focus{outline:none;border-color:var(--accent-gold)}.admin-input[type=text]{width:150px}.admin-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--text-primary);font-size:.9rem;min-width:150px;font-family:inherit;cursor:pointer}.admin-select:focus{outline:none;border-color:var(--accent-gold)}.admin-btn-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.admin-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;padding:.4rem .75rem;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s;font-family:inherit;font-weight:400}.admin-btn:hover{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.admin-btn.danger{background:#c62828;border-color:#b71c1c;color:#fff}.admin-btn.danger:hover{background:#f44336;border-color:#e53935}.preset-grid{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn{min-width:50px}.preset-btn.active{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.admin-reset-section{border-color:#c62828}.admin-reset-section h3{color:#f44336}.active-overrides{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.override-list{display:flex;flex-wrap:wrap;gap:.5rem}.override-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--accent-gold);color:var(--bg-dark);padding:.25rem .5rem;border-radius:3px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.override-badge:hover{background:#e6a800;transform:scale(1.05)}.override-badge .remove-x{font-size:1rem;line-height:1;margin-left:.25rem;opacity:.7}.override-badge:hover .remove-x{opacity:1}.milestone-category{margin-bottom:1rem}.milestone-category h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.milestone-toggle-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0003;border-radius:4px;margin-bottom:.4rem;transition:background .2s}.milestone-toggle-row:hover{background:#0000004d}.milestone-toggle-row.completed{background:#4caf5026;border-left:3px solid #4caf50}.milestone-toggle-row .milestone-icon{font-size:1.2rem;flex-shrink:0}.milestone-toggle-row .milestone-name{font-weight:600;color:var(--text-primary);min-width:150px}.milestone-toggle-row .milestone-effect{flex:1;font-size:.85rem;color:var(--text-secondary)}.milestone-toggle-row .admin-btn.small{padding:.25rem .75rem;font-size:.8rem;min-width:60px}.milestone-toggle-row .admin-btn.small.active{background:linear-gradient(135deg,#c62828,#8b0000)}.compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.compact-title{display:flex;align-items:center;gap:.5rem}.compact-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.compact-icon .sprite-icon{transform:scale(.7);transform-origin:center}.compact-icon .sprite-icon-lg{transform:scale(.55);transform-origin:center}.compact-icon .skill-icon-img{width:48px;height:48px;background-size:contain;background-position:center;background-repeat:no-repeat}.compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.compact-level{font-size:1.25rem;color:var(--text-primary);font-weight:600}.compact-stats{display:flex;align-items:center;gap:1.25rem}.compact-stat{display:flex;align-items:baseline;gap:.4rem}.compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.compact-stat .stat-value{font-weight:600;font-size:1.15rem}.compact-stat.xp-total .stat-value,.compact-stat.xp-rate .stat-value{color:#8bc34a}.compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto}.tool-label{color:var(--text-secondary);font-size:.95rem}.tool-current{font-size:1rem;color:var(--accent-green);font-weight:600}.compact-upgrade{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary);padding:.3rem .6rem;background:#0003;border-radius:4px;border:1px solid var(--border-color)}.compact-upgrade.available{cursor:pointer;border-color:var(--accent-gold);background:#daa5201a}.compact-upgrade.available:hover{background:#daa52033}.compact-upgrade.locked{opacity:.7}.compact-upgrade.maxed{color:var(--accent-green);border-color:var(--accent-green);background:#4caf501a}.upgrade-lock{color:#ff9800;font-size:.8rem}.upgrade-cost{font-weight:600}.upgrade-cost.affordable{color:var(--accent-gold)}.upgrade-cost.cant-afford{color:#f44336}.compact-progress{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.compact-progress-bar{position:relative;flex:1;height:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.compact-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#e6c200);transition:width .2s ease}.compact-progress-text{font-size:1.05rem;color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-weight:500}.rock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}@media(min-width:1800px){.rock-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media(min-width:2400px){.rock-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}}.rock-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.rock-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--rock-color, #666);opacity:.7;transition:opacity .2s ease}.rock-card:hover:not(.locked){border-color:var(--rock-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.rock-card:hover:not(.locked):before{opacity:1}.rock-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.rock-card.active:before{background:var(--accent-green);opacity:1;animation:rock-glow-pulse 2s ease-in-out infinite}@keyframes rock-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.rock-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.rock-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.rock-icon-wrapper{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.rock-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.rock-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.rock-card.locked .rock-level{color:#ff9800;background:#ff980026}.rock-info{display:flex;justify-content:center;gap:1rem;padding:.2rem 1rem}.rock-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.rock-stat .stat-icon{flex-shrink:0}.rock-stat .stat-icon.mining-icon{width:32px;height:32px}.rock-stat .stat-icon.time-icon{width:24px;height:24px}.rock-stat .stat-label{color:var(--text-secondary)}.rock-stat .stat-value{font-weight:600;color:#8bc34a}.rock-stat .stat-value.xp{color:#8bc34a}.rock-drops{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.25rem;flex:1;border-top:1px solid rgba(255,255,255,.05)}.drop-info{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.drop-info.ore-drop{font-size:1.1rem}.drop-info.ore-drop .drop-name{color:var(--text-primary);font-weight:500}.drop-info .drop-name{color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;display:flex;align-items:center;gap:.25rem}.drop-info .drop-name .sprite-icon{flex-shrink:0}.drop-info .drop-name .sprite-icon-lg{transform:scale(.65);transform-origin:center center;margin:-11px}.drop-info .drop-qty{color:#8fbc8f;font-weight:500;flex-shrink:0;margin-left:.5rem}.drop-info .drop-stats{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.drop-info.gem-drop{font-size:1rem}.drop-info.gem-drop .drop-name{color:#5dade2}.drop-info.gem-drop .drop-chance{color:#ff9800;font-size:.85rem;font-weight:500;flex-shrink:0}.rock-action{padding:.5rem 1rem;display:flex;justify-content:center}.rock-action .action-btn{width:100%;padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:4px;background:var(--accent-green);color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:.9rem}.rock-action .action-btn:hover{background:#66bb6a;transform:translateY(-1px)}.rock-action .action-btn.active{background:var(--accent-red)}.rock-action .action-btn.active:hover{background:brown}.rock-action .action-btn:disabled{background:#555;cursor:not-allowed;transform:none}.rock-action .locked-text{color:var(--text-secondary);font-size:.85rem}.rock-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.rock-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear;width:0%}.rock-card.active .rock-progress-fill{box-shadow:0 0 8px #4caf5080}@media(max-width:1199px){.rock-info{padding:.2rem .75rem;gap:.75rem;flex-wrap:wrap}.rock-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.rock-stat .stat-icon.mining-icon{width:28px;height:28px}.rock-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.rock-header{padding:.625rem .875rem;gap:.625rem}.rock-name{font-size:1rem}.rock-level{font-size:.8rem}.rock-stat{font-size:.9rem;padding:.25rem .625rem}.rock-stat .stat-icon.mining-icon{width:36px;height:36px}.rock-stat .stat-icon.time-icon{width:28px;height:28px}.drop-info{font-size:1rem}.drop-info.ore-drop{font-size:1.15rem}.rock-action .action-btn{font-size:.95rem}.rock-progress{height:7px}}@media(min-width:2400px){.rock-header{padding:.75rem 1rem;gap:.75rem}.rock-name{font-size:1.1rem}.rock-level{font-size:.85rem}.rock-info{padding:.625rem 1.25rem;gap:1.25rem}.rock-stat{font-size:.95rem;padding:.3rem .75rem}.rock-stat .stat-icon.mining-icon{width:40px;height:40px}.rock-stat .stat-icon.time-icon{width:32px;height:32px}.rock-drops{padding:.625rem 1.25rem;gap:.375rem}.drop-info{font-size:1.05rem}.drop-info.ore-drop{font-size:1.2rem}.rock-action{padding:.75rem 1.25rem}.rock-action .action-btn{font-size:1rem}.rock-progress{height:8px}}.combat-interface.combat-v2{display:flex;flex-direction:column;gap:.75rem}.combat-header-v2{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.5rem 1rem}.combat-header-left{display:flex;align-items:center;gap:.5rem}.combat-header-v2 .combat-icon{font-size:1.5rem}.combat-header-v2 .combat-title{font-size:1.25rem;font-weight:700;color:var(--accent-gold)}.combat-header-v2 .combat-level{font-size:1rem;color:var(--text-primary);font-weight:600;margin-left:.25rem}.combat-header-center .style-toggles{display:flex;gap:.25rem}.combat-header-v2 .style-btn{padding:.35rem .6rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;font-size:1.1rem;cursor:pointer;transition:all .15s}.combat-header-v2 .style-btn:hover{border-color:var(--accent-gold)}.combat-header-v2 .style-btn.active{background:#daa52033;border-color:var(--accent-gold)}.combat-header-right{display:flex;align-items:center;gap:1rem}.combat-header-v2 .header-stat{font-size:.9rem;color:var(--text-primary)}.combat-header-v2 .header-stat .stat-label{color:var(--text-secondary);margin-right:.25rem}.combat-main{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:.75rem;min-height:320px;align-items:stretch}.combat-column{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;overflow:hidden}.combat-column.player-column{padding:0}.player-panel{display:flex;flex-direction:column;gap:.75rem}.player-panel-split{display:flex;gap:.75rem;height:100%}.player-equip-side{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.player-combat-side{width:130px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid #4caf50}.player-combat-side .combat-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center}.player-consumables-row{display:flex;gap:.5rem;align-items:flex-start}.player-consumables-row .player-consumables{flex-shrink:0}.magic-controls{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.magic-controls .mini-glyph-pouch,.magic-controls .spell-select-compact{margin-top:0}.monster-panel-split{display:flex;gap:.75rem;height:100%}.monster-combat-side{width:130px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:6px;border-right:3px solid #f44336}.monster-combat-side .combat-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-info-side{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;min-width:0}.monster-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.monster-icon-large{font-size:4rem;line-height:1}.monster-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.monster-zone{font-size:.8rem;color:var(--text-secondary)}.monster-subtitle{font-size:.75rem;color:var(--text-muted);font-style:italic}.monster-stats{display:flex;justify-content:center;gap:.75rem;font-size:.8rem;flex-wrap:wrap}.mob-stat{color:var(--text-secondary);white-space:nowrap}.monster-drops{display:flex;flex-direction:column;align-items:center;gap:.35rem}.drops-label,.debuffs-label,.buffs-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-align:center}.drops-grid{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.drop-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:1.1rem;cursor:help}.drop-item.rare{border-color:#ffd70099;background:#ffd7001a}.no-drops{font-size:.8rem;color:var(--text-muted);font-style:italic}.monster-actions{display:flex;justify-content:center;padding-top:.5rem;margin-top:auto}.monster-panel-idle{display:flex;align-items:center;justify-content:center;height:100%}.idle-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.monster-panel-idle .idle-icon{font-size:4rem;opacity:.4}.monster-panel-idle .idle-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.monster-panel-idle .idle-message{font-size:.9rem;color:var(--text-muted)}.combat-hp-bar{position:relative;height:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.combat-hp-bar .hp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .15s}.combat-hp-bar.hp-mid .hp-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combat-hp-bar.hp-low .hp-fill{background:linear-gradient(90deg,#f44336,#ff5722)}.combat-hp-bar.enemy .hp-fill{background:linear-gradient(90deg,#c62828,#ef5350)}.combat-hp-bar.enemy.hp-mid .hp-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combat-hp-bar.enemy.hp-low .hp-fill{background:linear-gradient(90deg,#4caf50,#8bc34a)}.combat-hp-bar .hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.combat-attack-bar{position:relative;height:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.combat-attack-bar .attack-fill{height:100%;width:0%;background:linear-gradient(90deg,#2196f3,#64b5f6);transition:width .05s linear}.monster-combat-side .combat-attack-bar .attack-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combat-attack-bar .attack-label{position:absolute;top:50%;right:6px;transform:translateY(-50%);font-size:.6rem;color:var(--text-secondary)}.combat-effects{display:flex;flex-direction:column;gap:.35rem;margin-top:auto}.combat-buffs,.combat-debuffs{display:flex;flex-direction:column;gap:.15rem}.buffs-list,.debuffs-list{display:flex;flex-wrap:wrap;gap:.2rem}.no-effects{font-size:.65rem;color:var(--text-muted);font-style:italic}.buff-chip{display:flex;align-items:center;gap:.15rem;padding:.2rem .4rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.7rem}.buff-chip.buff{border-color:#4caf5080;background:#4caf5026}.buff-chip.debuff{border-color:#f4433680;background:#f4433626}.buff-chip .buff-icon{font-size:.85rem}.buff-chip .buff-timer{color:var(--text-secondary);font-weight:500}.combat-text-area{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem;overflow:hidden;display:flex;flex-direction:column-reverse;gap:.15rem;font-size:.7rem}.combat-text-area .damage-text{padding:.1rem .25rem;border-radius:2px;animation:fadeIn .2s ease}.combat-text-area .damage-text.player-damage{color:#4caf50}.combat-text-area .damage-text.monster-damage{color:#f44336}.combat-text-area .damage-text.crit{font-weight:700;color:#ffc107}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.combat-arena{display:flex;flex-direction:column;gap:.75rem;height:100%}.combat-box{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.combat-box.player-box{border-color:#4caf5066}.combat-box.monster-box{border-color:#f4433666}.combat-box.fighting{box-shadow:0 0 10px #ffffff1a}.combat-box-header{display:flex;align-items:center;gap:.5rem}.combat-box-header .combatant-icon{font-size:1.5rem}.combat-box-header .combatant-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.combat-box-header .combatant-zone{font-size:.8rem;color:var(--text-secondary);margin-left:auto}.combat-box .combat-hp-bar{position:relative;height:28px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.combat-box .combat-hp-bar .hp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .15s}.combat-box .combat-hp-bar.hp-mid .hp-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combat-box .combat-hp-bar.hp-low .hp-fill{background:linear-gradient(90deg,#f44336,#ff5722)}.combat-box .combat-hp-bar.enemy .hp-fill{background:linear-gradient(90deg,#c62828,#ef5350)}.combat-box .combat-hp-bar.empty{background:var(--bg-tertiary)}.combat-box .combat-hp-bar .hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.combat-attack-bar{position:relative;height:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.combat-attack-bar .attack-fill{height:100%;background:linear-gradient(90deg,#ff9800,#ffc107);transition:width .1s linear}.combat-attack-bar .attack-fill.player{background:linear-gradient(90deg,#2196f3,#64b5f6)}.combat-attack-bar .attack-label{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.7rem}.combat-buffs-row{display:flex;flex-wrap:wrap;gap:.3rem;min-height:24px;align-items:center}.combat-buff,.combat-debuff{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0000004d;border-radius:4px;font-size:.9rem;cursor:help}.combat-buff.potion{border:1px solid rgba(76,175,80,.5)}.combat-buff.spell{border:1px solid rgba(138,43,226,.5)}.combat-debuff{border:1px solid rgba(244,67,54,.5)}.no-buffs{color:var(--text-secondary);font-size:.8rem}.combat-text-area{min-height:30px;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;justify-content:center}.combat-text-area .damage-number{font-weight:700;animation:floatUp 1s ease-out forwards}.combat-text-area .damage-number.player-hit{color:#ef5350}.combat-text-area .damage-number.player-dealt{color:#4caf50}.combat-text-area .damage-number.heal{color:#81c784}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.combat-idle-message{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:1rem 0}.stop-combat-btn{padding:.5rem 1rem;background:linear-gradient(145deg,#8b0000,#5c0000);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.stop-combat-btn:hover{background:linear-gradient(145deg,#a00000,#8b0000)}.combat-column.monster-column{flex:1;display:flex;flex-direction:column}.combat-arena{display:flex;flex-direction:column;gap:.5rem;height:100%}.combatant-row{display:grid;grid-template-columns:120px 1fr auto;gap:.75rem;align-items:center;padding:.5rem;background:var(--bg-tertiary);border-radius:6px}.combatant-row.player-row{border-left:3px solid #4caf50}.combatant-row.monster-row{border-left:3px solid #f44336}.combatant-identity{display:flex;align-items:center;gap:.5rem}.combatant-icon{font-size:1.5rem}.combatant-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combatant-bars{display:flex;flex-direction:column;gap:.35rem}.combatant-bars .hp-bar{position:relative;height:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.combatant-bars .hp-bar .hp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .15s}.combatant-bars .hp-bar.hp-mid .hp-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combatant-bars .hp-bar.hp-low .hp-fill{background:linear-gradient(90deg,#f44336,#ff5722)}.combatant-bars .hp-bar.enemy .hp-fill{background:linear-gradient(90deg,#c62828,#ef5350)}.combatant-bars .hp-bar.enemy.hp-mid .hp-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combatant-bars .hp-bar.enemy.hp-low .hp-fill{background:linear-gradient(90deg,#4caf50,#8bc34a)}.combatant-bars .hp-bar .hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.combatant-bars .attack-bar{position:relative;height:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.combatant-bars .attack-bar .attack-fill{height:100%;width:0%;background:linear-gradient(90deg,#2196f3,#64b5f6);transition:width .05s linear}.combatant-row.monster-row .attack-bar .attack-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.combatant-bars .attack-bar .attack-label{position:absolute;top:50%;right:6px;transform:translateY(-50%);font-size:.65rem;color:var(--text-secondary)}.combatant-effects{display:flex;flex-wrap:wrap;gap:.25rem;min-width:60px;justify-content:flex-end}.combatant-effects .no-effects{color:var(--text-muted);font-size:.8rem}.combat-vs{text-align:center;font-size:1.25rem;color:var(--text-secondary);padding:.25rem 0}.combat-actions{display:flex;align-items:center;gap:1rem;margin-top:auto;padding-top:.5rem}.combat-zone-label{font-size:.8rem;color:var(--text-secondary);margin-left:auto}.combat-arena.idle .combat-idle-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.5rem;padding:1.5rem}.combat-idle-state .idle-icon{font-size:3rem;opacity:.4}.combat-idle-state .idle-message{font-size:.9rem;color:var(--text-muted);text-align:center}.player-hp-bar{position:relative;height:28px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow:hidden}.player-hp-bar .hp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .2s}.player-hp-bar.hp-mid .hp-fill{background:linear-gradient(90deg,#ff9800,#ffc107)}.player-hp-bar.hp-low .hp-fill{background:linear-gradient(90deg,#f44336,#ff5722)}.player-hp-bar .hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.equipment-sets-row{display:flex;gap:.35rem;justify-content:center;margin-bottom:.5rem}.equipment-sets-row .set-btn{padding:.35rem .6rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;font-size:1.1rem;cursor:pointer;transition:all .15s}.equipment-sets-row .set-btn:hover{border-color:var(--accent-gold)}.equipment-sets-row .set-btn.active{background:#daa52033;border-color:var(--accent-gold)}.player-equipment{display:flex;flex-direction:column;align-items:center}.equipment-grid-v2{display:flex;flex-direction:column;align-items:center;gap:.25rem}.equipment-grid-v2 .equip-row{display:flex;gap:.35rem;justify-content:center}.equip-slot-v2{width:64px;height:64px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:all .15s}.equip-slot-v2.empty{opacity:.6}.equip-slot-v2.filled:hover{border-color:var(--accent-red);transform:scale(1.05)}.equip-slot-v2 .slot-icon{display:flex;align-items:center;justify-content:center}.equip-slot-v2.ammo-slot{position:relative}.equip-slot-v2 .ammo-qty{position:absolute;bottom:2px;right:2px;font-size:.65rem;background:#000000d9;color:#fff;padding:1px 4px;border-radius:3px;min-width:16px;text-align:center;font-weight:600}.equip-spacer{width:64px;height:64px}.player-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem;margin:.4rem 0;padding:.35rem;background:var(--bg-tertiary);border-radius:6px}.player-stats-grid .stat-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .4rem;background:#0003;border-radius:4px;border-left:2px solid var(--stat-color, var(--border-color))}.player-stats-grid .stat-item:nth-child(1){--stat-color: #ef5350}.player-stats-grid .stat-item:nth-child(2){--stat-color: #42a5f5}.player-stats-grid .stat-item:nth-child(3){--stat-color: #ffca28}.player-stats-grid .stat-item:nth-child(4){--stat-color: #66bb6a}.player-stats-grid .stat-label{font-size:.7rem;color:var(--text-secondary);white-space:nowrap}.player-stats-grid .stat-value{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-left:auto}.player-consumables{display:flex;gap:.5rem;flex-wrap:wrap}.player-consumables .food-section{position:relative}.consumable-slot{position:relative;width:44px;height:44px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.consumable-slot:hover{border-color:var(--accent-gold)}.consumable-slot .consumable-icon{font-size:1.2rem}.consumable-slot .consumable-qty{position:absolute;bottom:1px;right:2px;font-size:.65rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.consumable-slot.locked{opacity:.5;border-color:var(--border-color)}.consumable-slot .consumable-label{font-size:.55rem;color:var(--text-secondary)}.consumable-slot.empty{opacity:.5}.food-section{display:flex;align-items:center;gap:.5rem;position:relative}.spell-select-compact{display:inline-flex;align-items:center;align-self:center;gap:.5rem;padding:.5rem .75rem;background:#8a2be226;border:2px solid rgba(138,43,226,.4);border-radius:4px;cursor:pointer;transition:all .15s;margin-top:.5rem}.spell-select-compact:hover{border-color:#8a2be2b3}.spell-select-compact .spell-icon{font-size:1.2rem}.spell-select-compact .spell-name{flex:1;color:var(--text-primary);font-size:.9rem}.spell-select-compact .spell-arrow{color:var(--text-secondary);font-size:.7rem}.monster-panel{display:flex;flex-direction:column;gap:.75rem;height:100%}.monster-hp-bar{position:relative;height:28px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow:hidden}.monster-hp-bar .hp-fill.enemy{height:100%;background:linear-gradient(90deg,#e53935,#ff7043);transition:width .2s}.monster-hp-bar.empty{background:var(--bg-tertiary)}.monster-hp-bar .hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.monster-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.monster-display.idle{color:var(--text-secondary)}.monster-display.preview{color:var(--text-primary)}.monster-hp-bar.preview{background:#daa52033;border-color:var(--accent-gold)}.monster-hp-bar.preview .hp-text{color:var(--accent-gold)}.preview-mobs{display:flex;gap:.5rem;margin:.5rem 0;justify-content:center}.preview-mob-icon{font-size:1.5rem;cursor:help;padding:.25rem;border-radius:4px;border:2px solid transparent;transition:all .15s}.preview-mob-icon.clickable{cursor:pointer}.preview-mob-icon.clickable:hover{border-color:var(--accent-gold);background:#daa5201a}.preview-mob-icon.targeted{border-color:var(--accent-gold);background:#daa52033}.preview-more{font-size:.85rem;color:var(--text-secondary);align-self:center}.preview-loot{margin:.5rem 0;text-align:center}.preview-loot-label{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.preview-loot-items{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.preview-loot-item{font-size:1.1rem;cursor:help}.preview-loot .no-loot{font-size:.8rem;color:var(--text-secondary);font-style:italic}.preview-actions{display:flex;gap:.5rem;margin-top:.75rem}.preview-actions .start-btn{padding:.5rem 1.25rem;background:#4ade8033;border:2px solid rgba(74,222,128,.5);border-radius:4px;color:#4ade80;font-weight:600;cursor:pointer;transition:all .15s}.preview-actions .start-btn:hover{background:#4ade804d;border-color:#4ade80}.preview-actions .cancel-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.preview-actions .cancel-btn:hover{border-color:var(--text-secondary)}.monster-icon-large{font-size:4rem;margin-bottom:.5rem}.monster-message{font-size:.9rem;text-align:center}.monster-display.fighting .monster-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.monster-display.fighting .monster-zone{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.monster-display.fighting .monster-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.stop-fighting-btn{margin-top:.75rem;padding:.5rem 1.25rem;background:#f4433633;border:2px solid rgba(244,67,54,.5);border-radius:4px;color:#f44336;font-weight:500;cursor:pointer;transition:all .15s}.stop-fighting-btn:hover{background:#f443364d;border-color:#f44336}.combat-loot-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.5rem .75rem}.combat-loot-section .loot-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.combat-loot-section .loot-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.combat-loot-section .loot-count{font-size:.8rem;color:var(--text-secondary)}.combat-loot-section .collect-all-btn{margin-left:auto;padding:.3rem .75rem;background:#4ade8033;border:1px solid rgba(74,222,128,.4);border-radius:4px;color:#4ade80;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.combat-loot-section .collect-all-btn:hover{background:#4ade804d;border-color:#4ade80}.combat-loot-section .loot-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.combat-loot-section .loot-slot{position:relative;aspect-ratio:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.95rem}.combat-loot-section .loot-slot.filled{cursor:pointer;transition:all .15s}.combat-loot-section .loot-slot.filled:hover{border-color:var(--accent-gold);background:#daa5201a}.combat-loot-section .loot-slot.empty{opacity:.3}.combat-loot-section .loot-qty{position:absolute;bottom:0;right:1px;font-size:.55rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}.spell-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.spell-modal-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;min-width:320px;max-width:400px;display:flex;flex-direction:column}.spell-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--accent-gold)}.spell-modal-header .close-modal-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.spell-modal-header .close-modal-btn:hover{color:var(--text-primary)}.spell-modal-content.spell-modal-wide{min-width:800px;max-width:950px}.spell-modal-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem}.spell-element-column{display:flex;flex-direction:column;gap:.75rem}.spell-element-column .no-spells{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:1rem}.spell-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center;position:relative}.spell-card:hover:not(.locked){border-color:#8a2be280;transform:translateY(-2px)}.spell-card.selected{background:#8a2be226;border-color:#8a2be299}.spell-card.locked{opacity:.5;cursor:not-allowed}.spell-card.no-glyphs{border-color:#ff646466}.spell-card-icon{font-size:2.25rem;margin-bottom:.5rem}.spell-card-name{color:var(--text-primary);font-weight:600;font-size:1rem;line-height:1.2;margin-bottom:.35rem}.spell-card-dmg{font-size:.95rem;color:var(--accent-gold);font-weight:600;margin-bottom:.35rem}.spell-card-effect{font-size:.8rem;color:#60a5fa;margin-bottom:.5rem;text-align:center}.spell-card-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.spell-glyph-cost{display:flex;align-items:center;gap:.35rem;font-size:1.1rem;color:var(--text-primary);background:var(--bg-primary);padding:.35rem .5rem;border-radius:4px}.spell-glyph-cost .glyph-qty{font-weight:600;font-size:.9rem}.spell-glyph-cost.missing{color:var(--error-color);background:#ff64641a}.spell-glyph-cost .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px;vertical-align:middle}.spell-glyph-cost .sprite-icon-lg{transform:scale(.28);transform-origin:center center;margin:-23px;vertical-align:middle}.spell-card-costs .no-cost{font-size:.85rem;color:var(--text-secondary);font-style:italic}.spell-card-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:.35rem .6rem;border-radius:4px;font-size:.85rem;color:var(--text-primary);white-space:nowrap}.player-consumables .potion-section{display:flex;gap:.35rem;align-items:center;position:relative}.consumable-slot.potion-add{opacity:.6;border-style:dashed}.consumable-slot.potion-add:hover{opacity:1}.potion-belt-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.potion-belt-modal-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;width:650px;max-height:90vh;display:flex;flex-direction:column}.potion-belt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--accent-gold);gap:1rem}.potion-belt-modal-header .belt-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.potion-belt-modal-header .belt-toggle-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;font-size:.75rem;font-weight:600}.potion-belt-modal-header .belt-toggle-btn.on{background:#4ade8033;border-color:#4ade80;color:#4ade80}.potion-belt-modal-header .belt-toggle-btn.off{background:#f4433633;border-color:#f44336;color:#f44336}.potion-belt-modal-header .close-modal-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.potion-belt-modal-body{padding:.75rem;overflow-y:auto}.potion-belt-modal-body .belt-info{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem;text-align:center}.belt-slots-grid{display:flex;flex-direction:column;gap:.35rem}.belt-slot{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.belt-slot-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;cursor:pointer}.belt-slot.filled .belt-slot-header{cursor:default}.belt-slot.empty .belt-slot-header:hover{background:#daa5201a}.belt-slot .slot-number{font-size:.9rem;font-weight:600;color:var(--accent-gold);min-width:60px}.belt-slot .slot-empty-text{flex:1;font-size:.8rem;color:var(--text-secondary);font-style:italic}.belt-slot .slot-arrow{font-size:.7rem;color:var(--text-secondary)}.belt-slot .slot-content{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--border-color)}.belt-slot .slot-potion{font-size:2rem;flex-shrink:0}.belt-slot .slot-potion-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:1rem;min-width:0}.belt-slot .slot-potion-name{color:var(--text-primary);font-size:.95rem;font-weight:600;white-space:nowrap;flex-shrink:0}.belt-slot .slot-potion-effect{font-size:.85rem;line-height:1.4;color:var(--text-secondary);flex:1;min-width:0}.belt-slot .slot-qty{color:var(--accent-gold);font-size:1rem;font-weight:600;flex-shrink:0}.belt-slot .slot-remove{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.belt-slot .slot-remove:hover{color:#f44336}.belt-potion-options{border-top:1px solid var(--border-color);max-height:280px;overflow-y:auto}.belt-potion-option{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.belt-potion-option:hover{background:#daa52026}.belt-potion-option:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.belt-potion-option .option-icon{font-size:1.75rem;flex-shrink:0}.belt-potion-option .option-name{font-size:.95rem;color:var(--text-primary);font-weight:600;white-space:nowrap;flex-shrink:0}.belt-potion-option .option-effect{flex:1;font-size:.85rem;color:var(--text-secondary);min-width:0}.belt-potion-option .option-qty{font-size:.9rem;color:var(--accent-gold);font-weight:600;flex-shrink:0}.belt-no-potions{padding:.75rem;text-align:center;font-size:.8rem;color:var(--text-secondary);font-style:italic}.glyph-pouch-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.glyph-pouch-modal-content{background:var(--bg-secondary);border:2px solid rgba(138,43,226,.5);border-radius:8px;width:480px;max-height:90vh;display:flex;flex-direction:column}.glyph-pouch-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-weight:600;color:#8a2be2e6;gap:1rem}.glyph-pouch-modal-header .glyph-total{flex:1;font-size:.85rem;color:var(--text-secondary);font-weight:400}.glyph-pouch-modal-header .close-modal-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.glyph-pouch-modal-body{padding:1rem;overflow-y:auto}.pouch-section{margin-bottom:1rem}.pouch-section-label{font-size:.85rem;font-weight:600;color:#8a2be2e6;margin-bottom:.5rem}.pouch-section-label .pouch-hint{font-weight:400;color:var(--text-secondary);font-size:.75rem}.pouch-slots-row{display:flex;gap:.5rem;justify-content:center}.pouch-slot{width:52px;height:52px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s}.pouch-slot.filled{border-color:#8a2be280}.pouch-slot.filled:hover{border-color:#f44336;background:#f443361a}.pouch-slot.empty{border-style:dashed;opacity:.5;cursor:default}.pouch-slot-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;overflow:visible}.pouch-slot-icon .sprite-icon{transform:scale(1);transform-origin:center center;margin:-2px}.pouch-slot-icon .sprite-icon-lg{transform:scale(.44);transform-origin:center center;margin:-18px}.pouch-slot-empty{font-size:1.2rem;color:#8a2be280}.pouch-slot-qty{position:absolute;bottom:2px;right:2px;font-size:.65rem;background:#000000d9;color:#fff;padding:1px 4px;border-radius:3px;font-weight:600}.inventory-section{border-top:1px solid var(--border-color);padding-top:1rem}.inventory-section-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.inventory-section-label .inventory-hint{font-weight:400;font-size:.75rem}.glyph-categories-grid{display:flex;flex-direction:column;gap:.75rem}.glyph-category{display:flex;align-items:center;gap:.75rem}.glyph-category-name{font-size:.75rem;color:var(--text-secondary);min-width:70px;text-align:right}.glyph-category-items{display:flex;gap:.5rem;flex-wrap:wrap}.inv-glyph{width:44px;height:44px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .15s}.inv-glyph.available{cursor:pointer;border-color:#8a2be266}.inv-glyph.available:hover{border-color:#8a2be2cc;background:#8a2be21a}.inv-glyph.unavailable{opacity:.35;cursor:not-allowed}.inv-glyph-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;overflow:visible}.inv-glyph-icon .sprite-icon{transform:scale(.8);transform-origin:center center;margin:-4px}.inv-glyph-icon .sprite-icon-lg{transform:scale(.34);transform-origin:center center;margin:-21px}.inv-glyph-qty{position:absolute;bottom:2px;right:2px;font-size:.6rem;background:#000000d9;color:#fff;padding:1px 3px;border-radius:3px;font-weight:600}.mini-glyph-pouch.clickable{cursor:pointer;transition:border-color .15s}.mini-glyph-pouch.clickable:hover{border-color:#8a2be299}.combat-zones-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem}.combat-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.combat-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.combat-interface .compact-title{display:flex;align-items:center;gap:.5rem}.combat-interface .compact-icon{font-size:1.75rem}.combat-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.combat-interface .compact-level{font-size:1.25rem;color:var(--text-primary);font-weight:600}.combat-interface .compact-stats{display:flex;align-items:center;gap:1.25rem}.combat-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.combat-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.combat-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.combat-interface .compact-stat.xp-total .stat-value,.combat-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.combat-interface .compact-stat.kills .stat-value{color:#cd5c5c}.combat-interface .combat-player-stats{display:flex;align-items:center;gap:1rem;margin-left:auto}.combat-interface .player-stat{display:flex;align-items:center;gap:.3rem;font-size:1rem;color:var(--text-primary);padding:.25rem .5rem;background:#0000004d;border-radius:4px}.combat-interface .player-stat.style-melee{background:#cd5c5c4d;border:1px solid rgba(205,92,92,.5);color:#f08080}.combat-interface .player-stat.style-ranged{background:#90ee904d;border:1px solid rgba(144,238,144,.5);color:#98fb98}.combat-interface .player-stat.style-magic{background:#8a2be24d;border:1px solid rgba(138,43,226,.5);color:orchid}.combat-interface .combat-layout{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem}.combat-interface .combat-layout .combat-arena{flex:1;min-width:0}.combat-interface .effects-column{width:clamp(100px,8vw,150px);min-width:100px;display:flex;flex-direction:column;gap:.5rem}.combat-interface .effects-section{background:#0000004d;border:1px solid var(--border-color);border-radius:6px;padding:.4rem;min-height:60px}.combat-interface .effects-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color);text-align:center}.combat-interface .effects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}.combat-interface .spell-buffs,.combat-interface .potion-buffs{display:contents}.combat-interface .player-effects .buffs-section{border-color:#4ade8066;background:#4ade8014}.combat-interface .player-effects .buffs-section .effects-label{color:#4ade80}.combat-interface .player-effects .debuffs-section{border-color:#ef444466;background:#ef444414}.combat-interface .player-effects .debuffs-section .effects-label{color:#ef4444}.combat-interface .mob-effects .buffs-section{border-color:#ef444466;background:#ef444414}.combat-interface .mob-effects .buffs-section .effects-label{color:#ef4444}.combat-interface .mob-effects .debuffs-section{border-color:#4ade8066;background:#4ade8014}.combat-interface .mob-effects .debuffs-section .effects-label{color:#4ade80}.combat-interface .buff-indicator,.combat-interface .debuff-indicator{display:flex;align-items:center;justify-content:center;gap:.15rem;padding:.2rem .25rem;background:#0006;border:1px solid var(--border-color);border-radius:4px;font-size:.65rem;cursor:help}.combat-interface .buff-indicator.potion{border-color:#8a2be299;background:#8a2be226}.combat-interface .buff-indicator.defense{border-color:#8b5a2b99;background:#8b5a2b26}.combat-interface .buff-indicator.crit{border-color:#87ceeb99;background:#87ceeb26}.combat-interface .buff-indicator.hot{border-color:#4ade8099;background:#4ade8026}.combat-interface .debuff-indicator.dot{border-color:#ff643299;background:#ff643226}.combat-interface .debuff-indicator.slow{border-color:#87ceeb99;background:#87ceeb26}.combat-interface .debuff-indicator.corruption{border-color:#8a2be299;background:#8a2be226}.combat-interface .debuff-indicator.mark{border-color:#ffd70099;background:#ffd70026}.combat-interface .debuff-indicator.fusion{border-color:#ff64b499;background:#ff64b426}.combat-interface .buff-icon,.combat-interface .debuff-icon{font-size:.75rem;flex-shrink:0;cursor:inherit;user-select:none}.combat-interface .buff-timer,.combat-interface .debuff-timer{color:var(--text-primary);font-size:.6rem;font-weight:500;flex-shrink:0;cursor:inherit;user-select:none}.combat-interface .effects-list:empty+.effects-section,.combat-interface .effects-section:has(.effects-list:empty){opacity:.5}@media(max-width:900px){.combat-interface .combat-layout{flex-direction:column}.combat-interface .effects-column{width:100%;flex-direction:row;gap:.5rem}.combat-interface .effects-section{flex:1;min-height:auto}.combat-interface .effects-list{display:flex;flex-direction:row;flex-wrap:wrap}}@media(max-width:1920px){.combat-interface .effects-label{font-size:.7rem}.combat-interface .buff-indicator,.combat-interface .debuff-indicator{padding:.25rem .3rem}.combat-interface .buff-icon,.combat-interface .debuff-icon{font-size:.85rem}.combat-interface .buff-timer,.combat-interface .debuff-timer{font-size:.65rem}}.combat-interface .combat-hp-row{margin:.5rem 0}.combat-interface .hp-bar-container{position:relative;height:24px;background:#00000080;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.combat-interface .hp-bar-fill{height:100%;transition:width .2s ease;border-radius:3px}.combat-interface .hp-bar-container.hp-high .hp-bar-fill{background:linear-gradient(90deg,#2e8b2e,#4caf50)}.combat-interface .hp-bar-container.hp-mid .hp-bar-fill{background:linear-gradient(90deg,#b8860b,orange)}.combat-interface .hp-bar-container.hp-low .hp-bar-fill{background:linear-gradient(90deg,#8b0000,#dc143c)}.combat-interface .hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.combat-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.combat-interface .compact-progress-bar{position:relative;flex:1;height:18px;background:#0006;border-radius:4px;overflow:hidden}.combat-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold) 0%,#b8860b 100%);border-radius:4px;transition:width .3s ease}.combat-interface .compact-progress-percent{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:#fff}.combat-interface .compact-progress-text{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.combat-interface .active-combat{background:linear-gradient(145deg,#3c14144d,#1e0a0a80);border:2px solid #8b0000;border-radius:8px;padding:1rem;margin-bottom:.5rem}.combat-interface .combat-warning{background:linear-gradient(145deg,#ff98004d,#ff572266);border:2px solid #ff9800;border-radius:6px;padding:.75rem 1rem;margin-bottom:.75rem;text-align:center;font-weight:600;font-size:1rem;color:#ffcc80;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 8px #ff980066}50%{box-shadow:0 0 16px #ff9800cc}}.combat-interface .combat-arena{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;margin-bottom:1rem}.combat-interface .combatant{display:flex;gap:.75rem;flex:1;max-width:320px;background:#0000004d;border-radius:8px;padding:.75rem;position:relative;overflow:visible}.combat-interface .combatant.player-side{flex-direction:row;border:1px solid rgba(74,222,128,.3)}.combat-interface .combatant.mob-side{flex-direction:row-reverse;border:1px solid rgba(220,20,60,.3)}.combat-interface .combatant-avatar{width:80px;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:8px;border:2px solid var(--border-color)}.combat-interface .combatant-avatar .avatar-icon{font-size:2.5rem}.combat-interface .player-avatar{border-color:#4ade8066;background:linear-gradient(145deg,#4ade801a,#0006)}.combat-interface .mob-avatar{border-color:#dc143c66;background:linear-gradient(145deg,#dc143c1a,#0006)}.combat-interface .combatant-info{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.combat-interface .combatant-name{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.combat-interface .mob-side .combatant-name{color:tomato;justify-content:flex-end}.combat-interface .player-side .combatant-name{color:#4ade80}.combat-interface .combatant-hp-bar{position:relative;height:18px;background:#00000080;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.combat-interface .combatant-hp-bar.hp-high{border-color:#2e8b2e80}.combat-interface .combatant-hp-bar.hp-mid{border-color:#ffa50080}.combat-interface .combatant-hp-bar.hp-low{border-color:#dc143c80}.combat-interface .combatant-hp-bar.mob-hp{border-color:#8b000080}.combat-interface .combatant-hp-fill{height:100%;transition:width .15s ease;border-radius:3px}.combat-interface .combatant-hp-bar.hp-high .combatant-hp-fill{background:linear-gradient(90deg,#2e8b2e,#4caf50)}.combat-interface .combatant-hp-bar.hp-mid .combatant-hp-fill{background:linear-gradient(90deg,#b8860b,orange)}.combat-interface .combatant-hp-bar.hp-low .combatant-hp-fill,.combat-interface .combatant-hp-bar.mob-hp .combatant-hp-fill{background:linear-gradient(90deg,#8b0000,#dc143c)}.combat-interface .combatant-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap}.combat-interface .attack-bar-container{display:flex;align-items:center;gap:.4rem}.combat-interface .attack-bar-label{font-size:.7rem;color:var(--text-secondary);width:40px;flex-shrink:0}.combat-interface .attack-bar{flex:1;height:10px;background:#00000080;border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.combat-interface .attack-bar-fill{height:100%;transition:width .05s linear;border-radius:2px}.combat-interface .player-attack-fill{background:linear-gradient(90deg,#2196f3,#64b5f6)}.combat-interface .mob-attack-bar{border-color:#ff98004d}.combat-interface .mob-attack-fill{background:linear-gradient(90deg,#ff9800,#ffb74d)}.combat-interface .attack-speed-text{font-size:.7rem;color:var(--text-secondary);min-width:32px;text-align:right}.combat-interface .combatant-stats{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.combat-interface .mob-side .combatant-stats{justify-content:flex-end}.combat-interface .combatant-stats .style-indicator{padding:.1rem .3rem;border-radius:3px}.combat-interface .combatant-stats .style-melee{background:#cd5c5c4d;color:#f08080}.combat-interface .combatant-stats .style-ranged{background:#90ee904d;color:#98fb98}.combat-interface .combatant-stats .style-magic{background:#8a2be24d;color:orchid}.combat-interface .mob-drops-inline{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem;justify-content:flex-start}.combat-interface .mob-drops-inline .inline-drop{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0006;border:1px solid var(--border-color);border-radius:4px;cursor:help;overflow:hidden}.combat-interface .mob-drops-inline .inline-drop.rare{border-color:#a855f799;background:#a855f726}.combat-interface .mob-drops-inline .inline-drop .drop-icon{font-size:.85rem;line-height:1}.combat-interface .mob-drops-inline .inline-drop .sprite-icon{transform:scale(.5);transform-origin:center center}.combat-interface .mob-drops-inline .inline-drop .sprite-icon-lg{transform:scale(.35)}.combat-interface .mob-drops-inline .no-drops{font-size:.7rem;color:var(--text-secondary);font-style:italic}.combat-interface .combat-vs{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5);min-width:50px}.combat-interface .combat-zone-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(139,0,0,.3)}.combat-interface .combat-zone-bar .zone-label{color:var(--text-secondary);font-size:.9rem}.combat-interface .combat-zone-bar .zone-name{font-weight:600;color:var(--text-primary)}.combat-interface .combat-zone-bar .stop-btn{padding:.5rem 1rem;background:#8b0000;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s;margin-left:auto}.combat-interface .combat-zone-bar .stop-btn:hover{background:#a00000}.combat-interface .combatant-name .mob-weakness,.combat-interface .combatant-name .mob-resistance{display:inline-flex;align-items:center;font-size:.8rem;padding:.1rem .3rem;border-radius:3px;cursor:help}.combat-interface .combatant-name .mob-weakness{background:#4caf5033;color:#81c784}.combat-interface .combatant-name .mob-resistance{background:#f4433633;color:#e57373}.combat-interface .death-overlay{display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#000c,#280000cc)}.combat-interface .death-message{text-align:center;padding:1.5rem 2rem}.combat-interface .death-icon{font-size:3rem;display:block;margin-bottom:.5rem}.combat-interface .death-message h3{margin:0 0 .5rem;color:#f44;font-size:1.5rem}.combat-interface .death-message p{margin:0 0 1rem;color:var(--text-secondary)}.combat-interface .respawn-timer{font-size:1.5rem;font-weight:700;color:tomato}.combat-interface .respawn-progress{height:8px;background:#00000080;border-radius:4px;overflow:hidden}.combat-interface .respawn-bar{height:100%;background:linear-gradient(90deg,#8b0000,#dc143c);transition:width .5s linear}.combat-interface .skill-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.combat-interface .skill-tab{flex:1;padding:.6rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.combat-interface .skill-tab:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.combat-interface .skill-tab.active{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color:var(--accent-gold);color:var(--accent-gold)}.combat-interface .zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.combat-interface .zone-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.combat-interface .zone-card:not(.locked):hover{border-color:var(--zone-color, var(--accent-gold));transform:translateY(-2px)}.combat-interface .zone-card.active{border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.combat-interface .zone-card.locked{opacity:.6}.combat-interface .zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.combat-interface .zone-card .zone-name{font-size:1.1rem;font-weight:700;color:var(--zone-color, var(--text-primary))}.combat-interface .zone-level{font-size:.9rem;color:var(--text-secondary);background:#0000004d;padding:.2rem .5rem;border-radius:4px}.combat-interface .zone-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;font-style:italic}.combat-interface .zone-mobs{display:flex;gap:.4rem;margin-bottom:.5rem;font-size:.9rem}.combat-interface .mobs-label{color:var(--text-secondary)}.combat-interface .mobs-list{color:#cd5c5c;font-weight:500}.combat-interface .style-hints{display:flex;gap:.4rem;margin-left:auto}.combat-interface .style-hint{display:flex;align-items:center;font-size:.85rem;padding:.1rem .3rem;border-radius:3px;cursor:help}.combat-interface .style-hint.weak{background:#4caf5026;color:#81c784}.combat-interface .style-hint.resist{background:#f4433626;color:#e57373}.combat-interface .zone-stats{display:flex;gap:1rem;margin-bottom:.5rem}.combat-interface .zone-stat{display:flex;gap:.3rem;font-size:.85rem}.combat-interface .zone-stat .stat-label{color:var(--text-secondary)}.combat-interface .zone-stat .stat-value{color:#8bc34a;font-weight:600}.combat-interface .zone-loot{display:flex;gap:.4rem;font-size:.85rem;margin-bottom:.75rem}.combat-interface .loot-label{color:var(--text-secondary)}.combat-interface .loot-preview{color:var(--accent-gold)}.combat-interface .zone-action-btn{width:100%;padding:.6rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.combat-interface .zone-action-btn.start{background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#fff}.combat-interface .zone-action-btn.start:hover{background:linear-gradient(145deg,#388e3c,#2e7d32)}.combat-interface .zone-action-btn.stop{background:linear-gradient(145deg,#8b0000,#5c0000);color:#fff}.combat-interface .zone-action-btn.stop:hover{background:linear-gradient(145deg,#a00000,#8b0000)}.combat-interface .zone-locked-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;border-radius:6px}.combat-interface .lock-icon{font-size:2rem;margin-bottom:.25rem}.combat-interface .lock-text{font-size:.9rem;color:var(--text-secondary)}.combat-interface .zone-card.corrupted-heavy{border-color:#8b000066;background:linear-gradient(145deg,#140505f2,#280a0ae6)}.combat-interface .zone-card.corrupted-heavy .zone-name{font-family:monospace;animation:textGlitch .5s infinite;text-shadow:2px 0 #ff0000,-2px 0 #00ff00;opacity:.7;letter-spacing:2px}.combat-interface .zone-card.corrupted-heavy .zone-description{font-family:monospace;opacity:.5;color:var(--text-secondary);animation:textGlitch .8s infinite reverse}.combat-interface .zone-card.corrupted-heavy .pyre-requirement{opacity:.6;animation:textGlitch 1.2s infinite}@keyframes textGlitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(2px,-1px)}}.combat-interface .zone-card.corrupted-light{border-color:#ff6b354d;background:linear-gradient(145deg,#1e0f0af2,#32140ae6)}.combat-interface .zone-card.corrupted-light .zone-name{animation:textFlicker 3s infinite;text-shadow:1px 0 rgba(255,107,53,.5);color:var(--text-primary)}.combat-interface .zone-card.corrupted-light .zone-description{opacity:.75;color:var(--text-secondary)}.combat-interface .zone-card.corrupted-light .tier-preview-row{display:flex;justify-content:space-between;padding:.2rem 0;font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,107,53,.1)}.combat-interface .zone-card.corrupted-light .tier-preview-row:last-child{border-bottom:none}.combat-interface .zone-card.corrupted-light .tier-preview-name{color:#ff6b35b3}.combat-interface .zone-card.corrupted-light .tier-preview-mobs{color:var(--text-secondary);opacity:.6}.combat-interface .zone-card.corrupted-light .zone-tiers-preview{margin:.5rem 0;padding:.4rem .6rem;background:#0003;border-radius:4px}@keyframes textFlicker{0%,95%,to{opacity:1}96%{opacity:.8;transform:translate(1px)}97%{opacity:1}98%{opacity:.7;transform:translate(-1px)}}.combat-interface .no-zones{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1rem}@media(max-width:900px){.combat-interface .combat-arena{flex-direction:column;gap:.75rem}.combat-interface .combatant{max-width:100%}.combat-interface .combatant.mob-side{flex-direction:row}.combat-interface .mob-side .combatant-name,.combat-interface .mob-side .combatant-stats{justify-content:flex-start}.combat-interface .combat-vs{display:none}}@media(max-width:768px){.combat-interface .compact-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.combat-interface .combat-player-stats{margin-left:0}.combat-interface .combat-zone-bar{flex-wrap:wrap}.combat-interface .combat-zone-bar .stop-btn{margin-left:0;width:100%;margin-top:.5rem}.combat-interface .combatant-avatar{width:60px;height:60px;min-width:60px}.combat-interface .combatant-avatar .avatar-icon{font-size:2rem}.combat-interface .zone-grid{grid-template-columns:1fr}}.combat-interface .auto-consumables-panel{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem}.combat-interface .auto-consumables-panel.locked{opacity:.7}.combat-interface .auto-consumables-header{display:flex;align-items:center;justify-content:center;padding-bottom:.4rem;margin-bottom:.4rem;border-bottom:1px solid var(--border-color)}.combat-interface .auto-consumables-title{font-weight:600;font-size:.9rem;color:var(--text-primary)}.combat-interface .auto-consumables-lock{font-size:.85rem;color:var(--text-secondary);margin-left:.5rem}.combat-interface .auto-consumables-grid{display:flex;gap:0}.combat-interface .auto-consumables-divider{width:1px;background:var(--border-color);margin:0 .5rem}.combat-interface .auto-food-column,.combat-interface .auto-potion-column{flex:1;padding:.4rem;border-radius:6px;background:#0003}.combat-interface .auto-potion-column.enabled{background:#4ade8014}.combat-interface .auto-potion-column.locked{opacity:.7}.combat-interface .column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.combat-interface .column-title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.combat-interface .auto-eat-food{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;min-width:80px}.combat-interface .auto-eat-food.empty{opacity:.6;border-style:dashed}.combat-interface .auto-eat-food .food-icon{font-size:1.2rem}.combat-interface .auto-eat-food .food-qty{font-size:.85rem;color:var(--text-secondary)}.combat-interface .auto-eat-threshold{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.combat-interface .threshold-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.combat-interface .threshold-slider{flex:1;min-width:60px;max-width:120px;height:5px;-webkit-appearance:none;appearance:none;background:#6464644d;border-radius:3px;outline:none}.combat-interface .threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-gold);border-radius:50%;cursor:pointer}.combat-interface .threshold-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-gold);border-radius:50%;cursor:pointer;border:none}.combat-interface .threshold-value{font-size:.8rem;font-weight:600;color:var(--text-primary);min-width:35px}.combat-interface .auto-eat-food{cursor:pointer;transition:border-color .2s,background .2s}.combat-interface .auto-eat-food:hover{border-color:var(--accent-gold);background:#daa5201a}.combat-interface .auto-eat-food-container{position:relative}.combat-interface .food-selection-backdrop{position:fixed;inset:0;z-index:9998}.combat-interface .food-selection-dropdown{position:fixed;z-index:9999;min-width:260px;max-height:350px;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:6px;box-shadow:0 4px 12px #00000080;overflow-y:auto}.combat-interface .food-selection-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0000004d;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.9rem;color:var(--accent-gold)}.combat-interface .food-selection-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1}.combat-interface .food-selection-close:hover{color:var(--text-primary)}.combat-interface .food-selection-list{max-height:200px;overflow-y:auto}.combat-interface .food-selection-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.combat-interface .food-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-color)}.combat-interface .food-option:last-child{border-bottom:none}.combat-interface .food-option:hover{background:#daa52026}.combat-interface .food-option-icon{font-size:1.1rem}.combat-interface .food-option-name{flex:1;font-size:.9rem;color:var(--text-primary)}.combat-interface .food-option-heal{font-size:.8rem;color:#4ade80;font-weight:500}.combat-interface .food-option-qty{font-size:.8rem;color:var(--text-secondary);min-width:40px;text-align:right}.combat-interface .food-selection-section{border-bottom:1px solid var(--border-color)}.combat-interface .food-selection-section:last-child{border-bottom:none}.combat-interface .food-section-label{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);padding:.5rem .75rem .25rem;letter-spacing:.5px}.combat-interface .food-option.equipped{background:#daa5201a;position:relative}.combat-interface .food-option.equipped .food-remove-btn{position:static;width:20px;height:20px;min-width:20px;background:var(--error-color);border:none;border-radius:4px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:1}.combat-interface .food-option.equipped .food-remove-btn:hover{background:#f44}.combat-interface .threshold-section{padding:.5rem .75rem}.combat-interface .threshold-slider-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.combat-interface .threshold-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer}.combat-interface .threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-gold);border-radius:50%;cursor:pointer}.combat-interface .threshold-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-gold);border-radius:50%;border:none;cursor:pointer}.combat-interface .threshold-slider-row .threshold-value{min-width:40px;font-size:.9rem;font-weight:600;color:var(--accent-gold)}.combat-interface .threshold-hint{font-size:.7rem;color:var(--text-secondary);font-style:italic}.combat-interface .potion-belt-lock{font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:.5rem 0}.combat-interface .potion-belt-slots{display:flex;flex-wrap:wrap;gap:.4rem}.combat-interface .potion-belt-slot{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.combat-interface .potion-belt-slot .slot-icon{font-size:1.1rem}.combat-interface .potion-belt-slot .slot-potion-icon{font-size:1.3rem}.combat-interface .potion-belt-slot .slot-qty{font-size:.6rem;color:orchid;font-weight:600;position:absolute;bottom:2px;right:3px}.combat-interface .potion-belt-slot.empty{opacity:.5;border-style:dashed}.combat-interface .potion-belt-slot.empty:hover{opacity:.8;border-color:orchid}.combat-interface .potion-belt-slot.filled{border-color:#8a2be280;background:#8a2be226}.combat-interface .potion-belt-slot.filled:hover{border-color:orchid;background:#8a2be240}.combat-interface .auto-potion-section.enabled .potion-belt-slot.filled{box-shadow:0 0 4px #8a2be24d}.combat-interface .potion-belt-slot-container{position:relative}.combat-interface .potion-selection-backdrop{position:fixed;inset:0;z-index:99}.combat-interface .potion-selection-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:100;min-width:260px;max-height:300px;background:var(--bg-secondary);border:2px solid #da70d6;border-radius:6px;margin-bottom:4px;box-shadow:0 4px 12px #00000080;overflow:hidden}.combat-interface .potion-selection-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#8a2be233;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.9rem;color:orchid}.combat-interface .potion-selection-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1}.combat-interface .potion-selection-close:hover{color:var(--text-primary)}.combat-interface .potion-selection-list{max-height:250px;overflow-y:auto}.combat-interface .potion-selection-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.combat-interface .potion-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-color)}.combat-interface .potion-option:last-child{border-bottom:none}.combat-interface .potion-option:hover{background:#8a2be226}.combat-interface .potion-option-icon{font-size:1.1rem;min-width:24px;text-align:center}.combat-interface .potion-option-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.combat-interface .potion-option-name{font-size:.9rem;color:var(--text-primary);font-weight:500}.combat-interface .potion-option-effect{font-size:.75rem;color:orchid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-interface .potion-option-qty{font-size:.8rem;color:var(--text-secondary);min-width:40px;text-align:right}.combat-interface .combat-player-section{display:flex;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.combat-interface .combat-equipment-panel{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;flex:1;min-width:280px}.combat-interface .equipment-panel-content{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}.combat-interface .equipment-mini-grid{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(5,40px);gap:3px;background:#0000004d;padding:6px;border-radius:8px}.combat-interface .equip-slot{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0006;border:1px solid var(--border-color);border-radius:4px;font-size:1.1rem}.combat-interface .equip-slot .empty-slot{opacity:.4;font-size:1rem}.combat-interface .equip-slot .equipped-item{font-size:1.3rem}.combat-interface .equip-slot.clickable{cursor:pointer;transition:background-color .15s,border-color .15s}.combat-interface .equip-slot.clickable:hover{background:#ff64644d;border-color:var(--danger-color, #e74c3c)}.combat-interface .equip-slot .ammo-slot{position:relative}.combat-interface .equip-slot .ammo-qty{position:absolute;bottom:-2px;right:-2px;font-size:.6rem;background:#000c;color:#fff;padding:1px 3px;border-radius:3px;min-width:14px;text-align:center}.combat-interface .combat-stats-summary{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.combat-interface .combat-stats-summary .stat-row{display:flex;justify-content:space-between;font-size:.85rem;gap:.5rem}.combat-interface .combat-stats-summary .stat-row span:first-child{color:var(--text-secondary)}.combat-interface .combat-stats-summary .stat-row span:last-child{font-weight:600;color:var(--text-primary)}.combat-interface .equipment-sets-section{display:flex;flex-direction:column;gap:.5rem;margin-left:auto}.combat-interface .equipment-set-buttons{display:flex;gap:.4rem}.combat-interface .set-btn{padding:.4rem .6rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:1.1rem}.combat-interface .set-btn:hover{border-color:var(--accent-gold);color:var(--text-primary)}.combat-interface .set-btn.active{background:#daa52033;border-color:var(--accent-gold);color:var(--accent-gold)}.combat-interface .save-set-btn{padding:.3rem .5rem;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.combat-interface .save-set-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.save-set-modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.save-set-modal .save-set-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;max-width:320px;text-align:center}.save-set-modal h3{margin:0 0 .5rem;color:var(--accent-gold)}.save-set-modal p{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem}.save-set-modal .save-set-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.save-set-modal .save-set-option{padding:.75rem 1rem;background:#0000004d;border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s}.save-set-modal .save-set-option:hover{border-color:var(--accent-gold);background:#daa5201a}.save-set-modal .save-set-cancel{padding:.5rem 1rem;background:transparent;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);cursor:pointer}.save-set-modal .save-set-cancel:hover{border-color:var(--text-primary);color:var(--text-primary)}.combat-interface .zone-kill-badge{position:absolute;top:4px;right:4px;background:linear-gradient(145deg,#cd5c5c,#8b0000);color:#fff;font-size:.7rem;font-weight:700;padding:2px 5px;border-radius:8px;box-shadow:0 2px 4px #0000004d;z-index:1;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-interface .zone-mob-info{display:flex;gap:.75rem;font-size:.85rem;margin-bottom:.5rem;flex-wrap:wrap;align-items:center}.combat-interface .zone-mob-info .mob-hp{color:#dc143c}.combat-interface .zone-mob-info .mob-speed{color:#87ceeb}.combat-interface .zone-mob-info .style-hints{margin-left:0}.combat-interface .compact-stat.kills-rate .stat-value{color:#cd5c5c}@media(max-width:768px){.combat-interface .combat-player-section{flex-direction:column}.combat-interface .combat-equipment-panel{min-width:100%}.combat-interface .equipment-panel-content{justify-content:center}.combat-interface .equipment-sets-section{margin-left:0;width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.combat-interface .zone-cleared-badge{position:absolute;top:4px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;box-shadow:0 2px 4px #0000004d;z-index:1;letter-spacing:.5px}.combat-interface .zone-card.cleared{border-color:#2e7d3280}.combat-interface .zone-clear-progress{margin:.5rem 0}.combat-interface .clear-progress-bar{height:8px;background:#0006;border-radius:4px;overflow:hidden;margin-bottom:.25rem}.combat-interface .clear-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32);transition:width .3s ease;border-radius:4px}.combat-interface .clear-progress-text{font-size:.75rem;color:var(--text-secondary);text-align:center;display:block}.combat-interface .zone-pyre-req{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;margin-bottom:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.combat-interface .zone-pyre-req .pyre-label{color:var(--text-primary)}.combat-interface .zone-pyre-req.sufficient .pyre-label{color:#4caf50}.combat-interface .zone-pyre-req.insufficient .pyre-label{color:#ff9800}.combat-interface .zone-pyre-req.bonus .pyre-label{color:#ffc107}.combat-interface .zone-pyre-req .pyre-stats{font-size:.75rem;font-weight:500}.combat-interface .zone-pyre-req .pyre-stats.penalty{color:#ef5350}.combat-interface .zone-pyre-req .pyre-stats.bonus{color:#4ade80}.combat-interface .target-farming-section{margin:.5rem 0;padding:.5rem;background:#0003;border-radius:6px;border:1px dashed rgba(74,222,128,.3)}.combat-interface .target-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.combat-interface .target-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;min-width:52px;background:#0000004d;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.combat-interface .target-btn:hover{background:#4ade8033;border-color:#4ade8080;transform:translateY(-2px)}.combat-interface .target-btn .target-icon{font-size:1.25rem;line-height:1}.combat-interface .target-btn .target-kills{font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.combat-interface .pyre-penalty-warning{display:flex;align-items:center;gap:.5rem;background:#ff980026;border:1px solid rgba(255,152,0,.4);border-radius:4px;padding:.5rem .75rem;margin-top:.5rem}.combat-interface .pyre-penalty-warning .penalty-icon{font-size:1rem}.combat-interface .pyre-penalty-warning .penalty-text{font-size:.8rem;color:#ff9800;font-weight:500}.combat-interface .pyre-bonus-indicator{display:flex;align-items:center;gap:.5rem;background:#ffc10726;border:1px solid rgba(255,193,7,.4);border-radius:4px;padding:.5rem .75rem;margin-top:.5rem}.combat-interface .pyre-bonus-indicator .bonus-icon{font-size:1rem}.combat-interface .pyre-bonus-indicator .bonus-text{font-size:.8rem;color:#ffc107;font-weight:500}.combat-interface .preview-pyre-bonus{background:#ffc10726;border:1px solid rgba(255,193,7,.4);border-radius:4px;padding:.5rem .75rem;color:#ffc107;font-size:.85rem;text-align:center}.combat-interface .combat-zone-bar .target-indicator{font-size:.85rem;color:#4ade80;font-style:italic}.combat-preview-panel{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.98) 100%);border:2px solid var(--accent-gold);border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 20px #0006}.combat-preview-panel .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.combat-preview-panel .preview-header h3{margin:0;color:var(--accent-gold);font-size:1.25rem}.combat-preview-panel .preview-subtitle{font-size:.85rem;color:var(--text-secondary);font-style:italic}.combat-preview-panel .preview-mob-section{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#0003;border-radius:8px}.combat-preview-panel .preview-mob-avatar{width:80px;height:80px;background:linear-gradient(145deg,#ffffff0d,#0003);border:2px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center}.combat-preview-panel .preview-mob-icon{font-size:2.5rem}.combat-preview-panel .preview-mob-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.combat-preview-panel .preview-mob-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.combat-preview-panel .preview-mob-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary)}.combat-preview-panel .preview-mob-stats span{background:#0000004d;padding:.25rem .5rem;border-radius:4px}.combat-preview-panel .preview-mob-weaknesses{display:flex;gap:.75rem;flex-wrap:wrap}.combat-preview-panel .mob-weakness{color:#4ade80;font-size:.9rem}.combat-preview-panel .mob-resistance{color:#f87171;font-size:.9rem}.combat-preview-panel .mob-neutral{color:var(--text-secondary);font-size:.9rem;font-style:italic}.combat-preview-panel .preview-loot-section{margin-bottom:1rem}.combat-preview-panel .preview-section-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.combat-preview-panel .preview-loot-grid{display:flex;gap:.5rem;flex-wrap:wrap}.combat-preview-panel .loot-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#0003;border:1px solid var(--border-color);border-radius:6px;min-width:50px}.combat-preview-panel .loot-item.rare{border-color:#a855f7;background:#a855f71a}.combat-preview-panel .loot-icon{font-size:1.25rem}.combat-preview-panel .loot-chance{font-size:.7rem;color:var(--text-secondary)}.combat-preview-panel .loot-item.rare .loot-chance{color:#a855f7}.combat-preview-panel .preview-pyre-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.85rem;color:#ff9800}.combat-preview-panel .preview-actions{display:flex;gap:.75rem;justify-content:center}.combat-preview-panel .attack-btn{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.combat-preview-panel .attack-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.combat-preview-panel .cancel-btn{padding:.75rem 1.5rem;font-size:1rem;background:#ffffff1a;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.combat-preview-panel .cancel-btn:hover{background:#ffffff26;color:var(--text-primary)}.combat-preview-panel .preview-mobs-row{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.combat-preview-panel .preview-mob-card{flex:1;min-width:180px;max-width:280px;background:#0000004d;border:2px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center;position:relative;transition:all .2s ease}.combat-preview-panel .preview-mob-card.clickable{cursor:pointer}.combat-preview-panel .preview-mob-card.clickable:hover{border-color:var(--accent-gold);background:#daa5201a;transform:translateY(-2px)}.combat-preview-panel .preview-mob-card.targeted{border-color:var(--accent-gold);background:#daa52033;box-shadow:0 0 10px #daa5204d}.combat-preview-panel .preview-mob-card .preview-mob-icon{font-size:1.75rem;margin-bottom:.25rem}.combat-preview-panel .preview-mob-card .preview-mob-name{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-preview-panel .preview-mob-card .preview-mob-stats-row{display:flex;justify-content:center;gap:.35rem;font-size:.7rem;color:var(--text-secondary);flex-wrap:wrap}.combat-preview-panel .preview-mob-card .preview-mob-stats-row span{background:#0000004d;padding:.15rem .3rem;border-radius:3px}.combat-preview-panel .preview-mob-card .preview-mob-extra{display:flex;justify-content:center;gap:.5rem;margin-top:.35rem;font-size:.75rem}.combat-preview-panel .preview-mob-card .weak-resist{display:flex;gap:.25rem}.combat-preview-panel .preview-mob-card .mob-weak{color:#4ade80}.combat-preview-panel .preview-mob-card .mob-resist{color:#f87171}.combat-preview-panel .preview-mob-card .mob-weak.unknown,.combat-preview-panel .preview-mob-card .mob-resist.unknown{color:#888}.combat-preview-panel .preview-mob-card .mob-neutral,.combat-preview-panel .preview-mob-card .kills{color:var(--text-secondary)}.combat-preview-panel .preview-mob-card .mob-loot-btn{position:absolute;top:.35rem;right:.35rem;background:none;border:none;font-size:.8rem;cursor:pointer;opacity:.6;padding:.15rem;transition:opacity .2s,transform .2s}.combat-preview-panel .preview-mob-card .mob-loot-btn:hover{opacity:1;transform:scale(1.2)}.target-farming-hint{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0003;border-radius:6px;margin-bottom:.75rem;font-size:.8rem;color:var(--text-secondary)}.target-farming-hint .hint-icon{font-size:1rem}.target-farming-hint.unlocked{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.target-farming-hint.active{background:#daa52026;border:1px solid rgba(218,165,32,.4);color:var(--accent-gold)}.combat-preview-panel .preview-pyre-bonus{padding:.5rem .75rem;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:6px;color:#4ade80;font-size:.85rem;margin-bottom:.75rem;text-align:center}.combat-preview-panel .preview-mob-loot{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.combat-preview-panel .loot-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0000004d;border-radius:4px;font-size:.9rem;cursor:default;overflow:hidden}.combat-preview-panel .loot-icon.common{border:1px solid rgba(255,255,255,.15)}.combat-preview-panel .loot-icon.rare{border:1px solid rgba(218,165,32,.5);background:#daa5201a}.combat-preview-panel .loot-icon .sprite-icon{transform:scale(.75);transform-origin:center center;margin:-4px}.combat-preview-panel .loot-icon .sprite-icon-lg{transform:scale(.32);transform-origin:center center;margin:-20px}.preview-zone-drops{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#0003;border-radius:6px;margin-bottom:.75rem}.preview-zone-drops .zone-drops-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.preview-zone-drops .zone-drops-icons{display:flex;flex-wrap:wrap;gap:.35rem}.preview-zone-drops .loot-icon{width:28px;height:28px;font-size:1rem;overflow:hidden}.preview-zone-drops .loot-icon .sprite-icon{transform:scale(.85);transform-origin:center center;margin:-2px}.preview-zone-drops .loot-icon .sprite-icon-lg{transform:scale(.36);transform-origin:center center;margin:-18px}.damage-number{position:absolute;top:0;left:50%;transform:translate(calc(-50% + var(--offset-x, 0px)),-100%);font-size:1.2rem;font-weight:700;pointer-events:none;z-index:100;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;animation:damage-float .8s ease-out forwards}.damage-damage{color:#ff6b6b}.damage-dot{color:#ff4500;font-size:1.1rem}.damage-miss{color:#888;font-size:1rem;font-style:italic}.damage-evaded{color:#60a5fa;font-size:1.1rem;font-weight:600}.damage-heal{color:#4ade80}@keyframes damage-float{0%{opacity:1;transform:translate(calc(-50% + var(--offset-x, 0px)),-100%) scale(1.2)}20%{transform:translate(calc(-50% + var(--offset-x, 0px)),-130%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--offset-x, 0px)),-200%)}}.combat-interface .zone-patrol{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.combat-interface .patrol-btn{width:100%;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;transition:all .2s}.combat-interface .patrol-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);color:var(--text-primary)}.combat-interface .patrol-btn.patrolling{background:#8b451333;border-color:#8b4513;color:peru}.combat-interface .patrol-btn.patrolling:hover{background:#8b45134d;border-color:peru}.combat-interface .patrol-icon{font-size:1rem}.combat-interface .patrol-status{display:block;font-size:.7rem;margin-top:.25rem;text-align:center}.combat-interface .patrol-status.idle{color:#ef4444}.combat-interface .patrol-status.non-combat{color:#f59e0b;text-transform:capitalize}.combat-interface .patrol-status.researching{color:#4ade80}.combat-interface .zone-patrol.idle .patrol-btn.patrolling{border-color:#ef4444;background:#ef44441a}.combat-interface .zone-patrol.non-combat .patrol-btn.patrolling{border-color:#f59e0b;background:#f59e0b1a}.combat-interface .zone-patrol.researching .patrol-btn.patrolling{border-color:#4ade80;background:#4ade801a;color:#4ade80}.patrol-select-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.patrol-select-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;min-width:280px;max-width:400px}.patrol-select-content h3{margin:0 0 .5rem;color:var(--accent-gold);font-size:1rem}.patrol-select-content .patrol-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.patrol-pet-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.patrol-pet-btn{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem;transition:all .2s}.patrol-pet-btn:hover{background:var(--bg-primary);border-color:var(--accent-gold)}.patrol-pet-btn .pet-icon{font-size:1.5rem}.patrol-cancel-btn{width:100%;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.patrol-cancel-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.patrol-select-content.patrol-manage{text-align:center}.patrol-manage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.patrol-manage-header h3{margin:0;font-size:1.1rem}.patrol-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px}.patrol-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.patrol-current-pet{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.75rem}.patrol-current-pet .pet-icon-large{font-size:2.5rem}.patrol-current-pet .pet-name{font-weight:600;color:var(--text-primary);font-size:1rem}.patrol-research-status{margin:0 0 .5rem;color:#a78bfa;font-size:.85rem;font-weight:500}.patrol-manage .patrol-description{margin:0 0 1rem;text-align:center}.patrol-actions{display:flex;gap:.75rem;justify-content:center}.patrol-stop-btn{padding:.6rem 1.25rem;background:#dc2626;border:1px solid #ef4444;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.patrol-stop-btn:hover{background:#b91c1c}.patrol-change-btn{padding:.6rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.patrol-change-btn:hover{background:var(--bg-primary);border-color:var(--accent-gold)}.mob-drops-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:0 .25rem;margin-left:.25rem;opacity:.7;transition:opacity .2s,transform .2s;vertical-align:middle}.mob-drops-btn:hover{opacity:1;transform:scale(1.2)}.mob-drops-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.mob-drops-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1rem;min-width:280px;max-width:400px;max-height:80vh;overflow-y:auto}.mob-drops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.mob-drops-header h3{margin:0;color:var(--accent-gold);font-size:1.1rem}.mob-drops-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px}.mob-drops-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mob-drops-list{display:flex;flex-direction:column;gap:.5rem}.mob-drop-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px}.mob-drop-item .drop-icon{font-size:1.25rem;min-width:1.5rem;text-align:center;overflow:hidden}.mob-drop-item .drop-name{flex:1;color:var(--text-primary);font-size:.9rem}.mob-drop-item .drop-qty{color:var(--text-secondary);font-size:.85rem;margin-right:.5rem}.mob-drop-item .drop-chance{color:#4ade80;font-weight:600;font-size:.85rem;min-width:50px;text-align:right}.drop-category-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:.25rem 0;margin-top:.25rem;border-bottom:1px solid var(--border-color)}.drop-category-label:first-child{margin-top:0}.drop-category-label.rare{color:#a78bfa}.mob-drop-item .drop-icon .sprite-icon{transform:scale(.75);transform-origin:center center;margin:-4px}.mob-drop-item .drop-icon .sprite-icon-lg{transform:scale(.5);transform-origin:center center;margin:-12px -8px}.combat-interface .style-hint.unknown,.combat-interface .mob-weakness.unknown,.combat-interface .mob-resistance.unknown,.combat-interface .mob-unknown{color:#888;font-style:italic}.combat-interface .style-hint.unknown{opacity:.7}.zone-research-section{background:#0003;border-radius:4px;padding:.5rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.05)}.zone-research-section.complete{padding:.35rem .5rem;text-align:center}.zone-research-section .research-complete-badge{color:#4ade80;font-size:.8rem;font-weight:600}.zone-research-section .research-header{margin-bottom:.375rem}.zone-research-section .research-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.zone-research-section .research-mobs{display:flex;flex-direction:column;gap:.375rem}.mob-research-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.mob-research-name{flex:0 0 auto;min-width:100px;color:var(--text-primary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-research-bars{flex:1;display:flex;gap:.25rem}.research-bar{flex:1;height:14px;background:#0000004d;border-radius:3px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.research-bar.weakness .research-bar-fill{height:100%;background:linear-gradient(90deg,#ff9800,#ff5722);transition:width .3s ease}.research-bar.resistance .research-bar-fill{height:100%;background:linear-gradient(90deg,#9c27b0,#7b1fa2);transition:width .3s ease}.research-bar .research-text,.research-bar .research-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:600;white-space:nowrap}.research-bar .research-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;color:#4ade80;text-shadow:0 1px 2px rgba(0,0,0,.8)}.research-bar.revealed{background:#4ade8033;border-color:#4ade8066}.research-bar.revealed .research-progress-text{font-size:.75rem}.combat-loot-chest{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;margin-bottom:.75rem}.combat-loot-chest:not(.empty){border-color:var(--accent-gold);box-shadow:0 0 10px #ffb0001a}.loot-chest-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.loot-chest-title{font-weight:600;font-size:1rem;color:var(--accent-gold)}.loot-chest-slots{font-size:.85rem;color:var(--text-secondary);padding:.2rem .5rem;background:#0000004d;border-radius:4px}.loot-chest-value{font-size:.85rem;color:gold;margin-left:auto;font-weight:500}.loot-chest-empty{display:flex;flex-direction:column;align-items:center;padding:1rem;color:var(--text-secondary)}.loot-chest-empty .empty-icon{font-size:2rem;opacity:.5;margin-bottom:.25rem}.loot-chest-empty .empty-text{font-size:.85rem;font-style:italic}.loot-chest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.375rem;max-height:200px;overflow-y:auto;padding:.25rem}.loot-chest-slot{aspect-ratio:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;padding:.25rem}.loot-chest-slot:hover{border-color:var(--accent-gold);background:#ffb0001a;transform:translateY(-2px)}.loot-chest-slot .slot-icon{font-size:1.25rem;line-height:1}.loot-chest-slot .slot-icon .sprite-icon{transform:scale(.8);margin:-3px}.loot-chest-slot .slot-icon .sprite-icon-lg{transform:scale(.4);margin:-19px}.loot-chest-slot .slot-qty{font-size:.65rem;color:var(--accent-gold);font-weight:600;position:absolute;bottom:2px;right:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.loot-chest-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.collect-all-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-gold) 0%,#cc8800 100%);border:none;border-radius:4px;color:#000;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.collect-all-btn:hover{background:linear-gradient(135deg,#ffe066 0%,var(--accent-gold) 100%);transform:translateY(-1px)}.collect-all-btn:active{transform:translateY(0)}.mini-glyph-pouch{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-primary);border:1px solid rgba(192,132,252,.3);border-radius:6px;margin-top:6px}.mini-glyph-pouch.locked{opacity:.5;border-style:dashed}.mini-glyph-pouch .pouch-label{font-size:.7rem;color:#c084fc;font-weight:600;white-space:nowrap}.mini-glyph-slots{display:flex;gap:4px}.mini-glyph-slot{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.8rem;position:relative}.mini-glyph-slot.empty{opacity:.4;color:#c084fc;font-size:.8rem}.mini-glyph-slot.filled{border-color:#c084fc}.mini-glyph-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;overflow:visible}.mini-glyph-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.mini-glyph-icon .sprite-icon-lg{transform:scale(.28);transform-origin:center center;margin:-23px}.mini-glyph-slot .mini-qty{position:absolute;bottom:-3px;right:-3px;font-size:.6rem;background:#000000e6;color:#fff;padding:1px 3px;border-radius:3px;min-width:14px;text-align:center;font-weight:600}.combat-interface .zone-card.compact{padding:0;overflow:hidden;display:flex;flex-direction:column}.combat-interface .zone-card.compact .zone-color-strip{height:4px;background:linear-gradient(90deg,var(--zone-color, var(--accent-gold)) 0%,transparent 100%)}.combat-interface .zone-card.compact .zone-header{margin:.6rem .75rem .3rem}.combat-interface .zone-card.compact .zone-name{font-size:1.05rem;color:var(--zone-color, var(--text-primary))}.combat-interface .zone-mob-preview{display:flex;gap:.35rem;margin:0 .75rem .4rem;padding:.4rem .5rem;background:#00000040;border-radius:6px}.combat-interface .mob-preview-icon{font-size:1.3rem;transition:transform .15s}.combat-interface .mob-preview-icon:hover{transform:scale(1.15)}.combat-interface .mob-preview-icon.pyre-veil{filter:drop-shadow(0 0 3px #ff9800)}.combat-interface .mob-preview-icon.hidden{font-size:.8rem;color:#ffb74d;background:#ff980033;padding:.2rem .4rem;border-radius:4px;align-self:center}.combat-interface .zone-status-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 .75rem .5rem}.combat-interface .status-indicator{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;padding:.15rem .4rem;border-radius:4px;background:#0000004d;cursor:help}.combat-interface .status-indicator.pyre-penalty{background:#f4433633;color:#ff7961}.combat-interface .status-indicator.pyre-bonus{background:#4caf5033;color:#81c784}.combat-interface .status-indicator.hidden-mobs{background:#ff980033;color:#ffb74d}.combat-interface .status-indicator.patrol{background:#8a2be233;color:#ba68c8}.combat-interface .status-indicator.patrol.complete{background:#4caf5033;color:#81c784}.combat-interface .status-indicator.patrol.idle{background:#ffc10733;color:#ffc107}.combat-interface .status-indicator.research{background:#2196f333;color:#64b5f6}.combat-interface .status-indicator.research.complete{background:#4caf5033;color:#81c784}.combat-interface .zone-stats-compact{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 .75rem .5rem;font-size:.85rem}.combat-interface .zone-stats-compact span{cursor:help;padding:.15rem .3rem;border-radius:4px;background:#0003}.combat-interface .zone-stats-compact .stat-hp{color:#ef9a9a}.combat-interface .zone-stats-compact .stat-speed{color:#fff59d}.combat-interface .zone-stats-compact .stat-damage{color:#ffcc80}.combat-interface .zone-stats-compact .stat-xp{color:#a5d6a7}.combat-interface .zone-clear-progress.compact{margin:0 .75rem}.combat-interface .zone-clear-progress.compact .clear-progress-bar{height:6px;border-radius:3px}.combat-interface .zone-clear-progress.compact .clear-progress-text{font-size:.75rem}.combat-interface .zone-actions{display:flex;gap:.5rem;margin:auto .75rem .75rem;padding-top:.5rem}.combat-interface .zone-actions .zone-action-btn{flex:1}.combat-interface .zone-details-btn{width:40px;min-width:40px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:#0000004d;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:1rem}.combat-interface .zone-details-btn:hover{background:#ffffff1a;border-color:var(--zone-color, var(--accent-gold));color:var(--text-primary)}.combat-interface .zone-patrol-btn{width:40px;min-width:40px;padding:.5rem;border:1px dashed rgba(138,43,226,.5);border-radius:4px;background:#8a2be226;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:1rem}.combat-interface .zone-patrol-btn:hover{background:#8a2be24d;border-color:#ba68c8;border-style:solid}.combat-interface .zone-patrol-btn.active{background:#8a2be24d;border:1px solid rgba(138,43,226,.6)}.combat-interface .zone-patrol-btn.active:hover{background:#8a2be273;border-color:#ba68c8}.combat-interface .zone-patrol-btn.busy{background:#64646433;border:1px dashed rgba(150,150,150,.4);opacity:.5;cursor:not-allowed}.zone-details-modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem}.zone-details-content{background:var(--bg-secondary);border:2px solid var(--zone-color, var(--border-color));border-radius:12px;max-width:1050px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.zone-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--zone-color, var(--bg-tertiary)) 0%,transparent 100%);background-size:100% 3px;background-repeat:no-repeat}.zone-details-header .zone-title{display:flex;flex-direction:column;gap:.25rem}.zone-details-header .zone-name{font-size:1.4rem;font-weight:700;color:var(--zone-color, var(--text-primary))}.zone-details-header .zone-level{font-size:.9rem;color:var(--text-secondary)}.zone-details-header .cleared-badge{display:inline-block;font-size:.7rem;font-weight:700;color:#4caf50;background:#4caf5026;padding:.2rem .5rem;border-radius:4px;margin-top:.25rem}.zone-details-header .close-modal-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.zone-details-header .close-modal-btn:hover{color:var(--text-primary)}.zone-details-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.zone-details-body::-webkit-scrollbar{width:8px}.zone-details-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.zone-details-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid var(--bg-primary)}.zone-details-body::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.zone-details-body .modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.zone-details-body .modal-column{display:flex;flex-direction:column;gap:.75rem}.zone-details-body .zone-description{font-size:.95rem;color:var(--text-secondary);font-style:italic;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.zone-details-body .modal-pyre-req{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:6px;font-size:.9rem}.zone-details-body .modal-pyre-req.insufficient{background:#f4433626;border:1px solid rgba(244,67,54,.3)}.zone-details-body .modal-pyre-req.insufficient .pyre-penalty{color:#ff7961;margin-left:auto;font-size:.8rem}.zone-details-body .modal-pyre-req.bonus{background:#4caf5026;border:1px solid rgba(76,175,80,.3)}.zone-details-body .modal-pyre-req.bonus .pyre-bonus{color:#81c784;margin-left:auto;font-size:.8rem}.zone-details-body .modal-pyre-req.sufficient{background:#ffc1071a;border:1px solid rgba(255,193,7,.2);color:var(--text-secondary)}.zone-details-body .modal-section{display:flex;flex-direction:column;gap:.5rem}.zone-details-body .section-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.zone-details-body .zone-combat-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.zone-details-body .combat-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#0003;border-radius:6px}.zone-details-body .combat-stat .stat-icon{font-size:1.2rem}.zone-details-body .combat-stat .stat-label{font-size:.7rem;color:var(--text-secondary)}.zone-details-body .combat-stat .stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.zone-details-body .zone-mobs-list{display:flex;flex-direction:column;gap:.5rem}.zone-details-body .modal-mob-row{display:flex;flex-direction:column;gap:.3rem;padding:.6rem;background:#0003;border-radius:6px;border-left:3px solid var(--zone-color, var(--border-color))}.zone-details-body .modal-mob-row.pyre-veil{border-left-color:#ff9800}.zone-details-body .modal-mob-row .mob-info{display:flex;align-items:center;gap:.5rem}.zone-details-body .modal-mob-row .mob-icon{font-size:1.2rem}.zone-details-body .modal-mob-row .mob-name{font-weight:600;color:var(--text-primary)}.zone-details-body .modal-mob-row .research-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;margin-left:auto}.zone-details-body .modal-mob-row .research-badge.complete{background:#4caf5033;color:#81c784}.zone-details-body .modal-mob-row .research-badge.partial{background:#2196f333;color:#64b5f6}.zone-details-body .modal-mob-row .mob-stats-row{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-secondary)}.zone-details-body .modal-mob-row .mob-weakness{color:#81c784}.zone-details-body .modal-mob-row .mob-resistance{color:#e57373}.zone-details-body .modal-mob-row .mob-drops{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}.zone-details-body .modal-mob-row .mob-drop-icon{font-size:1rem;padding:.15rem;background:#0003;border-radius:3px;cursor:help}.zone-details-body .modal-mob-row .mob-drop-icon.rare{background:#ffd70026;border:1px solid rgba(255,215,0,.3)}.zone-details-body .modal-mob-row .mob-kills{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.zone-details-body .modal-hidden-mobs{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ff98001a;border-radius:6px;font-size:.85rem;color:#ffb74d}.zone-details-body .zone-loot-grid{display:flex;flex-wrap:wrap;gap:.4rem}.zone-details-body .loot-item{font-size:1.3rem;padding:.3rem;background:#0003;border-radius:4px;cursor:help}.zone-details-body .loot-item.rare{background:#ffd70026;border:1px solid rgba(255,215,0,.3)}.zone-details-body .modal-patrol-section{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#8a2be21a;border-radius:6px}.zone-details-body .patrol-current{display:flex;align-items:center;gap:.5rem;flex:1}.zone-details-body .patrol-pet-icon{font-size:1.3rem}.zone-details-body .patrol-pet-name{font-weight:600}.zone-details-body .patrol-status{font-size:.8rem;padding:.2rem .5rem;border-radius:4px;margin-left:auto}.zone-details-body .patrol-status.researching{background:#2196f333;color:#64b5f6}.zone-details-body .patrol-status.complete{background:#4caf5033;color:#81c784}.zone-details-body .patrol-status.idle{background:#ffc10733;color:#ffc107}.zone-details-body .patrol-manage-btn,.zone-details-body .patrol-assign-btn{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:4px;background:#0000004d;color:var(--text-primary);cursor:pointer;font-size:.85rem;transition:all .2s}.zone-details-body .patrol-manage-btn:hover,.zone-details-body .patrol-assign-btn:hover{background:#8a2be233;border-color:#ba68c8}.zone-details-body .modal-target-section{display:flex;flex-direction:column;gap:.5rem}.zone-details-body .modal-target-section .target-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.zone-details-body .modal-target-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border:1px solid var(--border-color);border-radius:6px;background:#0000004d;color:var(--text-primary);cursor:pointer;font-size:.85rem;transition:all .2s}.zone-details-body .modal-target-btn:hover{background:#4caf5033;border-color:#4caf50}.zone-details-body .modal-target-btn.pyre-veil{border-color:#ff98004d}.zone-details-body .modal-target-btn.pyre-veil:hover{border-color:#ff9800;background:#ff980033}.zone-details-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.zone-details-footer .zone-fight-btn{width:100%;padding:.75rem;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.zone-details-footer .zone-fight-btn.start{background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#fff}.zone-details-footer .zone-fight-btn.start:hover{background:linear-gradient(145deg,#388e3c,#2e7d32)}.zone-details-footer .zone-fight-btn.stop{background:linear-gradient(145deg,#8b0000,#5c0000);color:#fff}.zone-details-footer .zone-fight-btn.stop:hover{background:linear-gradient(145deg,#a00000,#8b0000)}.zone-details-footer .zone-locked-msg{text-align:center;color:var(--text-secondary);font-size:1rem}.zone-details-footer .zone-hint{text-align:center;color:var(--text-secondary);font-size:.9rem;font-style:italic}.modal-target-btn.boss-target{background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#fff;border:none;padding:.6rem 1rem;font-size:.9rem;font-weight:600;margin-top:.5rem;width:100%;justify-content:center}.modal-target-btn.boss-target:hover{background:linear-gradient(145deg,#388e3c,#2e7d32);transform:translateY(-1px)}.tier-info-btn{background:#64b5f626;border:1px solid rgba(100,181,246,.4);color:#64b5f6;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.tier-info-btn:hover{background:#64b5f640;border-color:#64b5f6}.player-panel-v3{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;overflow:hidden}.magic-wrapper{min-height:135px;margin-top:.25rem}.magic-section{background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:6px;padding:.35rem}.magic-section .spell-info-row{display:flex;align-items:center;gap:.4rem;padding:.15rem 0}.magic-section .current-spell-icon{font-size:1.2rem;flex-shrink:0}.magic-section .spell-details{flex:1;display:flex;flex-direction:column;gap:0;min-width:0}.magic-section .current-spell-name{font-weight:600;color:var(--text-primary);font-size:.85rem}.magic-section .current-spell-dmg{color:var(--accent-gold);font-size:.7rem}.magic-section .change-spell-btn{padding:.3rem .5rem;background:var(--bg-tertiary);border:1px solid rgba(138,43,226,.5);border-radius:4px;cursor:pointer;color:var(--text-primary);font-size:.9rem;transition:all .15s}.magic-section .change-spell-btn:hover{border-color:#8a2be2cc;background:#8a2be233}.magic-section .spell-status{display:flex;align-items:center;gap:.3rem;padding:.2rem .4rem;border-radius:4px;font-size:.75rem;margin-top:.25rem}.magic-section .spell-status .status-icon{flex-shrink:0}.magic-section .spell-status .status-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.magic-section .spell-status.built-in{background:#6495ed26;color:#87ceeb;border:1px solid rgba(100,149,237,.3)}.magic-section .spell-status.fallback{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.magic-section .spell-status.missing-glyphs{background:#ff454526;color:#ff6b6b;border:1px solid rgba(255,69,69,.3)}.magic-section .spell-status.no-spell{background:#80808026;color:var(--text-secondary);border:1px solid rgba(128,128,128,.3)}.magic-section .spell-status.ready{background:#32cd3226;color:#7cfc7c;border:1px solid rgba(50,205,50,.3)}.monster-panel-v3{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;height:100%}.monster-panel-v3 .monster-display-area{text-align:center;padding:2rem 1rem;background:var(--bg-tertiary);border-radius:6px;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center}.monster-panel-v3 .monster-icon-large{font-size:6rem;margin-bottom:.75rem;line-height:1}.monster-panel-v3 .monster-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem}.monster-panel-v3 .monster-zone{font-size:.85rem;color:var(--text-secondary)}.monster-panel-v3 .monster-stats{display:flex;justify-content:center;gap:.75rem;margin-top:.35rem;font-size:.85rem}.monster-panel-v3 .mob-stat{padding:.15rem .35rem;background:#0003;border-radius:4px}.combat-bars-section{display:flex;gap:.75rem;padding:.5rem;background:var(--bg-tertiary);border-radius:6px}.combatant-side{flex:1;display:flex;flex-direction:column;gap:.35rem}.combatant-side .combatant-label{font-size:.8rem;font-weight:600;text-align:center}.combatant-side.player-side{border-right:1px solid rgba(255,255,255,.1);padding-right:.75rem}.combatant-side.player-side .combatant-label{color:#66bb6a}.combatant-side.mob-side .combatant-label{color:#ef5350}.bar-group{display:flex;flex-direction:column;gap:.15rem}.bar-group .bar-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bar-group.hp-group{position:relative}.effects-inline{display:flex;flex-wrap:wrap;gap:.25rem;min-height:20px;padding:.15rem 0}.combat-warning.no-attack{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;margin-top:.35rem;background:#ff454533;border:1px solid rgba(255,69,69,.5);border-radius:4px;animation:pulse-warning 1.5s ease-in-out infinite}.combat-warning.no-attack .warning-icon{font-size:1rem;flex-shrink:0}.combat-warning.no-attack .warning-text{font-size:.8rem;color:#ff6b6b;font-weight:600}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.monster-panel-v3 .monster-drops{padding:.35rem 0}.monster-panel-v3 .drops-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.monster-panel-v3 .drops-grid{display:flex;flex-wrap:wrap;gap:.5rem}.monster-panel-v3 .drop-item{width:42px;height:42px;font-size:1.4rem}.monster-panel-v3 .monster-actions{margin-top:auto;padding-top:.5rem}.monster-panel-v3 .stop-combat-btn{width:100%;padding:.6rem 1rem;background:linear-gradient(145deg,#8b0000,#5c0000);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.monster-panel-v3 .stop-combat-btn:hover{background:linear-gradient(145deg,#a00000,#8b0000)}.combat-interface .zone-card.tiered-zone{grid-column:1 / -1;padding:1rem}.combat-interface .tiered-zone .zone-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-style:italic}.combat-interface .tiered-zone .zone-pyre-req{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.combat-interface .zone-tier-sections{display:flex;flex-direction:column;gap:.5rem}.combat-interface .zone-tier-section{background:#0003;border:1px solid var(--border-color);border-radius:6px;padding:.6rem .75rem;transition:all .2s ease}.combat-interface .zone-tier-section.unlocked{border-color:#ff45004d}.combat-interface .zone-tier-section.active{border-color:#4caf50;box-shadow:0 0 8px #4caf5040}.combat-interface .zone-tier-section.locked{opacity:.55}.combat-interface .tier-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.combat-interface .tier-label{font-size:.7rem;font-weight:700;color:var(--zone-color, #ff4500);background:#ff450026;padding:1px 6px;border-radius:3px;text-transform:uppercase}.combat-interface .tier-name{font-size:.9rem;font-weight:600;color:var(--text-primary);flex:1}.combat-interface .tier-status{font-size:.8rem}.combat-interface .tier-bosses{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.4rem}.combat-interface .tier-boss-entry{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.combat-interface .tier-boss-entry.defeated .boss-name{color:var(--text-primary)}.combat-interface .tier-boss-entry .boss-icon{width:1.2em;text-align:center}.combat-interface .tier-boss-entry .boss-kills{margin-left:auto;font-size:.75rem;color:var(--text-secondary)}.combat-interface .tier-boss-entry.defeated .boss-kills{color:#4caf50}.combat-interface .tier-actions{display:flex;gap:.4rem}.combat-interface .tier-actions .zone-action-btn{flex:1;padding:4px 10px;font-size:.8rem}.combat-interface .tier-lock-reason{font-size:.75rem;color:var(--text-secondary);font-style:italic;padding:2px 0}.combat-interface .tier-lock-reason .quest-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;color:var(--text-secondary)}.combat-interface .tier-lock-reason .quest-link:hover{color:var(--accent-gold);text-decoration-style:solid}.combat-interface .tiered-zone .zone-lifetime-kills{display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.4rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary)}.boss-label{color:#ff6b6b;font-weight:700}.boss-tag{display:inline-block;background:#ff323240;border:1px solid rgba(255,50,50,.5);color:#ff6b6b;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:middle}.boss-indicators{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0;justify-content:center}.boss-indicators span{display:inline-block;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;cursor:help}.boss-phase{background:#6495ed33;border:1px solid rgba(100,149,237,.4);color:#87b8ff}.boss-enrage-timer{background:#ffa50026;border:1px solid rgba(255,165,0,.35);color:#ffb347}.boss-enraged{background:#ff323240;border:1px solid rgba(255,50,50,.5);color:#ff6b6b;animation:bossEnragePulse 1.5s ease-in-out infinite}@keyframes bossEnragePulse{0%,to{opacity:1}50%{opacity:.7}}.boss-damage-floor{background:#ffd70026;border:1px solid rgba(255,215,0,.3);color:gold}.boss-effect-active{background:#9333ea33;border:1px solid rgba(147,51,234,.4);color:#c084fc}.boss-player-dot{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}.farming-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.farming-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.farming-interface .compact-title{display:flex;align-items:center;gap:.5rem}.farming-interface .compact-icon{font-size:1.75rem}.farming-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.farming-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.farming-interface .compact-stats{display:flex;gap:1.5rem}.farming-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.farming-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.farming-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.farming-interface .compact-stat.xp-total .stat-value,.farming-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.farming-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.farming-interface .tool-label{color:var(--text-secondary)}.farming-interface .tool-current{color:var(--text-primary);font-weight:500}.farming-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.farming-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.farming-interface .compact-upgrade.available:hover{background:#4caf5033}.farming-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.farming-interface .compact-upgrade.maxed{color:#4caf50}.farming-interface .upgrade-cost{margin-left:.5rem}.farming-interface .upgrade-cost.affordable{color:#4caf50}.farming-interface .upgrade-cost.cant-afford{color:#f44336}.farming-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.farming-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.farming-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.farming-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.farming-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.raking-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;padding:1rem}.raking-card{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:4px;border:2px solid transparent;transition:all .2s}.raking-card.active{border-color:var(--accent-green);box-shadow:0 0 10px #4caf504d}.raking-info{display:flex;align-items:center;gap:.75rem;flex:1}.raking-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid var(--border-color)}.raking-details{display:flex;flex-direction:column;gap:.125rem}.raking-name{font-weight:700;color:var(--text-primary)}.raking-xp{font-size:.85rem;color:var(--accent-green)}.raking-progress{width:120px;height:8px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;overflow:hidden}.raking-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.farm-settings{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;padding:.4rem .75rem;margin-bottom:.5rem}.farm-settings.locked{opacity:.7}.farm-settings.compact{padding:.35rem .75rem}.setting-inline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary)}.setting-separator{color:var(--text-secondary);opacity:.5}.setting-hint{font-size:.8rem;color:var(--text-secondary);opacity:.7}.auto-plant-toggle{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--border-color)}.locked-hint{opacity:.6;font-size:.85rem}.setting-inline select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;color:var(--text-primary);cursor:pointer;font-size:.85rem}.setting-inline select:disabled{cursor:not-allowed;opacity:.5}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:40px;height:22px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:11px;position:relative;transition:all .2s}.toggle-switch:after{content:"";position:absolute;width:14px;height:14px;background:var(--text-secondary);border-radius:50%;top:2px;left:2px;transition:all .2s}.toggle-label input:checked+.toggle-switch{background:var(--accent-green);border-color:var(--accent-green)}.toggle-label input:checked+.toggle-switch:after{left:20px;background:#fff}.bloomhold-info{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;padding:.4rem .75rem;margin-bottom:.5rem}.bloomhold-info.locked{border-color:#ffffff1a}.bloomhold-info.unlocked{border-color:#228b22;background:linear-gradient(145deg,rgba(34,139,34,.1) 0%,var(--bg-secondary) 100%)}.bloomhold-info.unlocked.compact{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.35rem .75rem}.bloomhold-info .bloomhold-label{font-weight:600;color:var(--accent-gold);font-size:.9rem}.bloomhold-info .bloomhold-hint{font-size:.8rem;color:var(--text-secondary);opacity:.8}.bloomhold-header{display:flex;align-items:center;gap:.5rem}.bloomhold-icon{font-size:1rem}.bloomhold-title{font-weight:600;color:var(--accent-gold);font-size:.9rem}.bloomhold-subtitle{color:var(--text-secondary);font-size:.8rem;margin-left:auto}.bloomhold-count{color:var(--text-primary);font-size:.9rem;font-weight:500}.bloomhold-requirements{display:flex;gap:.75rem;margin-top:.35rem;font-size:.8rem}.bloomhold-requirements .requirement{white-space:nowrap}.bloomhold-requirements .requirement.met{color:#4caf50}.bloomhold-requirements .requirement.unmet{color:#e74c3c}.plots-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;padding:.75rem}.plots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.plots-header .section-title{margin-bottom:0}.harvest-all-button{background:var(--accent-green);color:#fff;border:2px solid var(--border-color);border-radius:4px;padding:.5rem 1rem;font-weight:700;cursor:pointer;transition:all .2s}.harvest-all-button:hover{background:#66bb6a;transform:translateY(-1px)}.plots-header-buttons{display:flex;gap:.5rem}.plant-all-button{background:var(--accent-gold);color:#1a1a1a;border:2px solid var(--border-color);border-radius:4px;padding:.5rem 1rem;font-weight:700;cursor:pointer;transition:all .2s}.plant-all-button:hover{background:#e6a800;transform:translateY(-1px)}.plant-count-preview{display:block;font-size:.75rem;color:var(--accent-green);font-weight:600}.plots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:.5rem}.plot-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;padding:.375rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:all .2s;min-height:110px}.plot-card:hover:not(.locked){border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.plot-card.locked{opacity:.5}.plot-card.ready{border-color:var(--accent-green);box-shadow:0 0 10px #4caf5066}.plot-card.growing{position:relative}.plot-remove-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#f4433699;color:#fff;font-size:14px;line-height:1;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;padding:0}.plot-remove-btn:hover{background:#f44336}.plot-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;border:2px solid var(--border-color);background:var(--bg-secondary)}.plot-icon.pulsing{animation:harvest-pulse 1s ease-in-out infinite}@keyframes harvest-pulse{0%,to{transform:scale(1);box-shadow:0 0 5px #4caf5066}50%{transform:scale(1.05);box-shadow:0 0 15px #4caf5099}}.plot-name{font-weight:700;font-size:.85rem;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.plot-status{font-size:.8rem;color:var(--text-secondary);text-align:center}.plot-timer{font-size:.85rem;color:var(--accent-gold);font-weight:700}.plot-yield{font-size:.7rem;color:var(--text-secondary);text-align:center}.plot-yield.ready{color:var(--accent-green);font-weight:500}.plot-xp{font-size:.7rem;color:#8bc34a}.plot-progress{width:100%;height:5px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.plot-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.plot-button{width:100%;padding:.375rem .5rem;border:2px solid var(--border-color);border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.85rem}.plot-button.plant{background:var(--bg-secondary);color:var(--text-primary)}.plot-button.plant:hover{background:var(--accent-gold);color:var(--bg-primary)}.plot-button.harvest{background:var(--accent-green);color:#fff}.plot-button.harvest:hover{background:#66bb6a}.ref-section{padding:.5rem}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.ref-card{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;transition:all .15s}.ref-card:hover:not(.locked){border-color:var(--accent-gold);transform:translateY(-1px)}.ref-card.locked{opacity:.5}.ref-card.no-seeds:not(.locked){border-color:#f443364d}.ref-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid var(--border-color);flex-shrink:0}.ref-icon.tree-icon{width:64px;height:64px;border-radius:0;border:none!important;background:transparent!important;box-shadow:none;overflow:visible}.ref-icon.tree-icon .sprite-icon,.ref-icon.tree-icon .sprite-icon-lg{background-color:transparent}.ref-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.ref-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-stats{display:flex;gap:.75rem;font-size:.75rem}.ref-time{color:var(--accent-gold);font-weight:500}.ref-xp{color:#8bc34a}.ref-yield{font-size:.7rem;color:var(--text-secondary)}.ref-right{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.ref-level{font-size:.75rem;color:var(--text-secondary)}.ref-lock{font-size:.7rem;color:var(--accent-red);background:#f4433626;padding:.1rem .35rem;border-radius:3px}.ref-seeds{font-size:.7rem;font-weight:500}.ref-seeds.has{color:var(--accent-green)}.ref-seeds.none{color:var(--accent-red)}.plant-modal{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:8px;width:90%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.plant-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid var(--border-color)}.plant-modal .modal-header h3{color:var(--accent-gold);margin:0}.plant-modal .modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;line-height:1}.plant-modal .modal-close:hover{color:var(--accent-red)}.plant-modal-tabs{display:flex;gap:.25rem;padding:.5rem;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.plant-modal-tab{flex:1;padding:.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.plant-modal-tab:hover{border-color:var(--accent-gold);color:var(--text-primary)}.plant-modal-tab.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.plant-options{padding:.5rem;overflow-y:auto;max-height:60vh;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.plant-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s}.plant-option:hover:not(.disabled){border-color:var(--accent-gold);transform:translateY(-1px)}.plant-option.disabled{opacity:.5;cursor:not-allowed}.plant-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;border:2px solid var(--border-color);flex-shrink:0}.plant-icon.tree-icon{width:48px;height:48px;border-radius:0;border:none!important;background:transparent!important;box-shadow:none;overflow:visible}.plant-icon.tree-icon .sprite-icon,.plant-icon.tree-icon .sprite-icon-lg{filter:none}.plant-info{flex:1;display:flex;flex-direction:column;gap:0;min-width:0}.plant-name{font-weight:600;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plant-time{font-size:.7rem;color:var(--text-secondary)}.plant-seeds{font-size:.75rem;font-weight:600;min-width:36px;text-align:right;flex-shrink:0}.plant-seeds.has-seeds{color:var(--accent-green)}.plant-seeds.no-seeds{color:var(--accent-red)}.plant-lock{font-size:.65rem;color:var(--accent-red);background:#f4433626;padding:.1rem .3rem;border-radius:3px;flex-shrink:0}.farming-section .section-title{color:var(--accent-gold);margin-bottom:.5rem;font-size:1.1rem}.farming-section .section-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.seed-drops-info{margin-top:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.seed-drops-label{font-size:.8rem;color:var(--accent-gold);font-weight:700}.seed-drops-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-right:.5rem}.seed-drop{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.2rem .5rem;border-radius:3px;border:1px solid var(--border-color)}@media(max-width:768px){.ref-grid{grid-template-columns:1fr}.ref-card{padding:.4rem .5rem}}@media(min-width:1800px){.farm-settings,.bloomhold-info{padding:.5rem .875rem}.plots-section{padding:.875rem}.plots-header{margin-bottom:.625rem}.plot-card{padding:.5rem;gap:.25rem;min-height:120px}.plot-icon{width:48px;height:48px;font-size:1.4rem}.ref-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.6rem}.ref-card{padding:.55rem .75rem}.ref-icon{width:52px;height:52px;font-size:1.6rem}.plots-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}@media(min-width:2400px){.farm-settings,.bloomhold-info{padding:.6rem 1rem}.plots-section{padding:1rem}.plots-header{margin-bottom:.75rem}.plot-card{padding:.5rem;gap:.25rem;min-height:125px}.plot-icon{width:50px;height:50px;font-size:1.5rem}.ref-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}.ref-card{padding:.6rem .85rem}.ref-icon{width:56px;height:56px;font-size:1.75rem}.plots-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.crafting-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.crafting-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.crafting-interface .compact-title{display:flex;align-items:center;gap:.5rem}.crafting-interface .compact-icon{font-size:1.75rem}.crafting-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.crafting-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.crafting-interface .compact-stats{display:flex;gap:1.5rem}.crafting-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.crafting-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.crafting-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.crafting-interface .compact-stat.xp-total .stat-value,.crafting-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.crafting-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.crafting-interface .tool-label{color:var(--text-secondary)}.crafting-interface .tool-current{color:var(--text-primary);font-weight:500}.crafting-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.crafting-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.crafting-interface .compact-upgrade.available:hover{background:#4caf5033}.crafting-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.crafting-interface .compact-upgrade.maxed{color:#4caf50}.crafting-interface .upgrade-cost{margin-left:.5rem}.crafting-interface .upgrade-cost.affordable{color:#4caf50}.crafting-interface .upgrade-cost.cant-afford{color:#f44336}.crafting-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.crafting-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.crafting-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#a0682c,peru);transition:width .1s linear}.crafting-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.crafting-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.crafting-category-tabs{display:flex;gap:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.crafting-category-tabs .category-tab{padding:.5rem 1rem;background:transparent;border:2px solid var(--border-color);border-radius:4px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.crafting-category-tabs .category-tab:hover{background:#ffffff0d;border-color:var(--accent-gold);color:var(--text-primary)}.crafting-category-tabs .category-tab.active{background:#daa52026;border-color:var(--accent-gold);color:var(--accent-gold)}.crafting-tier-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.crafting-tier-tabs .tier-tab{padding:.4rem .75rem;font-size:.85rem;min-width:auto;white-space:nowrap;background:transparent;border:2px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.crafting-tier-tabs .tier-tab:hover:not(.locked){background:#ffffff0d;border-color:var(--tab-color, var(--accent-gold));color:var(--text-primary)}.crafting-tier-tabs .tier-tab.active{background:#ffffff14;border-color:var(--tab-color, var(--accent-gold));color:var(--tab-color, var(--accent-gold))}.crafting-tier-tabs .tier-tab.locked{opacity:.5;cursor:not-allowed}.crafting-tier-tabs .tier-tab.locked:hover{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.crafting-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.crafting-type-tabs .type-tab{padding:.4rem .75rem;font-size:.85rem;min-width:auto;white-space:nowrap;background:transparent;border:2px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.crafting-type-tabs .type-tab:hover{background:#ffffff0d;border-color:var(--accent-gold);color:var(--text-primary)}.crafting-type-tabs .type-tab.active{background:#ffffff14;border-color:var(--accent-gold);color:var(--accent-gold)}.craft-section{margin-bottom:1.5rem}.craft-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.craft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.armor-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.craft-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.craft-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--craft-color, #9370db);opacity:.7;transition:opacity .2s ease}.craft-card:hover:not(.locked){border-color:var(--craft-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.craft-card:hover:not(.locked):before{opacity:1}.craft-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.craft-card.active:before{background:var(--accent-green);opacity:1;animation:craft-glow-pulse 2s ease-in-out infinite}@keyframes craft-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.craft-card.locked{opacity:.5;cursor:not-allowed}.craft-card.locked:before{background:#666}.craft-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.craft-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.craft-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.craft-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.craft-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.craft-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.craft-stat .stat-icon{flex-shrink:0}.craft-stat .stat-icon.crafting-icon{width:32px;height:32px}.craft-stat .stat-icon.time-icon{width:24px;height:24px}.craft-stat .stat-label{color:var(--text-secondary)}.craft-stat .stat-value{font-weight:600;color:#8bc34a}.craft-stat .stat-value.xp{color:#8bc34a}.craft-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.craft-materials .materials-label{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem;letter-spacing:.5px}.craft-materials .material-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.2rem 0}.craft-materials .material-icon{font-size:1.5rem;line-height:1}.craft-materials .material-name{flex:1;color:var(--text-primary)}.craft-materials .material-count{color:#8bc34a;font-weight:500}.craft-materials .material-row.missing .material-count{color:#f44336}.craft-materials .material-row.missing .material-name{color:var(--text-secondary)}.craft-materials .gold-row{display:flex;align-items:center;justify-content:center;padding:.25rem 0;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.05)}.craft-materials .gold-cost{color:var(--accent-gold);font-weight:500}.craft-materials .gold-row.missing .gold-cost{color:#f44336}.craft-materials .gold-cost.waived{color:#9370db}.craft-materials .waived-text{font-size:.75rem;font-style:italic}.craft-output{padding:.5rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.craft-output .output-label{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem;letter-spacing:.5px}.craft-output .output-row{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.craft-output .output-icon{font-size:1.5rem;line-height:1}.craft-output .output-name{flex:1;color:var(--text-primary);font-weight:500}.craft-output .output-qty{color:#8fbc8f;font-weight:600}.craft-output .output-qty.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.craft-action{padding:.5rem 1rem;display:flex;justify-content:center}.craft-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,peru,#a0682c);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.craft-action .action-btn:hover{background:linear-gradient(135deg,#daa06d,peru);transform:translateY(-1px)}.craft-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.craft-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.craft-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.craft-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.craft-progress-fill{height:100%;background:linear-gradient(90deg,#a0682c,peru);transition:width .1s linear;width:0%}.craft-card.active .craft-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.armor-tier-header{text-align:center;padding:1rem;background:linear-gradient(145deg,rgba(0,0,0,.2) 0%,transparent 100%);border-radius:8px;border-left:4px solid var(--tier-color, var(--border-color));margin-bottom:1rem}.armor-tier-header h3{color:var(--tier-color, var(--accent-gold));margin:0 0 .5rem;font-size:1.3rem;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.armor-tier-header .tier-description{color:var(--text-secondary);font-size:.9rem;margin:0;font-style:italic}.armor-card{border-left:4px solid var(--craft-color, var(--border-color))}.craft-materials .material-row .sprite-icon-lg,.craft-output .output-row .sprite-icon-lg{transform:scale(.65);transform-origin:center center;margin:-11px}.craft-materials .material-row .sprite-icon,.craft-output .output-row .sprite-icon{transform:scale(1.2);transform-origin:center center;margin:-3px}@media(max-width:768px){.craft-card-info{padding:.375rem .75rem;gap:.75rem}.craft-stat{font-size:.8rem;padding:.15rem .375rem}.craft-stat .stat-icon.crafting-icon{width:24px;height:24px}.craft-stat .stat-icon.time-icon{width:20px;height:20px}.craft-materials,.craft-output{padding:.375rem .75rem}.craft-materials .material-icon,.craft-output .output-icon{font-size:1.25rem}.craft-action{padding:.375rem .75rem}.craft-progress{height:5px}}@media(max-width:1199px){.craft-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.craft-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.craft-stat .stat-icon.crafting-icon{width:28px;height:28px}.craft-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.craft-card-header{padding:.625rem .875rem;gap:.625rem}.craft-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.armor-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.craft-card-info{padding:.625rem 1.125rem;gap:1.125rem}.craft-stat{font-size:.9rem;padding:.25rem .625rem}.craft-stat .stat-icon.crafting-icon{width:36px;height:36px}.craft-stat .stat-icon.time-icon{width:28px;height:28px}.craft-materials,.craft-output{padding:.625rem 1.125rem}.craft-materials .material-icon,.craft-output .output-icon{font-size:1.6rem}.craft-materials .material-row .sprite-icon-lg,.craft-output .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.craft-progress{height:7px}}@media(min-width:2400px){.craft-card-header{padding:.75rem 1rem;gap:.75rem}.craft-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.armor-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.craft-card-info{padding:.75rem 1.25rem;gap:1.25rem}.craft-stat{font-size:.95rem;padding:.3rem .75rem}.craft-stat .stat-icon.crafting-icon{width:40px;height:40px}.craft-stat .stat-icon.time-icon{width:32px;height:32px}.craft-materials,.craft-output{padding:.75rem 1.25rem}.craft-materials .material-icon,.craft-output .output-icon{font-size:1.75rem}.craft-materials .material-row .sprite-icon-lg,.craft-output .output-row .sprite-icon-lg{transform:scale(.7);margin:-10px}.craft-action{padding:.75rem 1.25rem}.craft-progress{height:8px}}@media(max-width:1400px){.crafting-category-tabs .category-tab{padding:.5rem 1rem;font-size:.95rem}.crafting-tier-tabs .tier-tab,.crafting-type-tabs .type-tab{padding:.3rem .6rem;font-size:.8rem}.craft-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.armor-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:1200px){.crafting-tier-tabs{gap:.25rem}.crafting-tier-tabs .tier-tab{padding:.25rem .5rem;font-size:.75rem}.crafting-type-tabs{gap:.25rem}.crafting-type-tabs .type-tab{padding:.25rem .5rem;font-size:.75rem}.craft-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.armor-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.gatherer-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.gatherer-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.gatherer-interface .compact-title{display:flex;align-items:center;gap:.5rem}.gatherer-interface .compact-icon{font-size:1.75rem}.gatherer-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.gatherer-interface .compact-level{font-size:1.25rem;color:var(--text-primary);font-weight:600}.gatherer-interface .compact-stats{display:flex;align-items:center;gap:1.25rem}.gatherer-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.gatherer-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.gatherer-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.gatherer-interface .compact-stat.xp-total .stat-value,.gatherer-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.gatherer-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto}.gatherer-interface .tool-label{color:var(--text-secondary);font-size:.95rem}.gatherer-interface .tool-current{font-size:1rem;color:#6b8e23;font-weight:600}.gatherer-interface .compact-upgrade{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary);padding:.3rem .6rem;background:#0003;border-radius:4px;border:1px solid var(--border-color)}.gatherer-interface .compact-upgrade.available{cursor:pointer;border-color:var(--accent-gold);background:#daa5201a}.gatherer-interface .compact-upgrade.available:hover{background:#daa52033}.gatherer-interface .compact-upgrade.locked{opacity:.7}.gatherer-interface .compact-upgrade.maxed{color:#6b8e23;border-color:#6b8e23;background:#6b8e231a}.gatherer-interface .upgrade-lock{color:#ff9800;font-size:.8rem}.gatherer-interface .upgrade-cost{font-weight:600}.gatherer-interface .upgrade-cost.affordable{color:var(--accent-gold)}.gatherer-interface .upgrade-cost.cant-afford{color:#f44336}.gatherer-interface .compact-progress{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.gatherer-interface .compact-progress-bar{position:relative;flex:1;height:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.gatherer-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.gatherer-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#5a7a1e,#8fbc8f);transition:width .2s ease}.gatherer-interface .compact-progress-text{font-size:1.05rem;color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-weight:500}.zone-grid-container{display:flex;flex-direction:column;gap:1.5rem}.zone-grid-container .section-title{color:var(--accent-gold);font-size:1.2rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.tier-section{background:#00000026;border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.tier-title{color:var(--text-secondary);font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tier-section:nth-child(2) .tier-title{color:#8fbc8f}.tier-section:nth-child(3) .tier-title{color:#9932cc}.tier-section:nth-child(4) .tier-title{color:#00ced1}.tier-header{text-align:center;margin-bottom:1rem}.tier-header .section-title{margin-bottom:.25rem}.tier-description{color:var(--text-secondary);font-size:.9rem;margin:0;font-style:italic}.zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.zone-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:0;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer}.zone-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--zone-color, var(--border-color));opacity:.7;transition:opacity .2s}.zone-card:hover:not(.locked){border-color:var(--zone-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.zone-card:hover:not(.locked):before{opacity:1}.zone-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.zone-card.active:before{background:var(--accent-green);opacity:1;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.zone-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.zone-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.zone-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.zone-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.zone-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.zone-card.locked .zone-level{color:#ff9800}.zone-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem}.zone-stat{display:flex;align-items:center;gap:.375rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.zone-stat .stat-icon{flex-shrink:0}.zone-stat .stat-icon.gatherer-icon{width:32px;height:32px}.zone-stat .stat-icon.time-icon{width:24px;height:24px}.zone-stat .stat-label{color:var(--text-secondary)}.zone-stat .stat-value{font-weight:600;color:#8bc34a}.zone-drops{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.375rem;border-top:1px solid rgba(255,255,255,.05)}.drop-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.drop-info .drop-name{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.drop-info .drop-qty,.drop-info .drop-chance{flex-shrink:0;margin-left:.5rem}.drop-info.food-drop{font-size:1rem}.drop-info.food-drop .drop-name{color:var(--text-primary);font-weight:500}.drop-info.food-drop .drop-qty{color:#8fbc8f;font-weight:500}.drop-info.rare-drop .drop-name{color:#9370db}.drop-info.rare-drop .drop-chance{color:#ff9800;font-weight:500}.bonus-drops-section{margin-top:.375rem;padding-top:.375rem;border-top:1px dashed rgba(255,255,255,.1)}.bonus-label{display:block;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;opacity:.7}.drop-info.bonus-drop .drop-name{color:#7cba5f;font-size:.75rem}.drop-info.bonus-drop .drop-chance{color:#aaa;font-size:.75rem}.drop-info.bonus-drop.material .drop-name,.drop-info.bonus-drop.material .drop-chance{color:#87ceeb}.drop-info.rare-drop{flex-wrap:wrap}.drop-info.rare-drop .drop-name{white-space:normal;word-break:break-word;line-height:1.3}.zone-action{padding:.5rem 1rem;display:flex;justify-content:center}.zone-action .action-btn{padding:.5rem 1.5rem;background:#6b8e23;border:2px solid var(--border-color);color:#fff;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem}.zone-action .action-btn:hover{background:#7a9f28;transform:translateY(-1px)}.zone-action .action-btn.active{background:var(--accent-red)}.zone-action .action-btn.active:hover{background:brown}.zone-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.zone-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.zone-progress-fill{height:100%;background:linear-gradient(90deg,#5a7a1e,#8fbc8f);transition:width .1s linear;width:0%}.zone-card.active .zone-progress-fill{box-shadow:0 0 8px #6b8e2380}@media(max-width:768px){.zone-info{padding:.375rem .75rem;gap:.75rem}.zone-stat{font-size:.8rem}.zone-stat .stat-icon.gatherer-icon{width:24px;height:24px}.zone-stat .stat-icon.time-icon{width:20px;height:20px}.zone-drops,.zone-action{padding:.375rem .75rem}.zone-progress{height:5px}}@media(max-width:1199px){.zone-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.zone-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.zone-stat .stat-icon.gatherer-icon{width:28px;height:28px}.zone-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.zone-header{padding:.625rem .875rem;gap:.625rem}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.zone-info{padding:.625rem 1.125rem}.zone-stat{font-size:.9rem}.zone-stat .stat-icon.gatherer-icon{width:36px;height:36px}.zone-stat .stat-icon.time-icon{width:28px;height:28px}.drop-info{font-size:.9rem}.drop-info.food-drop{font-size:1.05rem}.zone-action .action-btn{font-size:.95rem}.zone-progress{height:7px}}@media(min-width:2400px){.zone-header{padding:.75rem 1rem;gap:.75rem}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.zone-info{padding:.75rem 1.25rem}.zone-stat{font-size:.95rem}.zone-stat .stat-icon.gatherer-icon{width:40px;height:40px}.zone-stat .stat-icon.time-icon{width:32px;height:32px}.zone-drops{padding:.625rem 1.25rem}.drop-info{font-size:.95rem}.drop-info.food-drop{font-size:1.1rem}.zone-action{padding:.625rem 1.25rem}.zone-action .action-btn{font-size:1rem}.zone-progress{height:8px}}.bounty-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem;position:relative;z-index:0}.bounty-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.bounty-interface .compact-title{display:flex;align-items:center;gap:.5rem}.bounty-interface .compact-icon{font-size:1.75rem}.bounty-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.bounty-interface .compact-level{font-size:1.25rem;color:var(--text-primary);font-weight:600}.bounty-interface .compact-stats{display:flex;align-items:center;gap:1.25rem}.bounty-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.bounty-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.bounty-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.bounty-interface .compact-stat.xp-total .stat-value,.bounty-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.bounty-interface .compact-contracts{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding:.3rem .75rem;background:#8b5a2b26;border:1px solid rgba(139,90,43,.3);border-radius:4px}.bounty-interface .contracts-label{color:var(--text-secondary);font-size:.95rem}.bounty-interface .contracts-count{font-size:1rem;color:#d4a574;font-weight:600}.bounty-interface .compact-progress{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.bounty-interface .compact-progress-bar{position:relative;flex:1;height:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.bounty-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.bounty-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#8b5a2b,#d4a574);transition:width .2s ease}.bounty-interface .compact-progress-text{font-size:1.05rem;color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-weight:500}.bounty-interface{display:flex;flex-direction:column;gap:1rem;max-width:100%}.bounty-content{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:visible}.bounty-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;max-width:100%}.bounty-section .section-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.bounty-section .section-desc{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.active-count{color:var(--text-secondary);font-size:.875rem}.tier-section{margin-bottom:1.5rem;max-width:100%}.tier-section.locked-preview{opacity:.7}.tier-section.locked-preview .tier-header{border-bottom:1px dashed var(--border-color)}.locked-tier-info{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;padding:1rem 1.5rem;text-align:center}.locked-tier-info.large{padding:2rem 3rem}.locked-tier-info .locked-icon{font-size:3rem;margin-bottom:1rem}.locked-tier-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.locked-message{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem}.locked-rewards-preview{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.locked-rewards-preview .preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;min-width:120px}.locked-rewards-preview .preview-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase}.locked-rewards-preview .preview-label .sprite-icon-lg{transform:scale(.22);transform-origin:center center;margin:-25px;vertical-align:middle}.locked-rewards-preview .preview-label .sprite-icon{transform:scale(.5);transform-origin:center center;margin:-7px;vertical-align:middle}.locked-rewards-preview .preview-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.locked-rewards-preview .preview-value.gold{color:#fbbf24}.locked-rewards-preview .preview-item{font-size:.85rem;color:var(--text-secondary)}.locked-rewards-preview .preview-item:first-child{color:#fbbf24}.bounty-content .skill-tab.locked{opacity:.6;cursor:pointer}.bounty-content .skill-tab.locked:hover{opacity:.8}.tier-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.tier-badge{padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.875rem;color:#fff}.tier-level{color:var(--text-secondary);font-size:.875rem}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-width:100%}.contracts-grid.active-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.contract-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1rem;position:relative;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column}.contract-card:hover{border-color:var(--accent-gold);box-shadow:0 4px 8px #0006}.contract-card.active{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa4d,0 2px 4px #0000004d}.contract-card.ready{border-color:#4ade80;box-shadow:0 0 0 2px #4ade804d,0 2px 4px #0000004d}.contract-card.stubbed{opacity:.6}.contract-card.mega{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d,0 2px 4px #0000004d}.mega-badge{padding:.1rem .4rem;border-radius:3px;font-weight:700;font-size:.65rem;color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);text-transform:uppercase;letter-spacing:.05em}.mega-req{font-size:.8em;color:#f59e0b;font-weight:600;margin-left:.25rem}.contract-card.pinned{border-color:#60a5fa}.pinned-badge{font-size:.85rem}.pin-btn{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:.1rem .3rem;border-radius:4px;opacity:.5;transition:opacity .2s,background .2s}.pin-btn:hover{opacity:1;background:#ffffff1a}.pin-btn.pinned{opacity:1}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.contract-title{display:flex;align-items:center;gap:.5rem}.contract-tier{padding:.15rem .5rem;border-radius:3px;font-weight:600;font-size:.75rem;color:#fff}.contract-name{font-weight:600;color:var(--text-primary)}.contract-type{font-size:.75rem;padding:.15rem .5rem;border-radius:3px;background:var(--bg-secondary);color:var(--text-secondary);text-transform:capitalize}.contract-type.gathering{background:#4ade8033;color:#4ade80}.contract-type.processing{background:#60a5fa33;color:#60a5fa}.contract-type.kill{background:#ef444433;color:#ef4444}.contract-description{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.contract-section{margin-bottom:.75rem}.contract-section h4{font-size:.75rem;color:var(--text-secondary);margin:0 0 .375rem;text-transform:uppercase;letter-spacing:.05em}.contract-requirements{display:flex;flex-direction:column;gap:.25rem}.contract-requirement{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:var(--bg-secondary);border-radius:4px;font-size:.8125rem}.contract-requirement.complete{background:#4ade8026}.contract-requirement.complete .req-name,.contract-requirement.complete .req-progress{color:#4ade80}.contract-requirement.stubbed{opacity:.5}.req-name{color:var(--text-primary);display:flex;align-items:center;gap:.375rem}.req-name .sprite-icon,.req-name .sprite-icon-lg{width:32px!important;height:32px!important;flex-shrink:0}.req-progress{color:var(--text-secondary);font-family:monospace}.contract-progress-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.contract-progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#4ade80);border-radius:3px;transition:width .3s ease}.contract-progress-text{text-align:center;font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.contract-rewards{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.reward-gold{color:#fbbf24;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:.15rem}.reward-xp{color:#a78bfa;white-space:nowrap;display:inline-flex;align-items:center;gap:.15rem}.contract-rewards .skill-icon-img{width:24px!important;height:24px!important;vertical-align:middle;display:inline-block}.reward-gold,.reward-xp{display:inline-flex;align-items:center;gap:.3rem;font-size:.875rem}.contract-footer{margin-top:auto}.contract-footer .contract-section{margin-bottom:.5rem}.contract-footer .rewards-section{padding-top:.75rem;border-top:1px solid var(--border-color)}.contract-actions{margin-top:.5rem}.consume-note{font-size:.7rem;color:#4ade80;margin:.25rem 0;font-style:italic}.contract-btn{width:100%;padding:.35rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s;font-size:.85rem}.contract-accept-buttons{display:flex;gap:.5rem}.contract-accept-buttons .contract-btn{flex:1}.contract-btn.accept{background:#4ade80;color:#000}.contract-btn.accept:hover{background:#22c55e}.contract-btn.accept-mega{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:600}.contract-btn.accept-mega:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.contract-btn.deliver{background:#fbbf24;color:#000;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}.contract-btn.deliver:hover{background:#f59e0b}.contract-btn.abandon{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.contract-btn.abandon:hover{background:#ef444433;color:#ef4444;border-color:#ef4444}.contract-btn.disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.contract-stubbed-overlay{background:#000000b3;padding:.5rem 1rem;border-radius:4px;text-align:center}.stubbed-text{color:#f97316;font-size:.875rem;font-weight:500}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state p{margin:.5rem 0}.empty-state .action-button{margin-top:1rem;padding:.5rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.empty-state .action-button:hover{opacity:.9}.no-contracts{text-align:center;color:var(--text-secondary);padding:2rem}.bounty-content .skill-tabs{display:flex;gap:.5rem;margin-bottom:1rem;position:relative;z-index:1}.bounty-content .skill-tab{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.bounty-content .skill-tab:hover{border-color:var(--accent-color);color:var(--text-primary);z-index:2}.bounty-content .skill-tab.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.active-contracts-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem}.active-contracts-summary .summary-title{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.active-contracts-list{display:flex;flex-direction:column;gap:.5rem}.active-contract-mini{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px}.active-contract-mini.ready{border-color:#4ade80;background:#4ade800d}.mini-tier{padding:.125rem .375rem;border-radius:3px;font-size:.7rem;font-weight:600;color:#fff;flex-shrink:0}.mini-name{flex:1;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-progress-bar{width:60px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;flex-shrink:0}.mini-progress-fill{height:100%;background:#60a5fa;border-radius:3px;transition:width .3s ease}.mini-progress-fill.complete{background:#4ade80}.mini-percent{font-size:.75rem;color:var(--text-secondary);min-width:30px;text-align:right;font-family:monospace}.mini-deliver-btn{padding:.25rem .5rem;background:#fbbf24;color:#000;border:none;border-radius:3px;font-size:.75rem;font-weight:500;cursor:pointer;flex-shrink:0}.mini-deliver-btn:hover{background:#f59e0b}@media(min-width:1800px){.contracts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.contracts-grid.active-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.contract-card{padding:1.25rem}.contract-name{font-size:1.05rem}.contract-description{font-size:.875rem}.contract-requirement{font-size:.875rem;padding:.5rem .625rem}.contract-btn{padding:.4rem 1.25rem;font-size:.9rem}}@media(min-width:2400px){.contracts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;max-width:2200px}.contracts-grid.active-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.contract-card{padding:1.5rem}.contract-name{font-size:1.1rem}.contract-description{font-size:.9rem}.contract-requirement{font-size:.9rem;padding:.5rem .75rem}.contract-btn{padding:.5rem 1.5rem;font-size:.95rem}}.consume-warning{display:inline-flex;align-items:center;font-size:.85rem;opacity:1}.consume-item{display:inline-flex;align-items:center;gap:.1rem;color:#1a1a1a;font-weight:600}.consume-item .sprite-icon{transform:scale(.45);margin:-8px -6px}.consume-item .sprite-icon-lg{transform:scale(.25);margin:-18px -14px}.consume-item>span:not(.sprite-icon):not(.sprite-icon-lg){font-size:.9em}.consume-note{font-size:.75rem;color:#ff9800;margin:.25rem 0 0;font-style:italic;text-align:center}.cost-warning{display:inline-flex;align-items:center;font-size:.85rem;margin-left:.25rem}.cost-icon{font-size:.9em;margin-right:.15rem;display:inline-flex;align-items:center;overflow:visible}.pilferer-assist-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;background:#8b5a2b40;border:1px solid rgba(139,90,43,.5);border-radius:4px;font-size:.75rem;font-weight:600;color:#d4a574;cursor:help;margin-left:auto;margin-right:.5rem}.mark-boosted{color:#b388ff!important}.husbandry-interface{display:flex;flex-direction:column;gap:1.25rem}.husbandry-content{display:flex;flex-direction:column;gap:1.5rem}.husbandry-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.husbandry-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.husbandry-interface .compact-title{display:flex;align-items:center;gap:.5rem}.husbandry-interface .compact-icon{font-size:1.75rem}.husbandry-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.husbandry-interface .compact-level{font-size:1.25rem;color:var(--text-primary);font-weight:600}.husbandry-interface .compact-level .virtual-level{color:#9370db;font-size:1rem}.husbandry-interface .compact-stats{display:flex;align-items:center;gap:1.25rem}.husbandry-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.husbandry-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.husbandry-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.husbandry-interface .compact-stat.xp-total .stat-value,.husbandry-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.husbandry-interface .compact-pets{display:flex;align-items:center;gap:1rem;margin-left:auto}.husbandry-interface .pets-stat{display:flex;align-items:baseline;gap:.4rem;padding:.3rem .6rem;background:#0003;border-radius:4px;border:1px solid var(--border-color)}.husbandry-interface .pets-stat .stat-label{color:var(--text-secondary);font-size:.9rem}.husbandry-interface .pets-stat .stat-value{font-weight:600;font-size:1rem;color:#8bc34a}.husbandry-interface .pets-stat .stat-value.has-active{color:var(--accent-green)}.husbandry-interface .compact-progress{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.husbandry-interface .compact-progress-bar{position:relative;flex:1;height:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.husbandry-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.husbandry-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#8b5a2b,#c9a66b);transition:width .2s ease}.husbandry-interface .compact-progress-text{font-size:1.05rem;color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-weight:500}.husbandry-interface .pets-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:stretch}.pet-card{height:100%}.pet-card .pet-icon{font-size:1.5rem}.pet-card-body{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;flex:1}.pet-stats-row{justify-content:space-around;padding:.5rem 0}.pet-stats-row .stat-value.has-bonus{color:var(--accent-green)}.pet-stats-row .stat-value.maxed{color:var(--accent-gold);font-weight:600}.pet-stats-row .feed-stat .stat-value{font-size:.8rem}.pet-stats-row .action-stat{display:flex;align-items:baseline;gap:.3rem;padding:.4rem .75rem;min-height:2rem}.pet-stats-row .stat-label{color:var(--text-secondary);font-size:.85rem}.pet-stats-row .stat-icon{font-size:1rem}.pet-stats-row .stat-value{font-size:.9rem}.pet-feed-bar{margin:.25rem 0}.pet-feed-bar .feed-progress-bar{height:6px}.pet-card .pet-description{color:var(--text-secondary);font-size:.85rem;padding:.5rem 0;text-align:center}.pet-action-buttons{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem}.pet-action-buttons .action-button{flex:1;padding:.5rem;background:var(--accent-green);border:2px solid var(--border-color);color:#fff;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85rem}.pet-action-buttons .action-button:hover:not(.disabled){background:#66bb6a;transform:translateY(-1px)}.pet-action-buttons .action-button.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.pet-action-buttons .evolve-btn:not(.disabled){background:#9c27b0}.pet-action-buttons .evolve-btn:hover:not(.disabled){background:#ab47bc}.pet-action-buttons .max-evo-btn{background:var(--bg-tertiary);color:var(--accent-gold)}.pet-contract-section .assign-contract-btn{width:100%;padding:.5rem;background:#4a90d9;border:2px solid var(--border-color);color:#fff;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85rem}.pet-contract-section .assign-contract-btn:hover{background:#5a9fd4;transform:translateY(-1px)}.pet-card .unlock-btn{background:var(--accent-gold);color:var(--bg-primary)}.pet-card .unlock-btn:hover{background:#ffca28}.feed-progress-stat{flex-direction:column;align-items:flex-start;gap:.25rem}.feed-progress-container{display:flex;align-items:center;gap:.5rem;width:100%}.feed-progress-bar{flex:1;height:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.feed-progress-bar.large{height:16px;border-width:2px}.feed-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.feed-progress-fill.maxed{background:linear-gradient(90deg,gold,#ffb300)}.feed-progress-text{font-size:.8rem;color:var(--text-secondary);min-width:50px;text-align:right}.feed-progress-text.maxed{color:var(--accent-gold);font-weight:700}.evolution-requirements{background:#0003;border:1px solid var(--border-color);border-radius:4px;padding:.5rem .75rem;margin:.5rem 0}.evo-req-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.evo-req{display:block;font-size:.85rem;padding:.125rem 0}.evo-req.has-enough{color:var(--accent-green)}.evo-req.missing{color:#f44336}.max-evolution-text{display:block;color:var(--accent-gold);font-size:.85rem;font-weight:500;text-align:center;padding:.5rem}.feed-modal{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.feed-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:2px solid var(--border-color)}.feed-modal .modal-header h3{color:var(--accent-gold);margin:0;font-size:1.25rem}.feed-modal .modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.feed-modal .modal-close:hover{color:var(--text-primary)}.feed-modal-content{padding:1.25rem}.feed-status{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.feed-progress-label{display:block;margin-top:.5rem;color:var(--text-primary);font-size:.95rem}.feed-speed-bonus{display:block;color:var(--accent-green);font-weight:500;margin-top:.25rem}.feed-info{background:#0003;border:1px solid var(--border-color);border-radius:4px;padding:.75rem 1rem;margin-bottom:1rem}.feed-info p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.feed-info p:last-child{margin-bottom:0}.feed-rates{font-size:.85rem;line-height:1.5}.feed-maxed-message{text-align:center;padding:2rem;color:var(--accent-gold);font-size:1.1rem}.feed-options{display:flex;flex-direction:column;gap:.75rem}.feed-option{display:flex;flex-direction:column;gap:.5rem;background:#00000026;border:1px solid var(--border-color);border-radius:4px;padding:.75rem}.feed-option.disabled{opacity:.5}.feed-option-info{padding-left:.75rem}.feed-option-name{display:block;font-weight:500;color:var(--text-primary);font-size:.95rem}.feed-option-qty{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.125rem}.feed-option-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.feed-amount-btn{flex:1;min-width:70px;padding:.5rem .75rem;background:var(--accent-green);border:1px solid var(--border-color);border-radius:4px;color:#fff;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s}.feed-amount-btn:hover:not(.disabled){background:#66bb6a;transform:translateY(-1px)}.feed-amount-btn.all{background:var(--accent-gold);color:var(--bg-primary)}.feed-amount-btn.all:hover:not(.disabled){background:#ffca28}.feed-amount-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.pet-contract-info{margin-top:.75rem;padding:.75rem;background:#0003;border:1px solid var(--border-color);border-radius:6px}.contract-rewards-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.5rem .625rem;background:#00000026;border-radius:4px}.contract-rewards-preview .reward-item{font-size:.875rem;color:var(--text-secondary);padding:.2rem .5rem;background:#ffffff0d;border-radius:3px}.contract-rewards-preview .reward-xp{font-size:.875rem;color:#a78bfa;font-weight:500;margin-left:auto}.husbandry-interface .contract-rewards-preview .reward-xp{flex-basis:100%;text-align:center;margin-left:0;margin-top:.25rem}.pet-contract-info .contract-progress-bar{height:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.pet-contract-info .contract-progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#4ade80);transition:width .3s ease}.pet-contract-info .contract-progress-fill.complete{background:linear-gradient(90deg,#4ade80,#22c55e)}.pet-contract-info .contract-progress-fill.waiting{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.chest-full-warning{color:#f59e0b;font-weight:600;font-size:.875rem;animation:pulse-warning 1.5s ease-in-out infinite;cursor:help}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.chest-full-badge{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;color:#fff;background:#f59e0b;border-radius:4px;animation:pulse-warning 1.5s ease-in-out infinite}.pet-contract-info .contract-timer{text-align:center}.pet-contract-info .time-remaining{color:var(--text-secondary);font-size:.875rem}.pet-contract-info .collect-btn{background:var(--accent-gold);color:var(--bg-primary);border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.pet-contract-info .collect-btn:hover{background:#ffca28;transform:translateY(-1px)}.pet-contract-section{margin-top:auto;padding-top:.75rem}.inline-contract-selection{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.contract-selection-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0003;border-bottom:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary)}.close-selection-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1}.close-selection-btn:hover{color:var(--text-primary)}.contract-options-list{display:flex;flex-direction:column}.inline-contract-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color)}.inline-contract-option:last-child{border-bottom:none}.inline-contract-option:hover{background:#ffffff0d}.inline-contract-option .contract-type-icon{font-size:1.25rem;display:flex;align-items:center}.inline-contract-option .contract-type-icon .skill-icon-img{width:22px;height:22px}.inline-contract-option .contract-option-info{flex:1}.inline-contract-option .contract-option-name{display:block;font-weight:500;color:var(--text-primary);font-size:.9rem}.inline-contract-option .contract-option-details{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.125rem}.inline-contract-option .contract-option-rewards{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.inline-contract-option .reward-preview{font-size:.85rem;padding:.125rem .25rem;background:#0003;border-radius:3px;cursor:help;display:inline-flex;align-items:center;gap:2px}.reward-chance{font-size:.65rem;color:var(--text-secondary);font-weight:500}.inline-contract-option .reward-preview.tier-reward{background:#daa52033;border:1px solid rgba(218,165,32,.5);box-shadow:0 0 3px #daa5204d}.contract-research{display:inline-block;font-size:.8rem;color:#a78bfa;font-weight:500;padding:.125rem .35rem;background:#a78bfa26;border-radius:3px;margin-left:.5rem}.contract-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.contract-header-row .contract-name{font-weight:500;color:var(--text-primary)}.cancel-contract-btn{background:transparent;border:1px solid #f44336;color:#f44336;width:22px;height:22px;border-radius:4px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.cancel-contract-btn:hover{background:#f44336;color:#fff}.tab-notification{display:inline-flex;align-items:center;justify-content:center;background:#f44336;color:#fff;font-size:.7rem;font-weight:700;width:14px;height:14px;border-radius:50%;margin-left:.375rem;animation:pulse-notification 1.5s infinite}.tab-notification.warning{background:#f59e0b;width:auto;padding:.15rem .4rem;font-size:.65rem;border-radius:4px;animation:pulse-warning 1.5s ease-in-out infinite}.skill-notification{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;background:#f44336;color:#fff;font-size:.65rem;font-weight:700;width:14px;height:14px;border-radius:50%;animation:pulse-notification 1.5s infinite}.skill-notification.warning{background:#f59e0b;width:auto;min-width:18px;height:auto;padding:2px 4px;font-size:.7rem;border-radius:4px}@keyframes pulse-notification{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.1);opacity:.8}}.chest-panel{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:1rem 1.5rem;max-width:600px}.chest-panel-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem}.chest-panel-title{color:var(--accent-gold);font-size:1.25rem;font-weight:600;margin:0}.chest-panel-count{color:var(--text-secondary);font-size:.95rem;margin-left:auto}.chest-panel-count.overflow{color:#ff9800;font-weight:600}.chest-stack-info{color:var(--text-secondary);font-size:.8rem;opacity:.8}.chest-panel.overflow{border-color:#ff9800}.chest-main{display:flex;flex-direction:column;gap:1rem}.husbandry-interface .chest-claim-all-btn{padding:.5rem 1.5rem;background:var(--accent-gold);border:none;border-radius:4px;color:var(--bg-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem;margin-left:0}.husbandry-interface .chest-claim-all-btn:hover{background:#e6b800;transform:translateY(-1px)}.chest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px;margin-bottom:.75rem}.chest-slot{aspect-ratio:1;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);min-width:44px;min-height:44px;position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s}.chest-slot.empty{opacity:.3;cursor:default}.chest-slot.filled:hover{border-color:var(--accent-gold);box-shadow:0 0 6px #daa52080;z-index:10}.chest-slot-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px;position:relative}.chest-item-icon{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;user-select:none}.chest-slot .sprite-icon-lg{transform:scale(.5);transform-origin:center center;margin:-16px}.contract-rewards-preview .sprite-icon-lg{transform:scale(.4);transform-origin:center center;margin:-12px}.inline-contract-option .sprite-icon-lg,.reward-preview .sprite-icon-lg{transform:scale(.35);transform-origin:center center;margin:-14px -10px}.chest-item-qty{position:absolute;bottom:1px;right:2px;font-size:.55rem;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;line-height:1}.chest-help{text-align:center;color:var(--text-secondary);font-size:.8rem;margin:.75rem 0 0}.chest-notification-settings{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color);text-align:center}.chest-notification-settings h4{margin:0 0 .25rem;color:var(--text-primary);font-size:.9rem}.chest-notification-settings .settings-desc{margin:0 0 .75rem;color:var(--text-secondary);font-size:.8rem}.notification-options{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.notification-option{display:flex;align-items:center;gap:.375rem;padding:.4rem .65rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;font-size:.8rem;color:var(--text-secondary)}.notification-option:hover{border-color:var(--accent-gold);color:var(--text-primary)}.notification-option.active{border-color:var(--accent-gold);background:#daa52026;color:var(--accent-gold)}.notification-option input[type=radio]{display:none}.notification-option span{pointer-events:none}@media(max-width:1199px){.husbandry-interface .pets-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.husbandry-interface .compact-header-row{gap:1rem}.husbandry-interface .compact-name{font-size:1.25rem}.husbandry-interface .compact-level{font-size:1.1rem}.husbandry-interface .compact-stats{gap:.75rem}.husbandry-interface .compact-stat .stat-label{font-size:.9rem}.husbandry-interface .compact-stat .stat-value{font-size:1rem}.husbandry-interface .compact-pets{gap:.5rem}}@media(max-width:899px){.husbandry-interface .pets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.husbandry-interface .compact-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.husbandry-interface .compact-pets{margin-left:0;width:100%;justify-content:flex-start}.husbandry-interface .compact-progress-text{font-size:.9rem}}@media(min-width:1800px){.husbandry-interface .pets-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem}.husbandry-interface .compact-name{font-size:1.6rem}.husbandry-interface .compact-level{font-size:1.3rem}.husbandry-interface .compact-stat .stat-value{font-size:1.2rem}.pet-card .action-name{font-size:1rem}.pet-action-buttons .action-button{font-size:.9rem;padding:.6rem}.pet-feed-bar .feed-progress-bar{height:7px}.pet-contract-info .contract-progress-bar{height:9px}.chest-item-icon{font-size:1.2rem}}@media(min-width:2400px){.husbandry-interface .pets-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;max-width:none}.husbandry-interface .compact-name{font-size:1.75rem}.husbandry-interface .compact-level{font-size:1.4rem}.husbandry-interface .compact-stat .stat-value{font-size:1.25rem}.pet-card .action-name{font-size:1.1rem}.pet-action-buttons .action-button{font-size:.95rem;padding:.65rem}.pet-feed-bar .feed-progress-bar{height:8px}.pet-contract-info .contract-progress-bar{height:10px}.chest-item-icon{font-size:1.3rem}}.pets-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;padding:.5rem 0}.pet-card-compact{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.pet-card-compact:hover{border-color:var(--accent-gold);box-shadow:0 4px 12px #0000004d,0 0 0 1px var(--accent-gold)}.pet-card-compact.on-contract{border-color:#4ade80}.pet-card-compact.contract-complete{border-color:var(--accent-gold);box-shadow:0 0 10px #daa5204d}.pet-card-compact.locked{opacity:.7;cursor:default}.pet-card-compact.locked:hover{transform:none;box-shadow:none}.pet-card-compact .pet-card-header{display:flex;align-items:center;gap:.75rem}.pet-icon-compact{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.pet-header-info{flex:1;min-width:0}.pet-header-info .pet-name{display:block;font-weight:600;color:var(--text-primary);font-size:1.1rem}.pet-header-info .pet-tier{display:block;color:var(--text-secondary);font-size:.85rem}.pet-header-info .req-met{color:var(--accent-green)}.pet-header-info .req-missing{color:var(--error-color)}.pet-header-info .quest-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.pet-header-info .quest-link:hover{color:var(--accent-gold);text-decoration-style:solid}.pet-quick-stats{display:flex;gap:.5rem}.pet-quick-stats .quick-stat{font-size:.8rem;padding:.2rem .4rem;background:#0003;border-radius:4px;color:var(--text-secondary)}.pet-quick-stats .quick-stat.has-bonus{color:var(--accent-green)}.pet-feed-bar-compact{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.pet-feed-bar-compact .feed-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.pet-contract-status{padding:.5rem;background:#0003;border-radius:4px}.contract-status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.contract-status-row .contract-num{font-size:.8rem;font-weight:600;color:var(--text-secondary);min-width:1rem}.contract-status-row .contract-type-badge{font-size:.9rem;display:flex;align-items:center}.contract-status-row .contract-type-badge .skill-icon-img{width:18px;height:18px}.contract-status-row .contract-status-name{flex:1;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-status-row .contract-status-timer{font-size:.8rem;color:var(--text-secondary)}.contract-status-timer .ready-badge{color:var(--accent-gold);font-weight:600}.contract-status-timer .chest-full-mini{color:#f59e0b}.contract-progress-compact{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.contract-progress-fill-compact{height:100%;background:linear-gradient(90deg,#60a5fa,#4ade80);transition:width .3s ease}.contract-progress-fill-compact.complete{background:linear-gradient(90deg,#4ade80,#22c55e)}.contract-progress-fill-compact.waiting{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.contract-rewards-preview{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.contract-rewards-preview .rewards-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.5px}.contract-rewards-preview .rewards-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.reward-preview-item{display:inline-flex;align-items:center;gap:.15rem;font-size:1rem;padding:.2rem .4rem;background:#00000040;border-radius:4px;cursor:help}.reward-preview-item .reward-qty{font-size:.75rem;color:var(--text-secondary)}.reward-preview-item.insight{background:#a78bfa33;border:1px solid rgba(167,139,250,.4)}.reward-preview-item.tier-reward{background:#daa52026;border:1px solid rgba(218,165,32,.5);box-shadow:0 0 4px #daa5204d}.contract-xp-row{display:flex;align-items:center;gap:.4rem}.contract-xp-row .xp-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.contract-xp-preview{font-size:1rem;color:#a78bfa;font-weight:500}.contract-xp-preview .skill-icon-img{width:22px;height:22px;vertical-align:-5px;margin-right:3px}.contract-xp-row.secondary{margin-top:.2rem}.reward-more-mini{font-size:.75rem;color:var(--text-secondary);padding:.1rem .3rem;background:#0000004d;border-radius:3px}.pet-no-contract{padding:1rem .5rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.no-contract-text{color:var(--text-secondary);font-size:.9rem}.no-contract-hint{color:var(--text-muted, #666);font-size:.8rem;font-style:italic}.pet-manage-btn{width:100%;padding:.5rem;background:#4a90d9;border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.pet-manage-btn:hover{background:#5a9fd4}.pet-card-body-compact{text-align:center}.pet-description-compact{color:var(--text-secondary);font-size:.8rem;margin:.5rem 0}.pet-action-btn.unlock{background:var(--accent-gold);color:var(--bg-primary);border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.pet-action-btn.unlock:hover{background:#ffca28}.pet-modal{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:12px;max-width:850px;width:95%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.pet-modal-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(145deg,#1e2832f2,#141e28fa);border-bottom:2px solid var(--border-color)}.pet-modal-title{display:flex;align-items:center;gap:.75rem;flex:1}.pet-modal-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.pet-modal-info h3{margin:0;color:var(--accent-gold);font-size:1.25rem}.pet-modal-tier{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.125rem}.pet-modal-stats{display:flex;gap:.75rem}.modal-stat{padding:.35rem .6rem;background:#0000004d;border-radius:4px;font-size:.85rem;color:var(--text-primary)}.pet-modal-header .modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.75rem;cursor:pointer;padding:.25rem .5rem;line-height:1;margin-left:auto}.pet-modal-header .modal-close:hover{color:var(--text-primary)}.pet-modal-tabs{display:flex;border-bottom:2px solid var(--border-color)}.pet-modal-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.pet-modal-tab:hover{background:#ffffff0d;color:var(--text-primary)}.pet-modal-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.pet-modal-content{padding:1rem;overflow-y:auto;flex:1}.contract-slots-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;margin-bottom:1rem;font-size:.85rem}.contract-slots-indicator .slots-icon{font-size:1rem}.contract-slots-indicator .slots-label{color:var(--text-secondary);font-weight:500}.contract-slots-indicator .slots-count{color:#a78bfa;font-weight:700;font-size:.95rem}.contract-slots-indicator .slots-count.full{color:#4ade80}.contract-slots-indicator .slots-hint{color:var(--text-tertiary);font-size:.75rem;margin-left:auto;font-style:italic}.current-contract-section{margin-bottom:1.25rem}.current-contract-section h4,.available-contracts-section h4{margin:0 0 .75rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.current-contract-card{background:#4ade801a;border:1px solid #4ade80;border-radius:8px;padding:1rem}.current-contract-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.current-contract-name{font-weight:600;color:var(--text-primary);flex:1}.current-contract-rewards{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.current-contract-rewards .reward-item{font-size:.85rem;padding:.2rem .5rem;background:#0003;border-radius:4px}.current-contract-rewards .reward-item.tier-reward{background:#daa52033;border:1px solid rgba(218,165,32,.5);box-shadow:0 0 4px #daa5204d}.current-contract-rewards .reward-xp{margin-left:auto;color:#a78bfa;font-weight:500;font-size:.85rem}.current-contract-progress{display:flex;flex-direction:column;gap:.5rem}.contract-progress-bar-modal{height:10px;background:var(--bg-primary);border-radius:5px;overflow:hidden}.contract-progress-fill-modal{height:100%;background:linear-gradient(90deg,#60a5fa,#4ade80);transition:width .3s ease}.contract-progress-fill-modal.complete{background:linear-gradient(90deg,#4ade80,#22c55e)}.contract-progress-fill-modal.waiting{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.contract-progress-info{text-align:center}.time-remaining-modal{color:var(--text-secondary);font-size:.9rem}.collect-btn-modal{background:var(--accent-gold);color:var(--bg-primary);border:none;padding:.5rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.collect-btn-modal:hover{background:#ffca28;transform:translateY(-1px)}.pet-synergies-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#8b5cf61a,#a78bfa0d);border:1px solid rgba(167,139,250,.3);border-radius:6px;margin-bottom:1rem}.synergy-label{color:#c4b5fd;font-size:.85rem;font-weight:500}.synergy-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#a78bfa26;border-radius:4px;font-size:.85rem;cursor:help}.synergy-badge .skill-icon-img{width:16px;height:16px}.contracts-list{display:flex;flex-direction:column;gap:.75rem}.contract-tier-row{display:flex;flex-direction:column;gap:.5rem}.contract-tier-label{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-left:.25rem}.contract-tier-label .tier-icon{font-size:.9rem}.contract-tier-cards{display:flex;gap:.6rem;flex-wrap:wrap}.contract-card-compact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.4rem;flex:1 1 240px;max-width:280px;min-width:200px}.contract-card-compact:hover:not(.current){border-color:var(--accent-gold);background:#ffffff08}.contract-card-compact.current{background:#4ade801a;border-color:#4ade80;cursor:default}.contract-card-top{display:flex;align-items:center;gap:.5rem}.contract-type-icon{font-size:1.1rem;display:inline-flex;align-items:center}.contract-type-icon .skill-icon-img{width:20px;height:20px}.contract-card-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contract-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-secondary)}.contract-card-duration{display:flex;align-items:center;gap:.2rem}.contract-card-compact .contract-research{font-size:.8rem;color:#60a5fa}.contract-card-rewards{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.35rem 0}.reward-item-detailed{display:inline-flex;align-items:center;gap:.2rem;font-size:1rem;padding:.2rem .4rem;background:#00000040;border-radius:4px;cursor:help}.reward-item-detailed .reward-qty{font-size:.8rem;color:var(--text-secondary);font-weight:500}.reward-item-detailed.insight-reward{background:#a78bfa33;border:1px solid rgba(167,139,250,.4)}.reward-item-detailed.tier-reward{background:#daa52033;border:1px solid rgba(218,165,32,.5);box-shadow:0 0 4px #daa5204d}.reward-item-detailed .insight-icon{font-size:.9rem}.reward-icon-compact{font-size:1.1rem;cursor:help}.reward-more{font-size:.8rem;color:var(--text-secondary);padding:.15rem .35rem;background:#0003;border-radius:3px}.contract-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.contract-card-xp{color:#a78bfa;font-size:.85rem}.contract-card-xp .skill-icon-img{width:18px;height:18px;vertical-align:-3px;margin-right:2px}.contract-active-badge{color:#4ade80;font-weight:600;font-size:.8rem}.contract-option-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem;cursor:pointer;transition:all .2s}.contract-option-card:hover:not(.current){border-color:var(--accent-gold);background:#ffffff05}.contract-option-card.current{background:#4ade801a;border-color:#4ade80;cursor:default}.contract-option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.contract-option-name{font-weight:600;color:var(--text-primary);flex:1}.contract-duration{color:var(--text-secondary);font-size:.85rem}.contract-option-rewards{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.reward-preview-modal{display:inline-flex;align-items:center;gap:2px;font-size:.85rem;padding:.15rem .35rem;background:#0003;border-radius:3px;cursor:help}.reward-preview-modal .chance{font-size:.65rem;color:var(--text-secondary)}.contract-option-xp{color:#a78bfa;font-size:.85rem;margin-bottom:.5rem}.start-contract-btn{width:100%;padding:.5rem;background:#4a90d9;border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.start-contract-btn:hover{background:#5a9fd4}.current-badge{display:block;text-align:center;padding:.5rem;color:#4ade80;font-weight:600;font-size:.85rem}.feed-tab-content{display:flex;flex-direction:column;gap:1.25rem}.feed-status-section{text-align:center}.feed-progress-large{margin-bottom:.75rem}.feed-bar-large{height:20px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;overflow:hidden}.feed-fill-large{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.feed-fill-large.maxed{background:linear-gradient(90deg,gold,#ffb300)}.feed-labels{display:flex;justify-content:space-between;margin-top:.5rem}.feed-count{font-weight:600;color:var(--text-primary)}.feed-remaining{color:var(--text-secondary);font-size:.9rem}.speed-bonus-display{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;background:#0003;border-radius:6px;margin-top:.5rem}.speed-label{color:var(--text-secondary)}.speed-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.speed-value.has-bonus{color:var(--accent-green)}.feed-info-section{background:#00000026;border:1px solid var(--border-color);border-radius:6px;padding:.875rem}.feed-info-section p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.feed-info-section p:last-child{margin-bottom:0}.feed-tier-requirement{color:var(--text-primary)!important}.evolve-hint{color:#a78bfa!important;font-style:italic}.feed-action-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.food-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0003;border-radius:4px;margin-bottom:1rem}.food-icon{font-size:1.5rem}.food-info{flex:1}.food-name{display:block;font-weight:500;color:var(--text-primary)}.food-qty{display:block;color:var(--text-secondary);font-size:.85rem}.feed-buttons{display:flex;gap:.5rem}.feed-btn{flex:1;padding:.625rem;background:var(--accent-green);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.feed-btn:hover:not(.disabled){background:#66bb6a}.feed-btn.all{background:var(--accent-gold);color:var(--bg-primary)}.feed-btn.all:hover:not(.disabled){background:#ffca28}.feed-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.awaken-tab-content{display:flex;flex-direction:column;gap:1.25rem}.evolution-tiers{display:flex;gap:.5rem}.evo-tier{flex:1;padding:.75rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;text-align:center;transition:all .2s}.evo-tier.current{border-color:var(--accent-gold);background:#daa5201a}.evo-tier.unlocked{border-color:#4ade80}.evo-tier.locked{opacity:.5}.tier-number{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tier-name{display:block;font-weight:600;color:var(--text-primary);font-size:.9rem;margin-top:.25rem}.max-evolution-notice{text-align:center;padding:2rem;background:linear-gradient(135deg,#daa5201a,#ffd7000d);border:2px solid var(--accent-gold);border-radius:8px}.max-evo-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.max-evo-text{display:block;font-size:1.25rem;font-weight:600;color:var(--accent-gold);margin-bottom:.5rem}.max-evolution-notice p{margin:0;color:var(--text-secondary)}.next-evolution-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.next-evolution-section h4{margin:0 0 1rem;color:var(--accent-gold);font-size:1.1rem}.evo-bonuses{margin-bottom:1rem}.bonus-label,.req-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.bonus-list{display:flex;flex-direction:column;gap:.4rem}.bonus-item{display:block;padding:.4rem .75rem;background:#4ade801a;border-left:3px solid #4ade80;border-radius:0 4px 4px 0;color:var(--text-primary);font-size:.9rem}.evo-requirements{margin-bottom:1.25rem}.evo-requirement{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0003;border-radius:4px;margin-bottom:.5rem}.evo-requirement:last-child{margin-bottom:0}.evo-req-icon{font-size:1rem}.evo-req-name{flex:1;color:var(--text-primary)}.evo-req-count{font-weight:500}.evo-requirement.met .evo-req-count{color:#4ade80}.evo-requirement.missing .evo-req-count{color:#f44336}.awaken-btn{width:100%;padding:.75rem;background:#9c27b0;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.awaken-btn:hover:not(.disabled){background:#ab47bc;transform:translateY(-1px)}.awaken-btn.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}@media(max-width:1199px){.pets-grid-compact{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:640px){.pets-grid-compact{grid-template-columns:1fr}.pet-modal{max-height:90vh}.pet-modal-header{flex-wrap:wrap}.pet-modal-stats{width:100%;justify-content:flex-start;margin-top:.5rem}.contract-card-compact{flex:1 1 100%;max-width:none}.feed-buttons{flex-wrap:wrap}.feed-btn{min-width:calc(50% - .25rem)}.evolution-tiers{flex-direction:column}}@media(min-width:1800px){.pets-grid-compact{grid-template-columns:repeat(5,1fr)}}.smithing-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.smithing-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.smithing-interface .compact-title{display:flex;align-items:center;gap:.5rem}.smithing-interface .compact-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.smithing-interface .compact-icon .skill-icon-img{width:48px;height:48px;background-size:contain;background-position:center;background-repeat:no-repeat}.smithing-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.smithing-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.smithing-interface .compact-stats{display:flex;gap:1.5rem}.smithing-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.smithing-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.smithing-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.smithing-interface .compact-stat.xp-total .stat-value,.smithing-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.smithing-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.smithing-interface .tool-label{color:var(--text-secondary)}.smithing-interface .tool-current{color:var(--text-primary);font-weight:500}.smithing-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.smithing-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.smithing-interface .compact-upgrade.available:hover{background:#4caf5033}.smithing-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.smithing-interface .compact-upgrade.maxed{color:#4caf50}.smithing-interface .upgrade-cost{margin-left:.5rem}.smithing-interface .upgrade-cost.affordable{color:#4caf50}.smithing-interface .upgrade-cost.cant-afford{color:#f44336}.smithing-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.smithing-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.smithing-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#daa520);transition:width .1s linear}.smithing-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.smithing-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.smithing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.smithing-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.smithing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bar-color, #b8860b);opacity:.7;transition:opacity .2s ease}.smithing-card:hover:not(.locked){border-color:var(--bar-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.smithing-card:hover:not(.locked):before{opacity:1}.smithing-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.smithing-card.active:before{background:var(--accent-green);opacity:1;animation:smithing-glow-pulse 2s ease-in-out infinite}@keyframes smithing-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.smithing-card.locked{opacity:.5;cursor:not-allowed}.smithing-card.locked:before{background:#666}.smithing-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.smithing-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.smithing-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.smithing-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.smithing-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.smithing-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.smithing-stat .stat-icon{flex-shrink:0}.smithing-stat .stat-icon.smithing-icon{width:32px;height:32px}.smithing-stat .stat-icon.time-icon{width:24px;height:24px}.smithing-stat .stat-label{color:var(--text-secondary)}.smithing-stat .stat-value{color:#8bc34a;font-weight:500}.smithing-stat .stat-value.xp{color:#8bc34a}.smithing-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.smithing-interface .material-icon{font-size:1.5rem;line-height:1}.smithing-output{padding:.5rem 1rem;margin-top:auto}.smithing-interface .output-icon{font-size:1.5rem;line-height:1}.smithing-interface .material-row .sprite-icon-lg,.smithing-interface .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.smithing-action{padding:.5rem 1rem;display:flex;justify-content:center}.smithing-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#b8860b,#8b6914);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.smithing-action .action-btn:hover{background:linear-gradient(135deg,#daa520,#b8860b);transform:translateY(-1px)}.smithing-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.smithing-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.smithing-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.smithing-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.smithing-progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#daa520);transition:width .1s linear;width:0%}.smithing-card.active .smithing-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.smithing-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tier-tabs-separator{width:1px;background:var(--border-color);margin:0 .25rem;opacity:.5}.skill-tab.tier-tab{padding:.5rem .75rem;font-size:.85rem;background:transparent;border:2px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.skill-tab.tier-tab:not(.locked):hover{background:#ffffff0d;border-color:var(--tier-color, var(--accent-gold));color:var(--text-primary)}.skill-tab.tier-tab.active{border-color:var(--tier-color, var(--accent-gold));background:rgba(var(--tier-color-rgb, 255, 215, 0),.1);color:var(--tier-color, var(--accent-gold))}.skill-tab.tier-tab.locked{opacity:.5;cursor:not-allowed}.tab-bar-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.35rem;vertical-align:middle;flex-shrink:0}.tab-bar-icon .sprite-icon-lg{transform:scale(.3125);transform-origin:center center;margin:-22px}.tab-bar-icon.silhouette .sprite-icon-lg{filter:grayscale(100%) brightness(1.5) contrast(.3)}.melee-tier-section .tier-header{display:flex;flex-direction:column;align-items:center;padding:1rem;margin-bottom:1rem;background:linear-gradient(145deg,#0000004d,#0000001a);border-radius:8px;border-left:4px solid var(--tier-color, var(--accent-gold))}.melee-tier-section .tier-header h3{margin:0;font-size:1.25rem;color:var(--tier-color, var(--accent-gold))}.melee-tier-section .tier-description{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.smithing-card.equipment-card .smithing-card-header{background:#00000059}.smithing-stat .stat-value.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}@media(max-width:768px){.smithing-grid{grid-template-columns:1fr;gap:.5rem}.smithing-card-info{padding:.375rem .75rem;gap:.75rem}.smithing-stat{font-size:.8rem;padding:.15rem .375rem}.smithing-stat .stat-icon.smithing-icon{width:24px;height:24px}.smithing-stat .stat-icon.time-icon{width:20px;height:20px}.smithing-materials,.smithing-output{padding:.375rem .75rem}.smithing-interface .material-icon,.smithing-interface .output-icon{font-size:1.25rem}.material-row{font-size:.85rem}.output-row{font-size:.9rem}.smithing-action{padding:.375rem .75rem}.smithing-action .action-btn{font-size:.85rem}.smithing-progress{height:5px}}@media(min-width:769px)and (max-width:1079px){.smithing-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}}@media(max-width:1199px){.smithing-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.smithing-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.smithing-stat .stat-icon.smithing-icon{width:28px;height:28px}.smithing-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.smithing-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.smithing-card-header{padding:.625rem .875rem;gap:.625rem}.smithing-card-info{padding:.625rem 1.125rem;gap:1.125rem}.smithing-stat{font-size:.9rem;padding:.25rem .625rem}.smithing-stat .stat-icon.smithing-icon{width:36px;height:36px}.smithing-stat .stat-icon.time-icon{width:28px;height:28px}.smithing-materials,.smithing-output{padding:.625rem 1.125rem}.smithing-interface .material-icon,.smithing-interface .output-icon{font-size:1.6rem}.material-row{font-size:.95rem}.output-row{font-size:1.05rem}.smithing-interface .material-row .sprite-icon-lg,.smithing-interface .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.smithing-action{padding:.625rem 1.125rem}.smithing-action .action-btn{font-size:.95rem}.smithing-progress{height:7px}}@media(min-width:2400px){.smithing-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.smithing-card-header{padding:.75rem 1rem;gap:.75rem}.smithing-card-info{padding:.75rem 1.25rem;gap:1.25rem}.smithing-stat{font-size:.95rem;padding:.3rem .75rem}.smithing-stat .stat-icon.smithing-icon{width:40px;height:40px}.smithing-stat .stat-icon.time-icon{width:32px;height:32px}.smithing-materials,.smithing-output{padding:.75rem 1.25rem}.smithing-interface .material-icon,.smithing-interface .output-icon{font-size:1.75rem}.material-row{font-size:1rem}.output-row{font-size:1.1rem}.smithing-interface .material-row .sprite-icon-lg,.smithing-interface .output-row .sprite-icon-lg{transform:scale(.7);margin:-10px}.smithing-action{padding:.75rem 1.25rem}.smithing-action .action-btn{font-size:1rem}.smithing-progress{height:8px}}.woodcutting-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.woodcutting-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.woodcutting-interface .compact-title{display:flex;align-items:center;gap:.5rem}.woodcutting-interface .compact-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.woodcutting-interface .compact-icon .skill-icon-img{width:48px;height:48px;background-size:contain;background-position:center;background-repeat:no-repeat}.woodcutting-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.woodcutting-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.woodcutting-interface .compact-stats{display:flex;gap:1.5rem}.woodcutting-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.woodcutting-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.woodcutting-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.woodcutting-interface .compact-stat.xp-total .stat-value,.woodcutting-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.woodcutting-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.woodcutting-interface .tool-label{color:var(--text-secondary)}.woodcutting-interface .tool-current{color:var(--text-primary);font-weight:500}.woodcutting-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.woodcutting-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.woodcutting-interface .compact-upgrade.available:hover{background:#4caf5033}.woodcutting-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.woodcutting-interface .compact-upgrade.maxed{color:#4caf50}.woodcutting-interface .upgrade-cost{margin-left:.5rem}.woodcutting-interface .upgrade-cost.affordable{color:#4caf50}.woodcutting-interface .upgrade-cost.cant-afford{color:#f44336}.woodcutting-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.woodcutting-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.woodcutting-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,sienna);transition:width .1s linear}.woodcutting-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.woodcutting-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.tree-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.tree-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.tree-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tree-color, #8b4513);opacity:.7;transition:opacity .2s ease}.tree-card:hover:not(.locked){border-color:var(--tree-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.tree-card:hover:not(.locked):before{opacity:1}.tree-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.tree-card.active:before{background:var(--accent-green);opacity:1;animation:tree-glow-pulse 2s ease-in-out infinite}@keyframes tree-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.tree-card.locked{opacity:.5;cursor:not-allowed}.tree-card.locked:before{background:#666}.tree-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.tree-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.tree-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.tree-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.tree-card-info{display:flex;justify-content:center;gap:1rem;padding:.2rem 1rem}.tree-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.tree-stat .stat-icon{flex-shrink:0}.tree-stat .stat-icon.woodcutting-icon{width:32px;height:32px}.tree-stat .stat-icon.time-icon{width:24px;height:24px}.tree-stat .stat-label{color:var(--text-secondary)}.tree-stat .stat-value{font-weight:500;color:#8bc34a}.tree-drops{padding:.75rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.drop-info{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.drop-info.log-drop{font-size:1.1rem}.drop-info.log-drop .drop-name{color:var(--text-primary);font-weight:500}.drop-info .sprite-icon-lg{transform:scale(.4);transform-origin:center center;margin:-12px}.drop-info .drop-name{color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.drop-info .drop-qty{color:#8fbc8f;font-weight:600;flex-shrink:0;margin-left:.5rem}.drop-info .drop-qty.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.tree-action{padding:.5rem 1rem;display:flex;justify-content:center}.tree-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#8b4513,#654321);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tree-action .action-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-1px)}.tree-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.tree-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.tree-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.tree-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.tree-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,sienna);transition:width .1s linear;width:0%}.tree-card.active .tree-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}@media(max-width:767px){.tree-grid{grid-template-columns:1fr;gap:.5rem}.tree-card-header{padding:.3rem .75rem .2rem}.tree-card-info{padding:.375rem .75rem}.tree-drops{padding:.5rem .75rem}.tree-action{padding:.375rem .75rem}.tree-stat .stat-icon.woodcutting-icon{width:24px;height:24px}.tree-stat .stat-icon.time-icon{width:20px;height:20px}.tree-card-name{font-size:.9rem}.tree-stat{font-size:.8rem}.drop-info{font-size:.9rem}.drop-info.log-drop{font-size:1rem}}@media(min-width:768px)and (max-width:1079px){.tree-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.tree-card-header{padding:.3rem .75rem .2rem}.tree-card-info{padding:.4rem .875rem}.tree-drops{padding:.625rem .875rem}.tree-action{padding:.4rem .875rem}.tree-stat .stat-icon.woodcutting-icon{width:28px;height:28px}.tree-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1080px)and (max-width:1799px){.tree-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.tree-card-header{padding:.3rem .75rem .2rem}.tree-card-info{padding:.5rem 1rem}.tree-drops{padding:.75rem 1rem}.tree-action{padding:.5rem 1rem}}@media(max-width:1199px){.tree-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.tree-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.tree-stat .stat-icon.woodcutting-icon{width:28px;height:28px}.tree-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.tree-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tree-card-header{padding:.625rem .875rem;gap:.625rem}.tree-card-info{padding:.625rem 1.125rem}.tree-drops{padding:.875rem 1.125rem}.tree-action{padding:.625rem 1.125rem}.tree-stat .stat-icon.woodcutting-icon{width:36px;height:36px}.tree-stat .stat-icon.time-icon{width:28px;height:28px}.tree-card-name{font-size:1rem}.tree-stat{font-size:.9rem}.drop-info{font-size:1.05rem}.drop-info.log-drop{font-size:1.15rem}}@media(min-width:2400px){.tree-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.tree-card-header{padding:.75rem 1rem;gap:.75rem}.tree-card-info{padding:.75rem 1.25rem}.tree-drops{padding:1rem 1.25rem}.tree-action{padding:.75rem 1.25rem}.tree-stat .stat-icon.woodcutting-icon{width:40px;height:40px}.tree-stat .stat-icon.time-icon{width:32px;height:32px}.tree-card-name{font-size:1.1rem}.tree-stat{font-size:.95rem}.drop-info{font-size:1.1rem}.drop-info.log-drop{font-size:1.2rem}}.pyre-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.pyre-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.pyre-interface .compact-title{display:flex;align-items:center;gap:.5rem}.pyre-interface .compact-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.pyre-interface .compact-icon .skill-icon-img{width:48px;height:48px;background-size:contain;background-position:center;background-repeat:no-repeat}.pyre-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.pyre-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.pyre-interface .compact-stats{display:flex;gap:1.5rem}.pyre-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.pyre-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.pyre-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.pyre-interface .compact-stat.xp-total .stat-value,.pyre-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.pyre-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.pyre-interface .tool-label{color:var(--text-secondary)}.pyre-interface .tool-current{color:var(--text-primary);font-weight:500}.pyre-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.pyre-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.pyre-interface .compact-upgrade.available:hover{background:#4caf5033}.pyre-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.pyre-interface .compact-upgrade.maxed{color:#4caf50}.pyre-interface .upgrade-cost{margin-left:.5rem}.pyre-interface .upgrade-cost.affordable{color:#4caf50}.pyre-interface .upgrade-cost.cant-afford{color:#f44336}.pyre-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.pyre-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.pyre-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8c42);transition:width .1s linear}.pyre-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.pyre-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.pyre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.pyre-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.pyre-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--log-color, #ff6b35);opacity:.7;transition:opacity .2s ease}.pyre-card:hover:not(.locked){border-color:var(--log-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.pyre-card:hover:not(.locked):before{opacity:1}.pyre-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.pyre-card.active:before{background:var(--accent-green);opacity:1;animation:pyre-glow-pulse 2s ease-in-out infinite}@keyframes pyre-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.pyre-card.locked{opacity:.5;cursor:not-allowed}.pyre-card.locked:before{background:#666}.pyre-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.pyre-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.pyre-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.pyre-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.pyre-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.pyre-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.pyre-stat .stat-icon{flex-shrink:0;display:flex;align-items:center}.pyre-stat .stat-icon.pyre-icon{width:32px;height:32px}.pyre-stat .stat-icon.time-icon{width:24px;height:24px}.pyre-stat .stat-icon .skill-sprite{transform:scale(.5);transform-origin:center;margin:-5px -2px}.pyre-stat .stat-label{color:var(--text-secondary)}.pyre-stat .stat-value{color:#8bc34a;font-weight:500}.pyre-stat .stat-value.xp{color:#8bc34a}.pyre-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.pyre-interface .material-icon{font-size:1.5rem;line-height:1}.pyre-output{padding:.5rem 1rem;flex:1}.pyre-interface .output-icon{font-size:1.5rem;line-height:1}.pyre-interface .material-row .sprite-icon-lg,.pyre-interface .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.pyre-action{padding:.5rem 1rem;display:flex;justify-content:center}.pyre-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#ff6b35,#c50);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pyre-action .action-btn:hover{background:linear-gradient(135deg,#ff8c42,#ff6b35);transform:translateY(-1px)}.pyre-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.pyre-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.pyre-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.pyre-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.pyre-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8c42);transition:width .1s linear;width:0%}.pyre-card.active .pyre-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.pyre-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;padding:.25rem;background:#0003;border-radius:8px;width:fit-content}.pyre-tab{padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pyre-tab:hover:not(.active){background:#ffffff0d;color:var(--text-primary)}.pyre-tab.active{background:linear-gradient(135deg,#ff6b35,#c50);color:#fff;border-color:#ff6b354d}.rituals-container{display:flex;flex-direction:column;gap:1.5rem}.ritual-tier-section{background:#00000026;border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.05)}.ritual-tier-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.ritual-tier-name{font-weight:700;font-size:1.1rem;color:var(--accent-gold)}.ritual-tier-info{font-size:.85rem;color:var(--text-secondary)}.ritual-tier-logs{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.ritual-subtitle{font-size:.8rem;color:var(--text-secondary);padding:0 1rem .5rem;font-style:italic}.pyre-card.ritual-card .pyre-card-name{font-size:.85rem}.pyre-card.ritual-card .pyre-card-level{font-size:.75rem}@media(max-width:768px){.pyre-card-info{padding:.375rem .75rem;gap:.75rem}.pyre-stat{font-size:.8rem}.pyre-stat .stat-icon.pyre-icon{width:24px;height:24px}.pyre-stat .stat-icon.time-icon{width:20px;height:20px}.pyre-materials{padding:.375rem .75rem}.pyre-interface .material-icon{font-size:1.25rem}.material-row{font-size:.85rem}.pyre-output{padding:.375rem .75rem}.pyre-interface .output-icon{font-size:1.25rem}.output-row{font-size:.95rem}.pyre-action{padding:.375rem .75rem}.pyre-progress{height:5px}}@media(max-width:1199px){.pyre-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.pyre-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.pyre-stat .stat-icon.pyre-icon{width:28px;height:28px}.pyre-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.pyre-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pyre-card-header{padding:.625rem .875rem;gap:.625rem}.pyre-card-info{padding:.625rem 1.125rem;gap:1.125rem}.pyre-stat{font-size:.9rem}.pyre-stat .stat-icon.pyre-icon{width:36px;height:36px}.pyre-stat .stat-icon.time-icon{width:28px;height:28px}.pyre-materials{padding:.625rem 1.125rem}.pyre-interface .material-icon{font-size:1.6rem}.material-row{font-size:.95rem}.pyre-output{padding:.625rem 1.125rem}.pyre-interface .output-icon{font-size:1.6rem}.output-row{font-size:1.05rem}.pyre-interface .material-row .sprite-icon-lg,.pyre-interface .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.pyre-action{padding:.625rem 1.125rem}.pyre-progress{height:7px}}@media(min-width:2400px){.pyre-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.pyre-card-header{padding:.75rem 1rem;gap:.75rem}.pyre-card-info{padding:.75rem 1.25rem;gap:1.25rem}.pyre-stat{font-size:.95rem}.pyre-stat .stat-icon.pyre-icon{width:40px;height:40px}.pyre-stat .stat-icon.time-icon{width:32px;height:32px}.pyre-materials{padding:.75rem 1.25rem}.pyre-interface .material-icon{font-size:1.75rem}.material-row{font-size:1rem}.pyre-output{padding:.75rem 1.25rem}.pyre-interface .output-icon{font-size:1.75rem}.output-row{font-size:1.1rem}.pyre-interface .material-row .sprite-icon-lg,.pyre-interface .output-row .sprite-icon-lg{transform:scale(.7);margin:-10px}.pyre-action{padding:.75rem 1.25rem}.pyre-progress{height:8px}}.woodworking-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.woodworking-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.woodworking-interface .compact-title{display:flex;align-items:center;gap:.5rem}.woodworking-interface .compact-icon{font-size:1.75rem;min-width:48px;min-height:48px}.woodworking-interface .compact-icon .skill-icon-img{width:48px;height:48px;background-size:contain;background-position:center;background-repeat:no-repeat}.woodworking-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.woodworking-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.woodworking-interface .compact-stats{display:flex;gap:1.5rem}.woodworking-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.woodworking-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.woodworking-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.woodworking-interface .compact-stat.xp-total .stat-value,.woodworking-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.woodworking-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.woodworking-interface .tool-label{color:var(--text-secondary)}.woodworking-interface .tool-current{color:var(--text-primary);font-weight:500}.woodworking-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.woodworking-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.woodworking-interface .compact-upgrade.available:hover{background:#4caf5033}.woodworking-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.woodworking-interface .compact-upgrade.maxed{color:#4caf50}.woodworking-interface .upgrade-cost{margin-left:.5rem}.woodworking-interface .upgrade-cost.affordable{color:#4caf50}.woodworking-interface .upgrade-cost.cant-afford{color:#f44336}.woodworking-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.woodworking-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.woodworking-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,sienna);transition:width .1s linear}.woodworking-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.woodworking-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.ww-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.ww-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.ww-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--recipe-color, #8b4513);opacity:.7;transition:opacity .2s ease}.ww-card:hover:not(.locked){border-color:var(--recipe-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.ww-card:hover:not(.locked):before{opacity:1}.ww-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.ww-card.active:before{background:var(--accent-green);opacity:1;animation:ww-glow-pulse 2s ease-in-out infinite}@keyframes ww-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.ww-card.locked{opacity:.5;cursor:not-allowed}.ww-card.locked:before{background:#666}.ww-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.ww-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.ww-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.ww-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.ww-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.ww-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.ww-stat .stat-icon{flex-shrink:0}.ww-stat .stat-icon.woodworking-icon{width:32px;height:32px}.ww-stat .stat-icon.time-icon{width:24px;height:24px}.ww-stat .stat-label{color:var(--text-secondary)}.ww-stat .stat-value{color:#8bc34a;font-weight:500}.ww-stat .stat-value.xp{color:#8bc34a}.ww-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.material-icon{font-size:1.5rem;line-height:1}.material-row .sprite-icon-lg{transform:scale(.6);transform-origin:center center;margin:-13px}.ww-output{padding:.5rem 1rem;flex:1}.output-icon{font-size:1.5rem;line-height:1}.output-row .sprite-icon-lg{transform:scale(.6);transform-origin:center center;margin:-13px}.ww-action{padding:.5rem 1rem;display:flex;justify-content:center}.ww-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#8b4513,#654321);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.ww-action .action-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-1px)}.ww-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.ww-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.ww-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.ww-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.ww-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,sienna);transition:width .1s linear;width:0%}.ww-card.active .ww-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}@media(max-width:768px){.ww-grid{grid-template-columns:1fr;gap:.5rem}.ww-card-info{padding:.375rem .75rem;gap:.75rem}.ww-stat{font-size:.8rem;padding:.15rem .375rem}.ww-stat .stat-icon.woodworking-icon{width:24px;height:24px}.ww-stat .stat-icon.time-icon{width:20px;height:20px}.ww-materials,.ww-output{padding:.375rem .75rem}.material-icon,.output-icon{font-size:1.25rem}.material-row{font-size:.85rem}.output-row{font-size:.9rem}.ww-action{padding:.375rem .75rem}.ww-action .action-btn{font-size:.85rem}.ww-progress{height:5px}.ww-tab{padding:.4rem .75rem;font-size:.8rem}}@media(min-width:769px)and (max-width:1079px){.ww-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}}@media(max-width:1199px){.ww-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.ww-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.ww-stat .stat-icon.woodworking-icon{width:28px;height:28px}.ww-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.ww-card-header{padding:.625rem .875rem;gap:.625rem}.ww-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.ww-card-info{padding:.625rem 1.125rem;gap:1.125rem}.ww-stat{font-size:.9rem;padding:.25rem .625rem}.ww-stat .stat-icon.woodworking-icon{width:36px;height:36px}.ww-stat .stat-icon.time-icon{width:28px;height:28px}.ww-materials,.ww-output{padding:.625rem 1.125rem}.material-icon,.output-icon{font-size:1.6rem}.material-row{font-size:.95rem}.output-row{font-size:1.05rem}.material-row .sprite-icon-lg,.output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.ww-action{padding:.625rem 1.125rem}.ww-action .action-btn{font-size:.95rem}.ww-progress{height:7px}.ww-tab{padding:.625rem 1.25rem;font-size:.95rem}}@media(min-width:2400px){.ww-card-header{padding:.75rem 1rem;gap:.75rem}.ww-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.ww-card-info{padding:.75rem 1.25rem;gap:1.25rem}.ww-stat{font-size:.95rem;padding:.3rem .75rem}.ww-stat .stat-icon.woodworking-icon{width:40px;height:40px}.ww-stat .stat-icon.time-icon{width:32px;height:32px}.ww-materials,.ww-output{padding:.75rem 1.25rem}.material-icon,.output-icon{font-size:1.75rem}.material-row{font-size:1rem}.output-row{font-size:1.1rem}.material-row .sprite-icon-lg,.output-row .sprite-icon-lg{transform:scale(.7);margin:-10px}.ww-action{padding:.75rem 1.25rem}.ww-action .action-btn{font-size:1rem}.ww-progress{height:8px}.ww-tab{padding:.75rem 1.5rem;font-size:1rem}}.fishing-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.fishing-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.fishing-interface .compact-title{display:flex;align-items:center;gap:.5rem}.fishing-interface .compact-icon{font-size:1.75rem}.fishing-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.fishing-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.fishing-interface .compact-stats{display:flex;gap:1.5rem}.fishing-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.fishing-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.fishing-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.fishing-interface .compact-stat.xp-total .stat-value,.fishing-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.fishing-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.fishing-interface .tool-label{color:var(--text-secondary)}.fishing-interface .tool-current{color:var(--text-primary);font-weight:500}.fishing-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.fishing-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.fishing-interface .compact-upgrade.available:hover{background:#4caf5033}.fishing-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.fishing-interface .compact-upgrade.maxed{color:#4caf50}.fishing-interface .upgrade-cost{margin-left:.5rem}.fishing-interface .upgrade-cost.affordable{color:#4caf50}.fishing-interface .upgrade-cost.cant-afford{color:#f44336}.fishing-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.fishing-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.fishing-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#4682b4,#5dade2);transition:width .1s linear}.fishing-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.fishing-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.fish-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.fish-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--fish-color, #4682b4);opacity:.7;transition:opacity .2s ease}.fish-card:hover:not(.locked){border-color:var(--fish-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.fish-card:hover:not(.locked):before{opacity:1}.fish-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.fish-card.active:before{background:var(--accent-green);opacity:1;animation:fish-glow-pulse 2s ease-in-out infinite}@keyframes fish-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.fish-card.locked{opacity:.5;cursor:not-allowed}.fish-card.locked:before{background:#666}.fish-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.fish-icon-wrapper{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.fish-card-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.fish-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.fish-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.fish-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.fish-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.fish-stat .stat-icon{flex-shrink:0}.fish-stat .stat-icon.fishing-icon{width:32px;height:32px}.fish-stat .stat-icon.time-icon{width:24px;height:24px}.fish-stat .stat-label{color:var(--text-secondary)}.fish-stat .stat-value{font-weight:600;color:#8bc34a}.fish-stat .stat-value.xp{color:#8bc34a}.fish-drops{padding:.75rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.fishing-interface .drop-info{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.fishing-interface .drop-info.fish-drop{font-size:1.1rem}.fishing-interface .drop-info.fish-drop .drop-name{color:var(--text-primary);font-weight:500}.fishing-interface .drop-info .drop-name{color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.fishing-interface .drop-info .drop-qty{color:#8fbc8f;font-weight:600;flex-shrink:0;margin-left:.5rem}.fishing-interface .drop-info .drop-qty.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.fish-action{padding:.5rem 1rem;display:flex;justify-content:center}.fish-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#4682b4,#2a5f8f);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.fish-action .action-btn:hover{background:linear-gradient(135deg,#5dade2,#4682b4);transform:translateY(-1px)}.fish-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.fish-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.fish-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.fish-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.fish-progress-fill{height:100%;background:linear-gradient(90deg,#4682b4,#5dade2);transition:width .1s linear;width:0%}.fish-card.active .fish-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}@media(max-width:768px){.fish-card-header{padding:.3rem .75rem .2rem}.fish-card-info{padding:.375rem .75rem;gap:.75rem}.fish-stat{font-size:.8rem}.fish-stat .stat-icon.fishing-icon{width:24px;height:24px}.fish-stat .stat-icon.time-icon{width:20px;height:20px}.fish-drops{padding:.5rem .75rem}.fishing-interface .drop-info{font-size:.95rem}.fish-action{padding:.375rem .75rem}.fish-progress{height:5px}}@media(max-width:1199px){.fish-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.fish-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.fish-stat .stat-icon.fishing-icon{width:28px;height:28px}.fish-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.fish-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.fish-card-header{padding:.625rem .875rem;gap:.625rem}.fish-card-info{padding:.625rem 1.125rem;gap:1.125rem}.fish-stat{font-size:.9rem}.fish-stat .stat-icon.fishing-icon{width:36px;height:36px}.fish-stat .stat-icon.time-icon{width:28px;height:28px}.fish-drops{padding:.875rem 1.125rem}.fishing-interface .drop-info{font-size:1.05rem}.fishing-interface .drop-info.fish-drop{font-size:1.15rem}.fish-action{padding:.625rem 1.125rem}.fish-progress{height:7px}}@media(min-width:2400px){.fish-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.fish-card-header{padding:.75rem 1rem;gap:.75rem}.fish-card-info{padding:.75rem 1.25rem;gap:1.25rem}.fish-stat{font-size:.95rem}.fish-stat .stat-icon.fishing-icon{width:40px;height:40px}.fish-stat .stat-icon.time-icon{width:32px;height:32px}.fish-drops{padding:1rem 1.25rem}.fishing-interface .drop-info{font-size:1.1rem}.fishing-interface .drop-info.fish-drop{font-size:1.2rem}.fish-action{padding:.75rem 1.25rem}.fish-progress{height:8px}}.cooking-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.cooking-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cooking-interface .compact-title{display:flex;align-items:center;gap:.5rem}.cooking-interface .compact-icon{font-size:1.75rem}.cooking-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.cooking-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.cooking-interface .compact-stats{display:flex;gap:1.5rem}.cooking-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.cooking-interface .compact-stat .stat-label{display:inline;font-size:inherit;margin-bottom:0;color:var(--text-secondary);font-size:1rem}.cooking-interface .compact-stat .stat-value{display:inline;font-size:inherit;font-weight:600;font-size:1.15rem}.cooking-interface .compact-stat.xp-total .stat-value,.cooking-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.cooking-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.cooking-interface .tool-label{color:var(--text-secondary)}.cooking-interface .tool-current{color:var(--text-primary);font-weight:500}.cooking-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.cooking-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.cooking-interface .compact-upgrade.available:hover{background:#4caf5033}.cooking-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.cooking-interface .compact-upgrade.maxed{color:#4caf50}.cooking-interface .upgrade-cost{margin-left:.5rem}.cooking-interface .upgrade-cost.affordable{color:#4caf50}.cooking-interface .upgrade-cost.cant-afford{color:#f44336}.cooking-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.cooking-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.cooking-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);transition:width .1s linear}.cooking-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.cooking-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.cooking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.cooking-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.cooking-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--food-color, #ff6b35);opacity:.7;transition:opacity .2s ease}.cooking-card:hover:not(.locked){border-color:var(--food-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.cooking-card:hover:not(.locked):before{opacity:1}.cooking-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.cooking-card.active:before{background:var(--accent-green);opacity:1;animation:cooking-glow-pulse 2s ease-in-out infinite}@keyframes cooking-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.cooking-card.locked{opacity:.5;cursor:not-allowed}.cooking-card.locked:before{background:#666}.cooking-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.cooking-icon-wrapper{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.cooking-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.cooking-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.cooking-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.cooking-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.cooking-stat .stat-icon{flex-shrink:0}.cooking-stat .stat-icon.cooking-icon{width:32px;height:32px}.cooking-stat .stat-icon.time-icon{width:24px;height:24px}.cooking-stat .stat-label{color:var(--text-secondary)}.cooking-stat .stat-value{font-weight:600;color:#8bc34a}.cooking-stat .stat-value.xp{color:#8bc34a}.cooking-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.cooking-interface .material-icon{font-size:1.5rem;line-height:1}.cooking-output{padding:.5rem 1rem;flex:1}.output-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.output-row{display:flex;align-items:center;gap:.5rem;font-size:1rem}.cooking-interface .output-icon{font-size:1.5rem;line-height:1}.cooking-interface .material-row .sprite-icon-lg,.cooking-interface .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.cooking-interface .material-row .sprite-landscape,.cooking-interface .output-row .sprite-landscape{transform:scale(.85);margin:-5px}.output-name{flex:1;color:var(--text-primary);font-weight:500;text-transform:capitalize}.output-qty{color:#8fbc8f;font-weight:600}.output-qty.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.cooking-output .output-stats{margin-top:.35rem;padding:.35rem .5rem;background:#00000040;border-radius:4px}.cooking-output .heal-amount{color:#4caf50;font-weight:500;font-size:.85rem}.cooking-action{padding:.5rem 1rem;display:flex;justify-content:center}.cooking-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#ff6b35,#d4531e);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.cooking-action .action-btn:hover{background:linear-gradient(135deg,#ff8c5a,#ff6b35);transform:translateY(-1px)}.cooking-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.cooking-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.cooking-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.cooking-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.cooking-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);transition:width .1s linear;width:0%}.cooking-card.active .cooking-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}@media(max-width:768px){.cooking-card-info{padding:.375rem .75rem;gap:.75rem}.cooking-stat{font-size:.8rem}.cooking-stat .stat-icon.cooking-icon{width:24px;height:24px}.cooking-stat .stat-icon.time-icon{width:20px;height:20px}.cooking-materials{padding:.375rem .75rem}.cooking-interface .material-icon{font-size:1.25rem}.material-row{font-size:.85rem}.cooking-output{padding:.375rem .75rem}.cooking-interface .output-icon{font-size:1.25rem}.output-row{font-size:.95rem}.cooking-action{padding:.375rem .75rem}.cooking-progress{height:5px}}@media(max-width:1199px){.cooking-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.cooking-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.cooking-stat .stat-icon.cooking-icon{width:28px;height:28px}.cooking-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.cooking-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.cooking-card-header{padding:.625rem .875rem;gap:.625rem}.cooking-card-info{padding:.625rem 1.125rem;gap:1.125rem}.cooking-stat{font-size:.9rem}.cooking-stat .stat-icon.cooking-icon{width:36px;height:36px}.cooking-stat .stat-icon.time-icon{width:28px;height:28px}.cooking-materials{padding:.625rem 1.125rem}.cooking-interface .material-icon{font-size:1.6rem}.material-row{font-size:.95rem}.cooking-output{padding:.625rem 1.125rem}.cooking-interface .output-icon{font-size:1.6rem}.output-row{font-size:1.05rem}.cooking-interface .material-row .sprite-icon-lg,.cooking-interface .output-row .sprite-icon-lg{transform:scale(.65);margin:-11px}.cooking-interface .material-row .sprite-landscape,.cooking-interface .output-row .sprite-landscape{transform:scale(.85);margin:-5px}.cooking-action{padding:.625rem 1.125rem}.cooking-progress{height:7px}}@media(min-width:2400px){.cooking-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.cooking-card-header{padding:.75rem 1rem;gap:.75rem}.cooking-card-info{padding:.75rem 1.25rem;gap:1.25rem}.cooking-stat{font-size:.95rem}.cooking-stat .stat-icon.cooking-icon{width:40px;height:40px}.cooking-stat .stat-icon.time-icon{width:32px;height:32px}.cooking-materials{padding:.75rem 1.25rem}.cooking-interface .material-icon{font-size:1.75rem}.material-row{font-size:1rem}.cooking-output{padding:.75rem 1.25rem}.cooking-interface .output-icon{font-size:1.75rem}.output-row{font-size:1.1rem}.cooking-interface .material-row .sprite-icon-lg,.cooking-interface .output-row .sprite-icon-lg{transform:scale(.7);margin:-10px}.cooking-interface .material-row .sprite-landscape,.cooking-interface .output-row .sprite-landscape{transform:scale(.9);margin:-3px}.cooking-action{padding:.75rem 1.25rem}.cooking-progress{height:8px}}.cooking-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.cooking-tabs .skill-tab{padding:.5rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.cooking-tabs .skill-tab:hover{border-color:var(--accent-gold);color:var(--text-primary)}.cooking-tabs .skill-tab.active{background:linear-gradient(145deg,var(--accent-gold) 0%,#c9a227 100%);border-color:var(--accent-gold);color:#1a1a1a;font-weight:600}.empower-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.empower-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(20,15,30,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.empower-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--recipe-color, #c9a227),var(--accent-gold),var(--recipe-color, #c9a227));opacity:.8;transition:opacity .2s ease}.empower-card:hover:not(.locked){border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 8px 20px #c9a22733}.empower-card:hover:not(.locked):before{opacity:1}.empower-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.empower-card.active:before{background:var(--accent-green);opacity:1;animation:cooking-glow-pulse 2s ease-in-out infinite}.empower-card.locked{opacity:.5;cursor:not-allowed}.empower-card.locked:before{background:#666}.empower-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#c9a2271a;border-bottom:1px solid rgba(201,162,39,.15);position:relative}.empower-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden}.empower-card-name{font-weight:600;font-size:.95rem;color:var(--accent-gold);text-align:center;line-height:1.1}.empower-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.empower-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.empower-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.empower-stat .stat-icon{flex-shrink:0}.empower-stat .stat-icon.cooking-icon{width:32px;height:32px}.empower-stat .stat-icon.time-icon{width:24px;height:24px}.empower-stat .stat-label{color:var(--text-secondary)}.empower-stat .stat-value{font-weight:600;color:#c9a227}.empower-stat .stat-value.xp{color:#c9a227}.empower-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.empower-output{padding:.5rem 1rem;flex:1}.empower-output .output-stats{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.5rem;background:#00000040;border-radius:4px}.empower-output .heal-amount{color:#4caf50;font-weight:500;font-size:.85rem}.hot-indicator{display:flex;align-items:center;gap:.35rem}.hot-indicator .hot-icon{font-size:.9rem}.hot-indicator .hot-text{color:#66bb6a;font-weight:600;font-size:.85rem;text-shadow:0 0 6px rgba(102,187,106,.4)}.empower-action{padding:.5rem 1rem;display:flex;justify-content:center}.empower-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#c9a227,#9a7b1a);border:none;border-radius:4px;color:#1a1a1a;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.empower-action .action-btn:hover{background:linear-gradient(135deg,#e0b830,#c9a227);transform:translateY(-1px)}.empower-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000);color:#fff}.empower-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.empower-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.empower-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.empower-progress-fill{height:100%;background:linear-gradient(90deg,#c9a227,#e0b830);transition:width .1s linear;width:0%}.empower-card.active .empower-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}@media(max-width:768px){.empower-card-info{padding:.375rem .75rem}.empower-stat{font-size:.8rem}.empower-stat .stat-icon.cooking-icon{width:24px;height:24px}.empower-stat .stat-icon.time-icon{width:20px;height:20px}.empower-materials,.empower-output,.empower-action{padding:.375rem .75rem}.empower-progress{height:5px}}@media(min-width:1800px){.empower-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.empower-card-info{padding:.625rem 1.125rem}.empower-stat{font-size:.9rem}.empower-stat .stat-icon.cooking-icon{width:36px;height:36px}.empower-stat .stat-icon.time-icon{width:28px;height:28px}.empower-materials,.empower-output,.empower-action{padding:.625rem 1.125rem}.empower-progress{height:7px}}@media(min-width:2400px){.empower-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;max-width:2000px}.empower-card-info{padding:.75rem 1.25rem}.empower-stat{font-size:.95rem}.empower-stat .stat-icon.cooking-icon{width:40px;height:40px}.empower-stat .stat-icon.time-icon{width:32px;height:32px}.empower-materials,.empower-output,.empower-action{padding:.75rem 1.25rem}.empower-progress{height:8px}}.pilfering-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.pilfering-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.pilfering-interface .compact-title{display:flex;align-items:center;gap:.5rem}.pilfering-interface .compact-icon{font-size:1.75rem}.pilfering-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.pilfering-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.pilfering-interface .compact-stats{display:flex;gap:1.5rem}.pilfering-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.pilfering-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.pilfering-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.pilfering-interface .compact-stat.xp-total .stat-value,.pilfering-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.pilfering-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.pilfering-interface .tool-label{color:var(--text-secondary)}.pilfering-interface .tool-current{color:var(--text-primary);font-weight:500}.pilfering-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.pilfering-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.pilfering-interface .compact-upgrade.available:hover{background:#4caf5033}.pilfering-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.pilfering-interface .compact-upgrade.maxed{color:#4caf50}.pilfering-interface .upgrade-cost{margin-left:.5rem}.pilfering-interface .upgrade-cost.affordable{color:#4caf50}.pilfering-interface .upgrade-cost.cant-afford{color:#f44336}.pilfering-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.pilfering-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.pilfering-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#1e6f64,#2a9d8f);transition:width .1s linear}.pilfering-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.pilfering-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.target-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.target-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--target-color, #6b5b95);opacity:.7;transition:opacity .2s ease}.target-card:hover:not(.locked){border-color:var(--target-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.target-card:hover:not(.locked):before{opacity:1}.target-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.target-card.active:before{background:var(--accent-green);opacity:1;animation:target-glow-pulse 2s ease-in-out infinite}@keyframes target-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.target-card.locked{opacity:.5;cursor:not-allowed}.target-card.locked:before{background:#666}.target-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.target-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.target-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.target-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.target-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.target-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.target-stat .stat-icon{flex-shrink:0}.target-stat .stat-icon.pilfering-icon{width:32px;height:32px}.target-stat .stat-icon.time-icon{width:24px;height:24px}.target-stat .stat-label{color:var(--text-secondary)}.target-stat .stat-value{font-weight:600;color:#8bc34a}.target-stat .stat-value.xp{color:#8bc34a}.target-drops{padding:.75rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.pilfering-interface .drop-info{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.pilfering-interface .drop-info.target-drop{font-size:1.1rem}.pilfering-interface .drop-info.target-drop .drop-name{color:var(--text-primary);font-weight:500}.pilfering-interface .drop-info .drop-name{color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pilfering-interface .drop-info .drop-qty{color:gold;font-weight:600;flex-shrink:0;margin-left:.5rem}.pilfering-interface .drop-info .drop-qty.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.target-action{padding:.5rem 1rem;display:flex;justify-content:center}.target-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#2a9d8f,#1e6f64);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.target-action .action-btn:hover{background:linear-gradient(135deg,#3dbda8,#2a9d8f);transform:translateY(-1px)}.target-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.target-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.target-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.target-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.target-progress-fill{height:100%;background:linear-gradient(90deg,#1e6f64,#2a9d8f);transition:width .1s linear;width:0%}.target-card.active .target-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}@media(max-width:768px){.target-card-info{padding:.375rem .75rem;gap:.75rem}.target-stat{font-size:.8rem}.target-stat .stat-icon.pilfering-icon{width:24px;height:24px}.target-stat .stat-icon.time-icon{width:20px;height:20px}.target-drops{padding:.5rem .75rem}.target-action{padding:.375rem .75rem}.target-progress{height:5px}}@media(max-width:1199px){.target-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.target-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.target-stat .stat-icon.pilfering-icon{width:28px;height:28px}.target-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.target-card-header{padding:.625rem .875rem;gap:.625rem}.target-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.target-card-info{padding:.625rem 1.125rem}.target-stat{font-size:.9rem}.target-stat .stat-icon.pilfering-icon{width:36px;height:36px}.target-stat .stat-icon.time-icon{width:28px;height:28px}.pilfering-interface .drop-info{font-size:1.05rem}.pilfering-interface .drop-info.target-drop{font-size:1.15rem}.target-progress{height:7px}}@media(min-width:2400px){.target-card-header{padding:.75rem 1rem;gap:.75rem}.target-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.target-card-info{padding:.75rem 1.25rem}.target-stat{font-size:.95rem}.target-stat .stat-icon.pilfering-icon{width:40px;height:40px}.target-stat .stat-icon.time-icon{width:32px;height:32px}.target-drops{padding:.875rem 1.25rem}.pilfering-interface .drop-info{font-size:1.1rem}.pilfering-interface .drop-info.target-drop{font-size:1.2rem}.target-action{padding:.625rem 1.25rem}.target-progress{height:8px}}.guild-unlock-panel{max-width:500px;margin:2rem auto;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center}.guild-unlock-header h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--accent-gold)}.guild-unlock-header p{color:var(--text-secondary);font-style:italic}.guild-unlock-requirements{margin:1.5rem 0;padding:1rem;background:#0000004d;border-radius:8px}.guild-unlock-requirements h4{margin-bottom:.75rem;color:var(--text-primary)}.guild-unlock-requirements .requirement{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin:.5rem 0;border-radius:4px}.guild-unlock-requirements .requirement.met{background:#4caf501a}.guild-unlock-requirements .requirement.unmet{background:#f443361a}.guild-unlock-requirements .req-icon{font-size:1.2rem}.guild-unlock-requirements .requirement.met .req-icon{color:#4caf50}.guild-unlock-requirements .requirement.unmet .req-icon{color:#f44336}.guild-unlock-requirements .req-text{flex:1;text-align:left;color:var(--text-primary)}.guild-unlock-requirements .req-status{color:var(--text-secondary);font-size:.9rem}.guild-unlock-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#2a9d8f,#1e6f64);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;margin:1rem 0}.guild-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2a9d8f66}.guild-unlock-hint{color:var(--text-secondary);font-style:italic;margin:1rem 0}.guild-benefits{margin-top:1.5rem;text-align:left}.guild-benefits h4{color:var(--text-primary);margin-bottom:.5rem}.guild-benefits ul{list-style:none;padding:0}.guild-benefits li{padding:.4rem 0;color:var(--text-secondary)}.guild-stats-panel{display:flex;gap:2rem;padding:1rem 1.5rem;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.guild-stat{display:flex;align-items:center;gap:.5rem}.guild-stat .stat-icon{font-size:1.2rem}.guild-stat .stat-label{color:var(--text-secondary)}.guild-stat .stat-value{color:var(--text-primary);font-weight:600}.guild-stat .stat-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic}.guild-domains-section{margin-bottom:1.5rem}.guild-domains-section .section-title{font-size:1.2rem;color:var(--text-primary);margin-bottom:.25rem}.guild-domains-section .section-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.guild-domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pilferer-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:1.25rem;position:relative;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.pilferer-card-content{flex:1}.pilferer-card-footer{margin-top:auto;padding-top:.75rem}.pilferer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--domain-color, #6b5b95);opacity:.6;transition:opacity .2s ease}.pilferer-card:hover{border-color:var(--domain-color, var(--accent-gold))}.pilferer-card:hover:before{opacity:1}.pilferer-card.active{border-color:var(--accent-green);box-shadow:0 0 15px #4caf5033}.pilferer-card.active:before{background:var(--accent-green);opacity:1}.pilferer-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pilferer-icon{display:flex;align-items:center;gap:.25rem;font-size:1.75rem}.pilferer-icon .skill-icon-img{width:32px;height:32px}.pilferer-name{font-weight:600;font-size:1.15rem;color:var(--text-primary)}.pilferer-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem;line-height:1.4}.pilferer-items{display:flex;gap:.4rem;flex-wrap:wrap;min-height:32px}.domain-item{font-size:1rem;padding:.2rem .3rem;background:#0000004d;border-radius:4px;line-height:1;display:inline-flex;align-items:center;justify-content:center;max-width:32px;max-height:32px;overflow:hidden}.domain-item .sprite-icon{transform:scale(.85)}.domain-item .sprite-icon-lg{transform:scale(.4);margin:-16px}.domain-item.tier-item{border:1px solid var(--accent-gold);box-shadow:0 0 4px #daa52066}.pilferer-status{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pilferer-status .status-text{color:var(--accent-green);font-size:.85rem;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pilferer-status .time-remaining{color:var(--accent-gold);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pilferer-progress{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;margin-bottom:.75rem}.pilferer-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear;box-shadow:0 0 6px #4caf5080}.pilferer-btn{width:100%;padding:.5rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pilferer-btn.start{background:linear-gradient(135deg,#2a9d8f,#1e6f64);color:#fff}.pilferer-btn.start:hover{background:linear-gradient(135deg,#3dbda8,#2a9d8f)}.pilferer-btn.start.disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.pilferer-btn.stop{background:linear-gradient(135deg,#c62828,#8b0000);color:#fff}.pilferer-btn.stop:hover{background:linear-gradient(135deg,#e53935,#c62828)}.guild-chest-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:1rem 1.5rem;max-width:600px}.guild-chest-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.guild-chest-header .section-title{font-size:1.1rem;color:var(--text-primary);margin:0}.guild-chest-header .chest-count{color:var(--text-secondary);font-size:.9rem}.guild-chest-header .chest-count.overflow{color:#ff9800;font-weight:600}.guild-chest-header .chest-stack-info{color:var(--text-secondary);font-size:.8rem;opacity:.8}.guild-chest-section.overflow{border-color:#ff9800}.chest-claim-all-btn{margin-left:auto;padding:.4rem 1rem;background:linear-gradient(135deg,#2a9d8f,#1e6f64);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.chest-claim-all-btn:hover{background:linear-gradient(135deg,#3dbda8,#2a9d8f)}.chest-status{display:block;padding:.5rem .75rem;margin-bottom:.75rem;border-radius:4px;font-size:.9rem;font-weight:500}.chest-status.paused{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.chest-status.slowed{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.guild-chest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px;margin-bottom:.75rem}.guild-chest-slot{aspect-ratio:1;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);min-width:44px;min-height:44px}.guild-chest-slot.empty{opacity:.5}.guild-chest-slot.filled{cursor:pointer;transition:all .2s ease}.guild-chest-slot.filled:hover{transform:scale(1.05);border-color:var(--accent-green);box-shadow:0 2px 8px #4caf504d}.guild-chest-slot-content{width:100%;height:100%;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.guild-chest-slot .chest-item-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.guild-chest-slot .chest-item-icon .sprite-icon{transform:scale(.9)}.guild-chest-slot .chest-item-icon .sprite-icon-lg{transform:scale(.5);margin:-12px}.guild-chest-slot .chest-item-qty{position:absolute;bottom:2px;right:2px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#00000080;padding:0 3px;border-radius:2px}.chest-help{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:0}@media(max-width:600px){.guild-stats-panel{flex-direction:column;gap:.75rem}.guild-domains-grid{grid-template-columns:1fr}.pilfering-interface .skill-tabs{flex-direction:column}}.tier-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tier-tab{padding:.4rem .75rem;background:transparent;border:2px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tier-tab:hover:not(.locked){background:#ffffff0d;border-color:#8b4513;color:var(--text-primary)}.tier-tab.active{background:#8b451326;border-color:#8b4513;color:#deb887}.tier-tab.locked{opacity:.5;cursor:not-allowed}.tier-tab.locked:hover{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.tier-lock{display:inline-block;font-size:.7rem;color:#f44336;margin-left:.25rem;padding:.1rem .3rem;background:#f4433626;border-radius:3px}.blueprints-section .section-header,.milestones-section .section-header,.contracts-section .section-header{margin-bottom:1rem}.section-title{font-size:1.3rem;color:var(--text-primary);margin-bottom:.25rem}.section-desc{color:var(--text-secondary);font-size:.9rem}.blueprint-toggles{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;background:#8b451314;border:1px solid rgba(139,69,19,.2);border-radius:6px}.blueprint-toggles .toggle-btn{padding:.3rem .6rem;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);border-radius:4px;background:#0003;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.blueprint-toggles .toggle-btn.active{background:#4caf5033;border-color:#4caf50;color:#81c784}.blueprint-toggles .toggle-btn:hover{background:#ffffff0d}.dual-slot-label{font-size:.8rem;color:#deb887;font-weight:500}.slot-indicator{font-size:.7rem;padding:.15rem .4rem;background:#8b45134d;border:1px solid #8b4513;border-radius:3px;color:#deb887;font-weight:600;white-space:nowrap}.blueprint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.blueprint-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.blueprint-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--blueprint-color, #8b4513);opacity:.7;transition:opacity .2s ease}.blueprint-card:hover:not(.locked){border-color:var(--blueprint-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.blueprint-card:hover:not(.locked):before{opacity:1}.blueprint-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.blueprint-card.active:before{background:var(--accent-green);opacity:1;animation:blueprint-glow-pulse 2s ease-in-out infinite}@keyframes blueprint-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.blueprint-card.locked{opacity:.5;cursor:not-allowed}.blueprint-card.locked:before{background:#666}.blueprint-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.blueprint-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.blueprint-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.blueprint-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.blueprint-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.blueprint-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.blueprint-stat .stat-icon{font-size:.8rem;flex-shrink:0}.blueprint-stat .stat-icon.architecting-icon{width:32px;height:32px}.blueprint-stat .stat-icon.time-icon{width:24px;height:24px}.blueprint-stat .stat-label{color:var(--text-secondary)}.blueprint-stat .stat-value{color:#8bc34a;font-weight:500}.blueprint-stat .stat-value.xp{color:#8bc34a}.blueprint-materials{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);flex:1}.materials-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.material-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem}.material-row.missing .material-name,.material-row.missing .material-count{color:#f44336}.material-icon{font-size:1rem}.material-name{flex:1;color:var(--text-primary);text-transform:capitalize}.material-count{color:var(--text-secondary);font-family:monospace;font-size:.85rem}.blueprint-client{padding:.5rem 1rem;font-size:.85rem}.client-label{color:var(--text-secondary);margin-right:.5rem}.client-value{color:var(--accent-gold);font-weight:500}.blueprint-action{padding:.5rem 1rem;display:flex;justify-content:center}.blueprint-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#8b4513,#654321);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.blueprint-action .action-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-1px)}.blueprint-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.blueprint-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.blueprint-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.blueprint-timer{text-align:center;padding:.25rem 1rem}.blueprint-timer .time-remaining{color:var(--text-secondary);font-size:.875rem;font-weight:500}.blueprint-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.blueprint-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,sienna);transition:width .1s linear;width:0%}.blueprint-card.active .blueprint-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.level-lock{font-size:.8rem;color:#f44336;padding:.2rem .5rem;background:#f4433626;border-radius:4px}.milestones-list{display:flex;flex-direction:column;gap:.75rem}.milestone-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease}.milestone-card.completed{border-color:#4caf50;opacity:.8}.milestone-card.active{border-color:var(--accent-green);box-shadow:0 0 15px #4caf5033}.milestone-card.locked{opacity:.5}.milestone-icon{font-size:2rem;flex-shrink:0}.milestone-info{flex:1;min-width:0}.milestone-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.milestone-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.completed-badge{color:#4caf50;font-weight:700}.milestone-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.milestone-xp{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}.milestone-xp .stat-icon{font-size:.9rem}.milestone-xp .xp-reward{font-size:.85rem;font-weight:600;color:var(--xp-color, #4fc3f7)}.milestone-requirements{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.req-item{font-size:.8rem;padding:.2rem .5rem;background:#0000004d;border-radius:4px;color:var(--text-primary)}.req-item.missing{color:#f44336;background:#f4433626}.milestone-prereq{font-size:.85rem;color:#ff9800;font-style:italic}.milestone-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.milestone-progress .progress-bar{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.milestone-progress .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.milestone-progress .time-remaining{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.milestone-button{flex-shrink:0;padding:.5rem 1rem;background:linear-gradient(135deg,#8b4513,#654321);border:none;border-radius:6px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.milestone-button:hover{background:linear-gradient(135deg,sienna,#8b4513)}.civic-contracts-section{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(145deg,#1e2832cc,#141e28e6);border:2px solid rgba(255,140,0,.3);border-radius:8px}.civic-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.civic-title{font-size:1.2rem;font-weight:700;color:#ff8c00}.civic-subtitle{font-size:.85rem;color:var(--text-secondary)}.available-contracts{display:flex;flex-wrap:wrap;gap:1rem}.civic-contract-card{flex:1;min-width:280px;max-width:400px;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid;border-radius:8px;padding:1rem;transition:all .2s ease}.civic-contract-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.civic-contract-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.contract-title-row{flex:1;display:flex;flex-direction:column}.contract-phases-preview{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.contract-first-phase{margin-bottom:.75rem}.first-phase-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;display:block}.phase-materials{display:flex;flex-wrap:wrap;gap:.4rem}.phase-mat{font-size:.8rem;padding:.2rem .5rem;background:#0000004d;border-radius:4px;color:var(--text-primary)}.phase-mat.missing{color:#f44336;background:#f4433626}.civic-start-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#ff8c00,#e65100);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.civic-start-btn:hover:not(.disabled){background:linear-gradient(135deg,#ffa000,#ff8c00)}.civic-start-btn.disabled{opacity:.5;cursor:not-allowed}.active-civic-contract{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid;border-radius:8px;padding:1rem;margin-bottom:.75rem}.civic-contract-phase{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem}.phase-label{color:var(--text-secondary)}.phase-name{color:var(--text-primary);font-weight:600}.phase-type{color:var(--text-secondary);font-size:.85rem}.civic-progress{display:flex;align-items:center;gap:.75rem}.civic-progress .progress-bar{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.civic-progress .progress-fill{height:100%;transition:width .1s linear}.civic-next-phase-btn{margin-top:.75rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.civic-next-phase-btn:hover:not(.disabled){background:linear-gradient(135deg,#66bb6a,#4caf50)}.civic-next-phase-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.next-phase-requirements{margin-top:.75rem;padding:.75rem;background:#0003;border-radius:6px;border:1px solid var(--border-color)}.next-phase-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.phase-costs{display:flex;flex-wrap:wrap;gap:.5rem}.phase-cost{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;padding:.25rem .5rem;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:4px;color:#4ade80}.phase-cost.missing{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.phase-cost .sprite-icon{transform:scale(.6);margin:-5px}.phase-cost .sprite-icon-lg{transform:scale(.3);margin:-22px}.phase-xp-reward{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.8rem}.phase-xp-reward .xp-label{color:var(--text-secondary)}.phase-xp-reward .xp-value{color:#60a5fa;font-weight:600}.phase-xp-reward .xp-value.none{color:var(--text-secondary);font-style:italic;font-weight:400}.phase-xp-reward.current{margin-top:.5rem}.next-phase-requirements.preview{opacity:.7;border-style:dashed}.next-phase-requirements.preview .next-phase-label:before{content:"\1f4cb  "}.next-phase-requirements.ready .next-phase-label:before{content:"\2705  "}.available-contracts h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.75rem}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.contract-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.contract-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.contract-card.completed{opacity:.6}.contract-card .contract-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.contract-icon{font-size:1.5rem}.contract-name{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary)}.contract-rarity{font-size:.8rem;font-weight:700;text-transform:uppercase}.contract-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.contract-phases{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.contract-rewards{display:flex;gap:1rem;margin-bottom:.75rem}.contract-rewards .reward{font-size:.85rem;color:var(--text-primary)}.contract-button{width:100%;padding:.5rem;background:linear-gradient(135deg,#8b4513,#654321);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.contract-button:hover{background:linear-gradient(135deg,sienna,#8b4513)}.active-contract{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--accent-green);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 0 20px #4caf5033}.active-contract .contract-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.phase-indicator{margin-left:auto;font-size:.85rem;color:var(--text-secondary);padding:.2rem .6rem;background:#0000004d;border-radius:4px}.phase-info{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.phase-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.phase-type{font-size:.85rem;padding:.2rem .6rem;border-radius:4px}.phase-type.wait{background:#ff980033;color:#ff9800}.phase-type.build{background:#4caf5033;color:#4caf50}.contract-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.contract-progress .progress-bar{flex:1;height:10px;background:var(--bg-primary);border-radius:5px;overflow:hidden}.contract-progress .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear}.contract-progress .time-remaining{font-size:.9rem;color:var(--text-secondary)}.next-phase-prompt{margin-top:1rem;padding:1rem;background:#4caf501a;border-radius:6px;border:1px solid rgba(76,175,80,.3)}.next-phase-prompt p{color:var(--accent-green);font-weight:500;margin-bottom:.5rem}.phase-requirements{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.next-phase-button{padding:.5rem 1.5rem;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.next-phase-button:hover{background:linear-gradient(135deg,#66bb6a,#4caf50)}.no-contracts{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}@media(max-width:768px){.architecting-tabs{flex-direction:column}.architecting-tab{border-radius:8px}.blueprint-grid{grid-template-columns:1fr}.blueprint-card-info{padding:.375rem .75rem;gap:.75rem}.blueprint-stat{font-size:.8rem}.blueprint-materials,.blueprint-client,.blueprint-action{padding:.375rem .75rem}.blueprint-progress{height:5px}.milestone-card{flex-direction:column}.milestone-button{width:100%}.contracts-grid{grid-template-columns:1fr}}@media(max-width:1199px){.blueprint-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.blueprint-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.blueprint-stat .stat-icon.architecting-icon{width:28px;height:28px}.blueprint-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.blueprint-card-header{padding:.625rem .875rem;gap:.625rem}.blueprint-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.blueprint-card-info{padding:.625rem 1.125rem}.blueprint-stat{font-size:.9rem}.blueprint-stat .stat-icon.architecting-icon{width:36px;height:36px}.blueprint-stat .stat-icon.time-icon{width:28px;height:28px}.blueprint-progress{height:7px}}@media(min-width:2400px){.blueprint-card-header{padding:.75rem 1rem;gap:.75rem}.blueprint-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.blueprint-card-info{padding:.75rem 1.25rem}.blueprint-stat{font-size:.95rem}.blueprint-stat .stat-icon.architecting-icon{width:40px;height:40px}.blueprint-stat .stat-icon.time-icon{width:32px;height:32px}.blueprint-materials,.blueprint-client,.blueprint-action{padding:.625rem 1.25rem}.blueprint-progress{height:8px}}.blueprint-confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.blueprint-confirm-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;min-width:320px;max-width:420px}.confirm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.confirm-header h3{margin:0;color:var(--accent-gold);font-size:1.1rem}.confirm-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.confirm-close-btn:hover{color:var(--text-primary)}.confirm-blueprint-info{background:#0003;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.confirm-blueprint-info.current{border-left:3px solid #ff9800}.confirm-blueprint-info.new{border-left:3px solid #4caf50}.confirm-blueprint-info .blueprint-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.confirm-blueprint-info .blueprint-name{display:block;font-size:1rem;font-weight:600;color:var(--text-primary)}.confirm-progress{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.confirm-progress-bar{flex:1;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.confirm-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,#deb887);border-radius:3px;transition:width .3s ease}.confirm-progress-text{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.confirm-warning{color:#ff9800;font-size:.9rem;margin:.75rem 0;padding:.5rem;background:#ff98001a;border-radius:4px;text-align:center}.confirm-actions{display:flex;gap:.75rem;margin-top:1rem}.confirm-actions button{flex:1;padding:.6rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-cancel-btn{background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-primary)}.confirm-cancel-btn:hover{background:#ffffff26}.confirm-stop-btn,.confirm-switch-btn{background:#f44336;border:none;color:#fff}.confirm-stop-btn:hover,.confirm-switch-btn:hover{background:#d32f2f}.dual-switch-slots{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.dual-switch-slot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:#0003;border:1px solid var(--border-color);border-radius:4px}.dual-switch-slot-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.dual-switch-slot-info .slot-label{font-size:.8rem;color:#deb887;font-weight:600;white-space:nowrap}.dual-switch-slot-info .blueprint-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dual-switch-slot .confirm-switch-btn{flex:none;padding:.35rem .6rem;font-size:.8rem}.parallel-activity-note{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:4px;font-size:.75rem;color:#81c784;margin-top:.5rem}.parallel-activity-note .parallel-icon{font-size:.85rem}.parallel-activity-note .parallel-text{line-height:1.2}.glyphbinding-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.glyphbinding-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.glyphbinding-interface .compact-title{display:flex;align-items:center;gap:.5rem}.glyphbinding-interface .compact-icon{font-size:1.75rem}.glyphbinding-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.glyphbinding-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.glyphbinding-interface .compact-stats{display:flex;gap:1.5rem}.glyphbinding-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.glyphbinding-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.glyphbinding-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.glyphbinding-interface .compact-stat.xp-total .stat-value,.glyphbinding-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.glyphbinding-interface .compact-stat.corruption-xp .stat-value,.glyphbinding-interface .compact-stat.corruption-speed .stat-value,.glyphbinding-interface .compact-stat.corruption-loot .stat-value{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.glyphbinding-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.glyphbinding-interface .tool-label{color:var(--text-secondary)}.glyphbinding-interface .tool-current{color:var(--text-primary);font-weight:500}.glyphbinding-interface .tool-speed{color:#9370db;font-size:.85rem}.glyphbinding-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.glyphbinding-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.glyphbinding-interface .compact-upgrade.available:hover{background:#4caf5033}.glyphbinding-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.glyphbinding-interface .compact-upgrade.maxed{color:#4caf50}.glyphbinding-interface .upgrade-cost{margin-left:.5rem}.glyphbinding-interface .upgrade-cost.affordable{color:#4caf50}.glyphbinding-interface .upgrade-cost.cant-afford{color:#f44336}.glyphbinding-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.glyphbinding-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.glyphbinding-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#008b8b,#00ced1);transition:width .1s linear}.glyphbinding-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.glyphbinding-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.tab-glyph-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.35rem;vertical-align:middle;flex-shrink:0}.tab-glyph-icon .sprite-icon-lg{transform:scale(.3125);transform-origin:center center;margin:-22px}.tab-glyph-icon.silhouette .sprite-icon-lg{filter:grayscale(100%) brightness(1.5) contrast(.3)}.catalyst-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.75rem;background:#00000040;border:1px solid var(--border-color);border-radius:8px}.catalyst-banner .catalyst-icon{font-size:1.5rem}.catalyst-banner .catalyst-text{display:flex;flex-direction:column;gap:.15rem}.catalyst-banner .catalyst-text strong{color:var(--accent-gold);font-size:1rem}.catalyst-banner .catalyst-effect{color:var(--text-secondary);font-size:.85rem}.ichor-selector-wrapper{display:flex;align-items:center;gap:.5rem}.ichor-selector-icon{font-size:1.1rem;flex-shrink:0;overflow:visible}.ichor-selector-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.ichor-selector-icon .sprite-icon-lg{transform:scale(.28);transform-origin:center center;margin:-23px}.ichor-selector{flex:1;min-width:0;padding:.35rem 1.5rem .35rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.ichor-selector:hover{background-color:#00000080;border-color:#fff3}.ichor-selector:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 4px #ffd7004d}.ichor-selector option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.ichor-selector option:disabled{color:var(--text-secondary);font-style:italic}.ichor-selector-count{font-weight:600;font-size:.85rem;color:#4caf50;flex-shrink:0;white-space:nowrap}.ichor-selector-count.missing{color:#f44336}.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.node-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.node-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--node-color, #9370db);opacity:.7;transition:opacity .2s ease}.node-card:hover:not(.locked){border-color:var(--node-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.node-card:hover:not(.locked):before{opacity:1}.node-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.node-card.active:before{background:var(--accent-green);opacity:1;animation:node-glow-pulse 2s ease-in-out infinite}@keyframes node-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.node-card.locked{opacity:.5;cursor:not-allowed}.node-card.locked:before{background:#666}.node-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.node-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.node-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.node-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.node-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.node-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.node-stat .stat-icon{flex-shrink:0}.node-stat .stat-icon.glyphbinding-icon{width:32px;height:32px}.node-stat .stat-icon.time-icon{width:24px;height:24px}.node-stat .stat-label{color:var(--text-secondary)}.node-stat .stat-value{font-weight:600;color:#8bc34a}.node-stat .stat-value.xp{color:#8bc34a}.node-stat .stat-value.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.node-drops{padding:.75rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.glyphbinding-interface .drop-info{display:flex;align-items:center;gap:.5rem;font-size:1rem}.glyphbinding-interface .drop-info .drop-icon{font-size:1.25rem;flex-shrink:0;overflow:visible}.glyphbinding-interface .drop-info .drop-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.glyphbinding-interface .drop-info .drop-icon .sprite-icon-lg{transform:scale(.34);transform-origin:center center;margin:-21px}.glyphbinding-interface .drop-info.node-drop{font-size:1.1rem}.glyphbinding-interface .drop-info.node-drop .drop-name{color:var(--text-primary);font-weight:500}.glyphbinding-interface .drop-info .drop-name{color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.glyphbinding-interface .drop-info .drop-qty{color:gold;font-weight:600;flex-shrink:0;margin-left:.5rem}.glyphbinding-interface .drop-info .drop-qty.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.node-action{padding:.5rem 1rem;display:flex;justify-content:center}.node-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#00ced1,#008b8b);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.node-action .action-btn:hover{background:linear-gradient(135deg,#40e0d0,#00ced1);transform:translateY(-1px)}.node-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.node-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.node-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.node-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.node-progress-fill{height:100%;background:linear-gradient(90deg,#00ced1,#40e0d0);transition:width .1s linear;width:0%}.node-card.active .node-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.glyph-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.glyph-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--glyph-color, #9370db);opacity:.7;transition:opacity .2s ease}.glyph-card:hover:not(.locked):not(.no-materials){border-color:var(--glyph-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.glyph-card:hover:not(.locked):not(.no-materials):before{opacity:1}.glyph-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.glyph-card.active:before{background:var(--accent-green);opacity:1;animation:glyph-glow-pulse 2s ease-in-out infinite}@keyframes glyph-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.glyph-card.locked{opacity:.5;cursor:not-allowed}.glyph-card.locked:before{background:#666}.glyph-card.no-materials:before{background:#666;opacity:.5}.glyph-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.glyph-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.glyph-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.glyph-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.glyph-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.glyph-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.glyph-stat .stat-icon{flex-shrink:0}.glyph-stat .stat-icon.glyphbinding-icon{width:32px;height:32px}.glyph-stat .stat-icon.time-icon{width:24px;height:24px}.glyph-stat .stat-label{color:var(--text-secondary)}.glyph-stat .stat-value{font-weight:600;color:#8bc34a}.glyph-stat .stat-value.xp{color:#8bc34a}.glyph-stat .stat-value.boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}.glyph-drops{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.glyph-drops .drop-info{display:flex;align-items:center;gap:.5rem}.glyph-drops .drop-icon{font-size:1.1rem;flex-shrink:0;overflow:visible}.glyph-drops .drop-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.glyph-drops .drop-icon .sprite-icon-lg{transform:scale(.34);transform-origin:center center;margin:-21px}.glyph-drops .drop-name{color:var(--text-primary);font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glyph-drops .drop-qty{color:#00ced1;font-weight:600;flex-shrink:0;margin-left:.5rem}.glyph-materials{padding:.5rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.glyph-materials .material-row{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.glyph-materials .material-icon{font-size:1.5rem;flex-shrink:0;overflow:visible}.glyph-materials .material-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.glyph-materials .material-icon .sprite-icon-lg{transform:scale(.65);transform-origin:center center;margin:-11px}.glyph-materials .material-name{color:var(--text-secondary);text-transform:capitalize;flex:1;min-width:0}.glyph-materials .material-count{font-weight:600;color:#4caf50;flex-shrink:0}.glyph-materials .material-row.missing .material-count{color:#f44336}.glyph-materials .materials-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.glyph-output{padding:.5rem 1rem;background:#0003;border-top:1px solid var(--border-color)}.glyph-output .output-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.glyph-output .output-row{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.glyph-output .output-icon{font-size:1.5rem;flex-shrink:0;overflow:visible}.glyph-output .output-name{color:var(--accent-gold);font-weight:500;flex:1}.glyph-output .output-qty{color:#4caf50;font-weight:600;flex-shrink:0}.glyph-output .output-qty.catalyst-boosted{color:#d8b4fe;text-shadow:0 0 6px rgba(147,112,219,.6)}.glyph-materials .material-row.catalyst-substitute{background:#0003;border:1px solid var(--border-color);border-radius:4px;padding:.25rem}.glyph-materials .catalyst-note{font-size:.75rem;color:var(--text-secondary);font-style:italic}.glyph-action{padding:.5rem 1rem;display:flex;justify-content:center}.glyph-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#00ced1,#008b8b);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.glyph-action .action-btn:hover:not(:disabled){background:linear-gradient(135deg,#40e0d0,#00ced1);transform:translateY(-1px)}.glyph-action .action-btn:disabled{background:#555;cursor:not-allowed;opacity:.6}.glyph-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.glyph-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.glyph-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.glyph-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.glyph-progress-fill{height:100%;background:linear-gradient(90deg,#00ced1,#40e0d0);transition:width .1s linear;width:0%}.glyph-card.active .glyph-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.glyph-output{padding:.5rem 1rem;margin-top:auto}.glyph-output .output-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.glyph-output .output-row{display:flex;align-items:center;gap:.5rem;font-size:1rem}.glyph-output .output-icon{font-size:1.5rem;line-height:1;overflow:visible}.glyph-output .output-icon .sprite-icon{transform:scale(.65);transform-origin:center center;margin:-5px}.glyph-output .output-icon .sprite-icon-lg{transform:scale(.65);transform-origin:center center;margin:-11px}.glyph-output .output-name{flex:1;color:var(--text-primary);font-weight:500}.glyph-output .output-qty{font-weight:600;color:#8fbc8f}.glyph-output .output-qty.catalyst-boosted{color:#9370db;text-shadow:0 0 6px rgba(147,112,219,.5)}@media(max-width:768px){.node-card-info,.glyph-card-info{padding:.375rem .75rem;gap:.75rem}.node-stat,.glyph-stat{font-size:.8rem}.node-stat .stat-icon.glyphbinding-icon,.glyph-stat .stat-icon.glyphbinding-icon{width:24px;height:24px}.node-stat .stat-icon.time-icon,.glyph-stat .stat-icon.time-icon{width:20px;height:20px}.node-drops,.glyph-materials,.glyph-output{padding:.375rem .75rem}.glyph-materials .material-icon,.glyph-output .output-icon{font-size:1.25rem}.node-action,.glyph-action{padding:.375rem .75rem}.node-progress,.glyph-progress{height:5px}}@media(max-width:1199px){.node-card-info,.glyph-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.node-stat,.glyph-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.node-stat .stat-icon.glyphbinding-icon,.glyph-stat .stat-icon.glyphbinding-icon{width:28px;height:28px}.node-stat .stat-icon.time-icon,.glyph-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.node-card-header,.glyph-card-header{padding:.625rem .875rem;gap:.625rem}.node-grid,.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.node-card-info,.glyph-card-info{padding:.625rem 1.125rem;gap:1.125rem}.node-stat,.glyph-stat{font-size:.9rem}.node-stat .stat-icon.glyphbinding-icon,.glyph-stat .stat-icon.glyphbinding-icon{width:36px;height:36px}.node-stat .stat-icon.time-icon,.glyph-stat .stat-icon.time-icon{width:28px;height:28px}.node-drops,.glyph-materials,.glyph-output{padding:.625rem 1.125rem}.glyphbinding-interface .drop-info{font-size:1.05rem}.glyphbinding-interface .drop-info.node-drop{font-size:1.15rem}.glyph-materials .material-icon,.glyph-output .output-icon{font-size:1.6rem}.node-action,.glyph-action{padding:.625rem 1.125rem}.node-progress,.glyph-progress{height:7px}}@media(min-width:2400px){.node-card-header,.glyph-card-header{padding:.75rem 1rem;gap:.75rem}.node-grid,.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.node-card-info,.glyph-card-info{padding:.75rem 1.25rem;gap:1.25rem}.node-stat,.glyph-stat{font-size:.95rem}.node-stat .stat-icon.glyphbinding-icon,.glyph-stat .stat-icon.glyphbinding-icon{width:40px;height:40px}.node-stat .stat-icon.time-icon,.glyph-stat .stat-icon.time-icon{width:32px;height:32px}.node-drops,.glyph-materials,.glyph-output{padding:.75rem 1.25rem}.glyphbinding-interface .drop-info{font-size:1.1rem}.glyphbinding-interface .drop-info.node-drop{font-size:1.2rem}.glyph-materials .material-icon,.glyph-output .output-icon{font-size:1.75rem}.glyph-materials .material-icon .sprite-icon-lg,.glyph-output .output-icon .sprite-icon-lg{transform:scale(.7);margin:-10px}.node-action,.glyph-action{padding:.75rem 1.25rem}.node-progress,.glyph-progress{height:8px}}.alchemy-interface .compact-header{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;padding:.625rem 1rem;margin-bottom:.5rem}.alchemy-interface .compact-header-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.alchemy-interface .compact-title{display:flex;align-items:center;gap:.5rem}.alchemy-interface .compact-icon{font-size:1.75rem}.alchemy-interface .compact-name{font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.alchemy-interface .compact-level{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.alchemy-interface .compact-stats{display:flex;gap:1.5rem}.alchemy-interface .compact-stat{display:flex;align-items:baseline;gap:.4rem}.alchemy-interface .compact-stat .stat-label{color:var(--text-secondary);font-size:1rem}.alchemy-interface .compact-stat .stat-value{font-weight:600;font-size:1.15rem}.alchemy-interface .compact-stat.xp-total .stat-value,.alchemy-interface .compact-stat.xp-rate .stat-value{color:#8bc34a}.alchemy-interface .compact-tool{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.9rem}.alchemy-interface .tool-label{color:var(--text-secondary)}.alchemy-interface .tool-current{color:var(--text-primary);font-weight:500}.alchemy-interface .compact-upgrade{color:var(--text-secondary);font-size:.85rem;padding:.2rem .5rem;border-radius:4px;transition:all .2s}.alchemy-interface .compact-upgrade.available{cursor:pointer;background:#4caf501a}.alchemy-interface .compact-upgrade.available:hover{background:#4caf5033}.alchemy-interface .compact-upgrade.locked .upgrade-lock{color:#f44336;font-size:.8rem}.alchemy-interface .compact-upgrade.maxed{color:#4caf50}.alchemy-interface .upgrade-cost{margin-left:.5rem}.alchemy-interface .upgrade-cost.affordable{color:#4caf50}.alchemy-interface .upgrade-cost.cant-afford{color:#f44336}.alchemy-interface .compact-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.alchemy-interface .compact-progress-bar{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);position:relative}.alchemy-interface .compact-progress-fill{height:100%;background:linear-gradient(90deg,#388e3c,#4caf50);transition:width .1s linear}.alchemy-interface .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.alchemy-interface .compact-progress-text{font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.herb-grid,.potion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.herb-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.herb-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--herb-color, #4caf50);opacity:.7;transition:opacity .2s ease}.herb-card:hover:not(.locked):not(.no-materials){border-color:var(--herb-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.herb-card:hover:not(.locked):not(.no-materials):before{opacity:1}.herb-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.herb-card.active:before{background:var(--accent-green);opacity:1;animation:herb-glow-pulse 2s ease-in-out infinite}@keyframes herb-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.herb-card.locked{opacity:.5;cursor:not-allowed}.herb-card.locked:before{background:#666}.herb-card.no-materials:before{background:#f44336;opacity:.5}.herb-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.herb-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.herb-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.herb-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.herb-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.herb-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.herb-stat .stat-icon{flex-shrink:0}.herb-stat .stat-icon.alchemy-icon{width:32px;height:32px}.herb-stat .stat-icon.time-icon{width:24px;height:24px}.herb-stat .stat-label{color:var(--text-secondary)}.herb-stat .stat-value{font-weight:600;color:#8bc34a}.herb-stat .stat-value.xp{color:#8bc34a}.herb-drops{padding:.5rem 1rem;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05)}.herb-drops .drop-info{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.herb-drops .drop-name{color:var(--text-primary);font-weight:500;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.herb-drops .drop-qty{color:#8bc34a;font-weight:600;flex-shrink:0;margin-left:.5rem}.herb-materials{padding:.5rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.herb-materials .material-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.herb-materials .material-name{color:var(--text-secondary)}.herb-materials .material-count{color:#4caf50;font-weight:600}.herb-materials .material-row.missing .material-count{color:#f44336}.herb-materials .source-breakdown{font-size:.75rem;color:var(--text-secondary);text-align:right}.herb-action{padding:.5rem 1rem;display:flex;justify-content:center}.herb-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.herb-action .action-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-1px)}.herb-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.herb-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.herb-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.herb-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.herb-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s linear;width:0%}.herb-card.active .herb-progress-fill{box-shadow:0 0 8px #4caf5080}.potion-card{position:relative;background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(15,20,25,.95) 100%);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.potion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--potion-color, #7b68ee);opacity:.7;transition:opacity .2s ease}.potion-card:hover:not(.locked):not(.no-materials){border-color:var(--potion-color, var(--accent-gold));transform:translateY(-3px);box-shadow:0 8px 20px #0006}.potion-card:hover:not(.locked):not(.no-materials):before{opacity:1}.potion-card.active{border-color:var(--accent-green);box-shadow:0 0 20px #4caf504d}.potion-card.active:before{background:var(--accent-green);opacity:1;animation:potion-glow-pulse 2s ease-in-out infinite}@keyframes potion-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.potion-card.locked{opacity:.5;cursor:not-allowed}.potion-card.locked:before{background:#666}.potion-card.no-materials:before{background:#f44336;opacity:.5}.potion-card-header{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem .2rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.potion-card-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;overflow:hidden;margin-top:.15rem}.potion-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center;line-height:1.1}.potion-card-level{position:absolute;top:.3rem;right:.5rem;font-size:.7rem;color:var(--text-secondary);line-height:1}.potion-card-info{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.potion-stat{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#00000040;border-radius:4px;font-size:.85rem;white-space:nowrap}.potion-stat .stat-icon{flex-shrink:0}.potion-stat .stat-icon.alchemy-icon{width:32px;height:32px}.potion-stat .stat-icon.time-icon{width:24px;height:24px}.potion-stat .stat-label{color:var(--text-secondary)}.potion-stat .stat-value{font-weight:600;color:#8bc34a}.potion-stat .stat-value.xp{color:#8bc34a}.potion-drops{padding:.5rem 1rem;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05)}.potion-drops .drop-info{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.potion-drops .drop-name{color:var(--text-primary);font-weight:500;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.potion-drops .drop-qty{color:#26a69a;font-weight:600;flex-shrink:0;margin-left:.5rem}.potion-materials{padding:.5rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.potion-materials .materials-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.potion-materials .material-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.potion-materials .material-name{color:var(--text-secondary)}.potion-materials .material-count{color:#4caf50;font-weight:600}.potion-materials .material-row.missing .material-count{color:#f44336}.potion-action{padding:.5rem 1rem;display:flex;justify-content:center}.potion-action .action-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#26a69a,#00897b);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.potion-action .action-btn:hover{background:linear-gradient(135deg,#4db6ac,#26a69a);transform:translateY(-1px)}.potion-action .action-btn.active{background:linear-gradient(135deg,#c62828,#8b0000)}.potion-action .action-btn.active:hover{background:linear-gradient(135deg,#e53935,#c62828)}.potion-action .locked-text{color:var(--text-secondary);font-style:italic;font-size:.9rem}.potion-progress{height:6px;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.potion-progress-fill{height:100%;background:linear-gradient(90deg,#00897b,#26a69a);transition:width .1s linear;width:0%}.potion-card.active .potion-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.ashes-bonus{background:#3232324d;border:1px dashed var(--border-color);border-radius:4px;padding:.4rem .5rem;margin:.4rem 0;transition:all .2s ease}.ashes-bonus.active{background:#ff98001a;border-color:#ff980066}.ashes-bonus.inactive{opacity:.5}.ashes-bonus-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.ashes-bonus .ashes-label{font-size:.75rem;font-weight:600;color:#ff9800}.ashes-bonus.inactive .ashes-label{color:var(--text-secondary)}.ashes-bonus .ashes-info-icon{font-size:.7rem;color:var(--text-secondary);cursor:help}.ashes-bonus-content{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.ashes-bonus .ashes-chance{color:var(--text-secondary)}.ashes-bonus.active .ashes-chance{color:#ff9800}.ashes-bonus .ashes-count{color:#ff9800;font-weight:500}.ashes-bonus .ashes-count.empty{color:var(--text-secondary)}.potion-output{margin-top:.4rem}.potion-output .output-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.potion-output .output-row{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;background:#4caf501a;border-radius:4px;border:1px solid rgba(76,175,80,.2)}.potion-output .output-icon{font-size:1rem}.potion-output .output-name{flex:1;font-size:.85rem;color:var(--text-primary)}.potion-output .output-qty{font-size:.8rem;font-weight:600;color:#4caf50}.potion-effects{background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:4px;padding:.5rem;margin-bottom:.5rem}.potion-effects .effects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.potion-effects .effects-icon{font-size:1rem}.potion-effects .effects-duration{font-size:.75rem;color:orchid;font-weight:600;background:#8a2be233;padding:.15rem .4rem;border-radius:3px}.potion-effects .effects-list{display:flex;flex-wrap:wrap;gap:.25rem}.potion-effects .effect-item{font-size:.7rem;color:orchid;background:#8a2be226;padding:.15rem .35rem;border-radius:3px;white-space:nowrap}@media(max-width:768px){.herb-card-info,.potion-card-info{padding:.375rem .75rem;gap:.75rem}.herb-stat,.potion-stat{font-size:.8rem}.herb-stat .stat-icon.alchemy-icon,.potion-stat .stat-icon.alchemy-icon{width:24px;height:24px}.herb-stat .stat-icon.time-icon,.potion-stat .stat-icon.time-icon{width:20px;height:20px}.herb-drops,.herb-materials,.potion-materials,.potion-output,.herb-action,.potion-action{padding:.375rem .75rem}.herb-progress,.potion-progress{height:5px}}@media(max-width:1199px){.herb-card-info,.potion-card-info{padding:.375rem .75rem;gap:.75rem;flex-wrap:wrap}.herb-stat,.potion-stat{font-size:.8rem;padding:.15rem .4rem;white-space:nowrap}.herb-stat .stat-icon.alchemy-icon,.potion-stat .stat-icon.alchemy-icon{width:28px;height:28px}.herb-stat .stat-icon.time-icon,.potion-stat .stat-icon.time-icon{width:22px;height:22px}}@media(min-width:1800px){.herb-card-header,.potion-card-header{padding:.625rem .875rem;gap:.625rem}.herb-grid,.potion-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.herb-card-info,.potion-card-info{padding:.625rem 1.125rem;gap:1.125rem}.herb-stat,.potion-stat{font-size:.9rem}.herb-stat .stat-icon.alchemy-icon,.potion-stat .stat-icon.alchemy-icon{width:36px;height:36px}.herb-stat .stat-icon.time-icon,.potion-stat .stat-icon.time-icon{width:28px;height:28px}.herb-drops,.herb-materials,.potion-materials,.potion-output{padding:.625rem 1.125rem}.herb-materials .material-row,.potion-materials .material-row{font-size:.95rem}.herb-action,.potion-action{padding:.625rem 1.125rem}.herb-progress,.potion-progress{height:7px}}@media(min-width:2400px){.herb-card-header,.potion-card-header{padding:.75rem 1rem;gap:.75rem}.herb-grid,.potion-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;max-width:2000px}.herb-card-info,.potion-card-info{padding:.75rem 1.25rem;gap:1.25rem}.herb-stat,.potion-stat{font-size:.95rem}.herb-stat .stat-icon.alchemy-icon,.potion-stat .stat-icon.alchemy-icon{width:40px;height:40px}.herb-stat .stat-icon.time-icon,.potion-stat .stat-icon.time-icon{width:32px;height:32px}.herb-drops,.herb-materials,.potion-materials,.potion-output{padding:.75rem 1.25rem}.herb-materials .material-row,.potion-materials .material-row{font-size:1rem}.herb-action,.potion-action{padding:.75rem 1.25rem}.herb-progress,.potion-progress{height:8px}}.spell-panel{background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:12px}.spell-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.spell-panel-title{font-weight:600;font-size:1rem}.active-spell-display{background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:4px;font-size:.85rem}.spell-warning{background:#ffa50026;border:1px solid #ffa500;color:orange;padding:8px 12px;border-radius:6px;text-align:center;margin-bottom:10px;font-size:.9rem}.spell-warning.glyph-warning{background:#ff646426;border-color:#ff6464;color:#ff6464}.spell-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.spell-element-group{background:var(--bg-dark);border-radius:6px;padding:8px}.element-header{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.85rem;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.element-icon{font-size:1rem}.spell-buttons{display:flex;flex-direction:column;gap:6px}.spell-btn{display:flex;flex-direction:column;align-items:center;padding:8px 6px;background:var(--bg-light);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.spell-btn:hover:not(.locked):not(:disabled){border-color:var(--primary-color);transform:translateY(-1px)}.spell-btn.selected{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.15);box-shadow:0 0 8px rgba(var(--primary-rgb),.3)}.spell-btn.locked{opacity:.5;cursor:not-allowed}.spell-btn.no-glyphs{opacity:.7;border-color:#ff6464}.spell-icon{font-size:1.2rem;margin-bottom:2px}.spell-name{font-size:.7rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spell-tier{font-size:.65rem;color:var(--text-secondary);margin-top:2px}.spell-cost{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;justify-content:center}.glyph-cost{font-size:.7rem;display:flex;align-items:center;gap:1px}.glyph-cost.missing{color:#ff6464}.glyph-cost .sprite-icon{transform:scale(.5);transform-origin:center center;margin:-7px;vertical-align:middle}.glyph-cost .sprite-icon-lg{transform:scale(.22);transform-origin:center center;margin:-25px;vertical-align:middle}.spell-lock{position:absolute;top:2px;right:2px;font-size:.6rem;color:var(--text-secondary)}.buffs-bar,.debuffs-bar{display:flex;gap:6px;margin-top:6px;justify-content:center;min-height:28px}.buff-indicator,.debuff-indicator{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.75rem;cursor:help;animation:buff-pulse 2s ease-in-out infinite}.buff-indicator .buff-icon,.debuff-indicator .debuff-icon{font-size:.9rem}.buff-indicator .buff-value,.debuff-indicator .debuff-value{font-weight:600;color:var(--text-primary)}.buff-indicator .buff-timer,.debuff-indicator .debuff-timer{font-size:.65rem;color:var(--text-secondary);background:#0000004d;padding:1px 4px;border-radius:3px;min-width:20px;text-align:center}.buff-indicator.defense{background:#8b451340;border:1px solid #8b4513}.buff-indicator.defense .buff-value{color:peru}.buff-indicator.crit{background:#9370db40;border:1px solid #9370db}.buff-indicator.crit .buff-value{color:#b19cd9}.debuff-indicator.dot{background:#ff450040;border:1px solid #ff4500}.debuff-indicator.dot .debuff-value{color:tomato}.debuff-indicator.slow{background:#87ceeb40;border:1px solid #87ceeb}.debuff-indicator.slow .debuff-value{color:#87ceeb}.buff-indicator.hot{background:#66bb6a40;border:1px solid #66bb6a}.buff-indicator.hot .buff-value{color:#81c784}@keyframes buff-pulse{0%,to{opacity:1}50%{opacity:.8}}.spell-effects-bar{display:none}.combat-warning.magic-warning{background:#9370db26;border-color:#9370db;color:#9370db}.attack-bar-container.magic-attack .attack-bar-label{width:auto;flex-shrink:0}.active-spell-label{display:inline-flex;align-items:center;gap:3px;color:#c084fc;font-weight:600;font-size:.7rem;background:#c084fc33;padding:2px 6px;border-radius:4px;border:1px solid rgba(192,132,252,.5);white-space:nowrap}@media(max-width:900px){.spell-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.spell-grid{grid-template-columns:1fr}.spell-buttons{flex-direction:row;flex-wrap:wrap}.spell-btn{flex:1;min-width:70px}}.zone-card.veiled{position:relative;background:linear-gradient(135deg,#1a0a0a,#2d1515,#1a0a0a);border:2px solid #4a2020;cursor:not-allowed;overflow:hidden}.zone-card.veiled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,100,50,.1) 50%,transparent 100%);animation:veil-shimmer 3s ease-in-out infinite}.zone-card.veiled .zone-name{color:#666;font-style:italic}.zone-card.veiled .zone-level,.zone-card.veiled .zone-description{color:#555}.zone-card.veiled .pyre-requirement{display:flex;align-items:center;gap:.25rem;color:#ff6b35;font-size:.85rem;margin-top:.5rem}.zone-card.veiled .pyre-requirement .sprite-icon{vertical-align:middle}@keyframes veil-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.hidden-mobs-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:#ff6b3526;border:1px solid rgba(255,107,53,.3);border-radius:4px;font-size:.75rem;color:#ff6b35;margin-left:.5rem}.hidden-mobs-indicator .sprite-icon{vertical-align:middle}.hidden-mobs-indicator .hidden-count{font-weight:600}.hidden-mobs-indicator:hover{background:#ff6b3540;border-color:#ff6b3580}.hidden-mobs-indicator .tooltip-text{font-size:.7rem;color:#aaa}.zone-card .hidden-mob-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.2rem;padding:.2rem .4rem;background:#ff6b3533;border:1px solid rgba(255,107,53,.4);border-radius:4px;font-size:.7rem;color:#ff6b35}.zone-card .hidden-mob-badge .sprite-icon{width:10px;height:14px}.zone-mobs .mobs-list .sprite-icon{vertical-align:middle;margin-right:2px}.target-btn.pyre-veil-mob{position:relative;border-color:#ff6b3580;background:linear-gradient(135deg,rgba(255,107,53,.1) 0%,transparent 50%)}.target-btn.pyre-veil-mob:hover{border-color:#ff6b35cc;background:linear-gradient(135deg,rgba(255,107,53,.2) 0%,transparent 50%)}.veil-mob-indicator{position:absolute;top:2px;right:2px;z-index:1}.veil-mob-indicator .sprite-icon{width:10px!important;height:14px!important;filter:drop-shadow(0 0 2px rgba(255,100,50,.8))}.veil-mob-name-indicator{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle}.veil-mob-name-indicator .sprite-icon{filter:drop-shadow(0 0 3px rgba(255,100,50,.9));animation:veil-flame-pulse 1.5s ease-in-out infinite}@keyframes veil-flame-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(255,100,50,.9))}50%{filter:drop-shadow(0 0 6px rgba(255,100,50,1))}}.preview-mob-card.pyre-veil-mob{position:relative;border-color:#ff6b3580;background:linear-gradient(135deg,rgba(255,107,53,.08) 0%,transparent 40%)}.preview-veil-badge{position:absolute;top:4px;right:4px;z-index:2}.preview-veil-badge .sprite-icon{filter:drop-shadow(0 0 3px rgba(255,100,50,.9))}.preview-mob-name .sprite-icon{vertical-align:middle;margin-right:3px}.pyre-veil-lore-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.pyre-veil-lore-overlay.show{opacity:1}.pyre-veil-lore-overlay.hide{opacity:0}.pyre-veil-lore-modal{position:relative;max-width:500px;width:90%;background:linear-gradient(180deg,#1a0808,#0d0404);border:2px solid #4a1a1a;border-radius:8px;padding:0;box-shadow:0 0 30px #ff64324d,inset 0 0 60px #ff32000d;transform:scale(.9);transition:transform .3s ease}.pyre-veil-lore-overlay.show .pyre-veil-lore-modal{transform:scale(1)}.lore-flame-border{position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(45deg,#ff4500,#ff6b35,#ff8c00,#ff6b35,#ff4500);background-size:400% 400%;animation:flame-border 3s ease infinite;z-index:-1;opacity:.6}@keyframes flame-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.lore-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(255,107,53,.2);text-align:center}.lore-milestone{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#ff6b35;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.lore-milestone .sprite-icon{vertical-align:middle}.lore-milestone .skill-icon-img{width:18px;height:18px}.lore-title{font-size:1.4rem;color:#ffd4b8;margin:0;font-weight:600;text-shadow:0 0 10px rgba(255,100,50,.5)}.lore-content{padding:1.25rem 1.5rem;color:#ccc;font-size:.95rem;line-height:1.7}.lore-content p{margin:0 0 1rem}.lore-content p:last-child{margin-bottom:0}.lore-content em{color:#ff8c5a;font-style:italic}.lore-whisper{display:block;padding:.75rem 1rem;margin:1rem 0;background:#ff6b3514;border-left:3px solid #ff6b35;font-style:italic;color:#f96;font-size:.9rem}.lore-close-btn{display:block;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;padding:.75rem 1.5rem;background:linear-gradient(180deg,#4a1a1a,#2d1010);border:1px solid #6a2a2a;border-radius:4px;color:#ffd4b8;font-size:.95rem;cursor:pointer;transition:all .2s ease}.lore-close-btn:hover{background:linear-gradient(180deg,#5a2a2a,#3d1818);border-color:#8a3a3a;box-shadow:0 0 15px #ff64324d}.zone-pyre-req{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#ff6b35;margin-top:.25rem}.zone-pyre-req .sprite-icon{vertical-align:middle}.zone-pyre-req.met{color:#4a9}.zone-pyre-req.unmet{color:#ff6b35}.fire-sprite{display:inline-block;vertical-align:middle}.fire-sprite-sm{width:10px!important;height:14px!important}@media(max-width:600px){.pyre-veil-lore-modal{width:95%;max-width:none}.lore-header{padding:1rem}.lore-content{padding:1rem;font-size:.9rem}.lore-title{font-size:1.2rem}.lore-close-btn{width:calc(100% - 2rem);margin:0 1rem 1rem}}@media(min-width:1800px){.action-grid,.rocks-grid,.targets-grid,.resources-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.upgrade-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}#game-main{grid-template-columns:200px 1fr 280px}}@media(max-width:1400px){#game-main{grid-template-columns:160px 1fr 240px}}@media(max-width:1200px){#game-main{grid-template-columns:150px 1fr 220px}}@media(max-width:1024px){#game-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}#skills-sidebar{order:1}#skill-content{order:2}#info-sidebar{order:3}.skill-info-grid{grid-template-columns:repeat(2,1fr)}}