@import url(https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Open+Sans:wght@400;600&family=Noto+Color+Emoji&display=swap);.wonder-panel{height:100%}.wp-header{align-items:center;background:linear-gradient(135deg,#fbbf241a,#0000);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.wp-header-left h3{color:var(--accent-gold);font-size:1.1rem;margin:0}.wp-subtitle{color:var(--text-secondary);font-size:.7rem;margin:0}.wp-slots{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.wp-slots-pips{display:flex;gap:.35rem}.wp-slot-pip{align-items:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.wp-slot-pip.filled{background:linear-gradient(135deg,#fbbf2440,#fbbf241a);border-color:var(--accent-gold);box-shadow:0 0 8px #fbbf244d}.wp-slots-text{color:var(--accent-gold);font-size:.7rem;font-weight:600}.wp-info-bar{grid-gap:.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:.5rem .75rem}.wp-info-item{align-items:center;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.65rem;gap:.35rem;justify-content:center;padding:.25rem}.wp-info-icon{font-size:.8rem}.wp-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:.75rem}.wp-construction{animation:wp-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--bg-tertiary) 0,#fbbf2426 100%);border:2px solid var(--accent-gold);border-radius:var(--radius-md);padding:.75rem}@keyframes wp-pulse{0%,to{box-shadow:0 0 8px #fbbf244d}50%{box-shadow:0 0 16px #fbbf2480}}.wp-con-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem}.wp-con-icon{font-size:1.5rem}.wp-con-info{flex:1 1}.wp-con-name{color:var(--accent-gold);display:block;font-size:.9rem;font-weight:700}.wp-con-time{color:var(--text-secondary);font-size:.7rem}.wp-con-cancel{background:#fc818133;border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;font-size:.7rem;font-weight:600;padding:.35rem .6rem;transition:all .2s}.wp-con-cancel:hover{background:var(--accent-red);color:#fff}.wp-con-bar{background:var(--bg-primary);border-radius:10px;height:20px;overflow:hidden;position:relative}.wp-con-fill{background:linear-gradient(90deg,var(--accent-gold),#f59e0b);border-radius:10px;height:100%;transition:width .5s ease}.wp-con-percent{color:var(--text-primary);font-size:.75rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #00000080;top:50%;transform:translate(-50%,-50%)}.wp-con-confirm{align-items:center;background:#fc818126;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.7rem;gap:.5rem;justify-content:space-between;margin-top:.5rem;padding:.5rem}.wp-con-confirm-btns{display:flex;gap:.3rem}.btn-confirm{background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600}.btn-confirm,.btn-deny{cursor:pointer;font-size:.7rem;padding:.3rem .6rem}.btn-deny{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.wp-built{background:var(--bg-tertiary);border:1px solid #fbbf244d;border-radius:var(--radius-md);padding:.6rem}.wp-built-header{color:var(--accent-gold);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.wp-built-grid{display:flex;flex-direction:column;gap:.4rem}.wp-built-card{align-items:center;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid #fbbf244d;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem}.wp-built-card.destroying{background:#fc81811a;border-color:var(--accent-red)}.wp-built-main{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.wp-built-icon{font-size:1.3rem}.wp-built-info{flex:1 1;min-width:0}.wp-built-name{color:var(--text-primary);display:block;font-size:.8rem;font-weight:600}.wp-built-effects{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}.wp-effect-mini{border-radius:3px;font-size:.6rem;font-weight:600;padding:.1rem .3rem}.wp-effect-mini.bonus{background:#48bb7833;color:#68d391}.wp-effect-mini.global{background:#fbbf2433;color:var(--accent-gold)}.wp-effect-mini.research{background:#9370db33;color:#b19cd9}.wp-effect-mini.flat{background:#6495ed33;color:#87cefa}.wp-built-destroy{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.4;transition:all .2s;width:28px}.wp-built-destroy:hover:not(:disabled){background:#fc81811a;border-color:var(--accent-red);opacity:1}.wp-built-destroy:disabled{cursor:not-allowed;opacity:.2}.wp-built-destroy-confirm{align-items:center;display:flex;gap:.3rem}.destroy-warn{color:var(--accent-red);font-size:.65rem}.btn-destroy{background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600}.btn-destroy,.btn-keep{cursor:pointer;font-size:.65rem;padding:.25rem .5rem}.btn-keep{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary)}.btn-keep,.wp-max-warning{border-radius:var(--radius-sm)}.wp-max-warning{background:#fbbf241a;color:var(--accent-gold);font-size:.7rem;margin-top:.4rem;padding:.4rem;text-align:center}.wp-tier-selector{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.wp-tier-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;justify-content:center;padding:.5rem .6rem;transition:all .2s}.wp-tier-btn:hover{background:#fbbf241a;border-color:#fbbf2466}.wp-tier-btn.active{background:#fbbf2426;border-color:var(--accent-gold);color:var(--accent-gold)}.wp-tier-icon{font-size:.9rem}.wp-tier-name{font-weight:600}.wp-tier-check{color:#68d391;font-size:.7rem}.wp-era-info{grid-gap:.5rem;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;padding:.5rem .75rem}.wp-era-icon{font-size:1.2rem}.wp-era-name{color:var(--accent-gold);font-size:.85rem;font-weight:700}.wp-era-desc{color:var(--text-secondary);font-size:.7rem;text-align:right}.wp-grid{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(3,1fr)}.wp-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.wp-card:hover{border-color:#fbbf2466}.wp-card.built{background:linear-gradient(135deg,var(--bg-tertiary) 0,#48bb781a 100%);border-color:#48bb7880}.wp-card.building{animation:wp-card-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--bg-tertiary) 0,#fbbf241a 100%);border-color:var(--accent-gold)}@keyframes wp-card-pulse{0%,to{box-shadow:0 0 0 #fbbf2400}50%{box-shadow:0 0 12px #fbbf244d}}.wp-card.just-completed{animation:wp-card-complete .8s ease-out}@keyframes wp-card-complete{0%{box-shadow:0 0 0 #dab05000;transform:scale(1)}50%{box-shadow:0 0 25px #dab050b3,0 0 50px #dab05066;transform:scale(1.03)}to{box-shadow:0 0 0 #dab05000;transform:scale(1)}}.wp-card-header{align-items:flex-start;display:flex;gap:.5rem}.wp-card-icon{font-size:1.8rem;line-height:1}.wp-card-title{flex:1 1;min-width:0}.wp-card-name{color:var(--accent-gold);display:block;font-size:.95rem;font-weight:800;text-shadow:0 1px 2px #0000004d}.wp-card-time{color:var(--text-secondary);font-size:.65rem}.wp-card-badge{border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;padding:.2rem .4rem}.wp-card-badge.built{background:#48bb7833;color:#68d391}.wp-card-badge.building{background:#fbbf2433;color:var(--accent-gold)}.wp-card-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.wp-site-status{border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;padding:.35rem .5rem;text-align:center}.wp-site-status.discovered{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.wp-site-status.undiscovered{background:#d4a05526;border:1px solid #d4a0554d;color:#d4a055}.wp-card-section{background:var(--bg-primary);border-radius:var(--radius-sm);padding:.5rem}.wp-card-section-label{color:var(--text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.wp-card-section-sublabel{color:var(--text-secondary);font-size:.6rem;margin-bottom:.25rem;margin-top:.4rem}.wp-card-effects{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.wp-effect{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.72rem;gap:.4rem;padding:.3rem .4rem}.wp-effect.bonus{background:#48bb7826;color:#68d391}.wp-effect.global{background:#fbbf2426;color:var(--accent-gold)}.wp-effect.research{background:#9370db26;color:#b19cd9}.wp-effect.flat{background:#6495ed26;color:#87cefa}.wp-effect-icon{font-size:.9rem}.wp-effect-text{font-weight:500}.wp-card-costs{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.wp-cost-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;justify-content:center;padding:.25rem}.wp-cost-item.need .resource-chip{opacity:.7}.wp-card-buildings{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.4rem}.wp-card-building-list{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.wp-building-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;font-size:.7rem;gap:.3rem;justify-content:center;padding:.3rem .4rem}.wp-building-item.ok{color:#68d391}.wp-building-item.need{color:var(--accent-red)}.wp-building-count{font-family:monospace;font-weight:600}.wp-card-lore{background:linear-gradient(135deg,#fbbf240d,#0000);border-radius:var(--radius-sm);padding:.5rem}.wp-lore-flavor{font-style:italic;margin:0 0 .3rem}.wp-lore-flavor,.wp-lore-text{color:var(--text-secondary);font-size:.7rem}.wp-lore-text{line-height:1.4;margin:0}.wp-card-action{margin-top:auto;padding-top:.5rem}.wp-action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:700;padding:.6rem;transition:all .2s;width:100%}.wp-action-btn.can-build{background:linear-gradient(135deg,var(--accent-gold),#f59e0b);color:var(--bg-primary)}.wp-action-btn.can-build:hover{box-shadow:0 4px 15px #fbbf2480;transform:translateY(-2px)}.wp-action-btn.locked{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.wp-action-btn.site-locked{background:#d4a05526;border:1px solid #d4a0554d;color:#d4a055}.wp-action-btn.disabled{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.wp-action-built{background:#48bb7826;border:1px solid #48bb7866;border-radius:var(--radius-sm);color:#68d391}.wp-action-building,.wp-action-built{font-size:.75rem;font-weight:700;padding:.6rem;text-align:center}.wp-action-building{animation:wp-building-pulse 1s ease-in-out infinite;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:var(--radius-sm);color:var(--accent-gold)}@keyframes wp-building-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:1000px){.wp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.wp-info-bar{grid-template-columns:repeat(2,1fr)}.wp-grid{grid-template-columns:1fr}.wp-header{flex-direction:column;gap:.5rem}.wp-header,.wp-slots{align-items:flex-start}}.wp-tabs{grid-gap:0;border-bottom:2px solid var(--border);display:grid;gap:0;grid-template-columns:1fr 1fr}.wp-tab{align-items:center;background:var(--bg-tertiary);border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .25s ease}.wp-tab:hover{background:#fbbf241a;color:var(--text-primary)}.wp-tab.active{background:linear-gradient(180deg,#fbbf2426,#0000);border-bottom-color:var(--accent-gold);color:var(--accent-gold)}.wp-tab-icon{font-size:1.1rem}.wp-tab-label{font-weight:700}.wp-tab-count{background:var(--bg-primary);border-radius:10px;font-size:.7rem;font-weight:600;padding:.15rem .4rem}.wp-tab.active .wp-tab-count{background:#fbbf2433;color:var(--accent-gold)}.gw-construction{background:linear-gradient(135deg,var(--bg-tertiary) 0,#8b5cf626 100%);border-color:#8b5cf6}.gw-bar{background:var(--bg-primary)}.gw-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.gw-built,.gw-card{border-color:#8b5cf64d}.gw-card:hover{border-color:#8b5cf680}.wp-built-location{color:var(--text-secondary);display:block;font-size:.65rem;margin-top:.1rem}.gw-requirements{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid #8b5cf633}.gw-req-list{display:flex;flex-direction:column;gap:.3rem}.gw-req-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.72rem;gap:.4rem}.gw-req-icon{font-size:.8rem}.gw-req-status{border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;margin-top:.2rem;padding:.2rem .4rem}.gw-req-status.ok{background:#48bb7833;color:#68d391}.gw-req-status.need{background:#fc818133;color:var(--accent-red)}.gw-tier-selector .wp-tier-btn:hover{background:#8b5cf61a;border-color:#8b5cf666}.gw-tier-selector .wp-tier-btn.active{background:#8b5cf626;border-color:#8b5cf6;color:#a78bfa}.gw-era-info{background:linear-gradient(135deg,#8b5cf61a,#0000)}.gw-era-info .wp-era-name,.gw-grid .wp-card .wp-card-name{color:#a78bfa}.gw-grid .wp-card.built{background:linear-gradient(135deg,var(--bg-tertiary) 0,#8b5cf61a 100%);border-color:#8b5cf680}.gw-grid .wp-card.building{background:linear-gradient(135deg,var(--bg-tertiary) 0,#8b5cf626 100%);border-color:#8b5cf6}.gw-grid .wp-action-btn.can-build{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.gw-grid .wp-action-btn.can-build:hover{box-shadow:0 4px 15px #8b5cf680}.gw-grid .wp-action-building,.gw-grid .wp-action-built{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}.gw-built .wp-slot-pip.filled{background:linear-gradient(135deg,#8b5cf640,#8b5cf61a);border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf64d}.dungeon-entry-modal{background:var(--bg-primary);border:2px solid var(--royal-purple);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 25px #80689033;max-width:580px}.dem-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:2px solid var(--royal-purple);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;padding:.7rem 1rem}.dem-header,.dem-title{align-items:center;display:flex}.dem-title{gap:.6rem}.dem-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.6rem}.dem-title-text h2{color:var(--text-primary);font-family:Cinzel,serif;font-size:1.1rem;line-height:1.2;margin:0}.dem-subtitle{color:var(--text-secondary);font-size:.68rem;letter-spacing:.04em;margin:.1rem 0 0;text-transform:uppercase}.dem-body{display:flex;flex-direction:column;gap:.7rem;padding:.8rem 1rem}.dem-desc{background:var(--royal-purple-bg);border-left:3px solid var(--royal-purple);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.74rem;font-style:italic;line-height:1.35;padding:.5rem .65rem}.dem-stats-grid{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(4,1fr)}.dem-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:.4rem .35rem;text-align:center}.dem-stat-label{color:var(--text-muted);font-size:.58rem;letter-spacing:.02em;margin-bottom:.2rem;text-transform:uppercase}.dem-stat-value{color:var(--text-primary);font-size:.85rem;font-weight:700}.dem-details-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.dem-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.6rem .7rem}.dem-section-header{border-bottom:1px solid var(--border);color:var(--accent-gold);font-size:.68rem;font-weight:600;letter-spacing:.03em;margin-bottom:.45rem;padding-bottom:.35rem;text-transform:uppercase}.dem-mob-grid{display:flex;flex-direction:column;gap:.3rem}.dem-mob{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;font-size:.68rem;gap:.35rem;padding:.22rem .35rem}.dem-mob-icon{font-size:.95rem}.dem-mob-name{color:var(--text-primary);font-weight:500;text-transform:capitalize}.dem-loot-grid{display:flex;flex-direction:column;gap:.3rem}.dem-loot-row{grid-gap:.35rem;align-items:center;display:grid;font-size:.66rem;gap:.35rem;grid-template-columns:75px 1fr 32px}.dem-loot-name{font-weight:600;text-transform:capitalize}.dem-loot-bar-wrap{background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);height:12px;overflow:hidden}.dem-loot-bar{border-radius:var(--radius-sm);height:100%;transition:width .3s ease}.dem-loot-pct{color:var(--text-secondary);font-size:.64rem;font-weight:600;text-align:right}.dem-dungeon-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.6rem .7rem}.dem-dungeon-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr)}.dem-dungeon-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:.45rem .3rem;position:relative;transition:all .2s ease}.dem-dungeon-btn:not(.locked):hover{background:var(--bg-light);border-color:var(--accent-gold);transform:translateY(-1px)}.dem-dungeon-btn.selected{background:linear-gradient(135deg,#dab05033,#dab0501a);border-color:var(--accent-gold);box-shadow:0 0 8px #dab0504d}.dem-dungeon-btn.locked{background:var(--bg-primary);cursor:not-allowed;opacity:.5}.dem-dungeon-level{color:var(--accent-gold);font-size:.72rem;font-weight:700;margin-bottom:.15rem}.dem-dungeon-btn.locked .dem-dungeon-level{color:var(--text-muted)}.dem-dungeon-name{color:var(--text-secondary);font-size:.58rem;line-height:1.2;max-width:100%;overflow:hidden;padding:0 .1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dem-dungeon-btn.selected .dem-dungeon-name{color:var(--text-primary)}.dem-dungeon-lock{font-size:.6rem;opacity:.7;position:absolute;right:2px;top:2px}.dem-reward{align-items:center;background:linear-gradient(135deg,#dab05026,#dab05014);border:1px solid var(--accent-gold-dark);border-radius:var(--radius-md);box-shadow:0 2px 6px #dab05026;display:flex;justify-content:space-between;padding:.55rem .8rem}.dem-reward-label{color:var(--text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.dem-reward-value{color:var(--accent-gold);font-size:.9rem;font-weight:700}.dem-footer{background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border);display:flex;gap:.6rem;padding:.7rem 1rem}.dem-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.78rem;font-weight:600;letter-spacing:.025em;padding:.55rem 1rem;text-transform:uppercase;transition:all .2s ease}.dem-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.dem-btn-cancel:hover{background:var(--bg-light);border-color:var(--border-light);color:var(--text-primary)}.dem-btn-enter{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);box-shadow:0 2px 8px #dab05059;color:var(--bg-primary)}.dem-btn-enter:hover{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:0 4px 12px #dab05073;transform:translateY(-1px)}@media (max-width:640px){.dem-stats-grid{grid-template-columns:repeat(2,1fr)}.dem-details-grid{grid-template-columns:1fr}.dem-footer{flex-direction:column}.dem-btn{width:100%}}.encounter-entry-modal{background:var(--bg-primary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 20px #dab05026;max-width:420px}.eem-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:2px solid var(--accent-gold);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;padding:.6rem .9rem}.eem-header,.eem-title{align-items:center;display:flex}.eem-title{gap:.5rem}.eem-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.4rem}.eem-title-text h2{color:var(--text-primary);font-family:Cinzel,serif;font-size:1rem;line-height:1.2;margin:0}.eem-subtitle{color:var(--accent-gold);font-size:.62rem;font-weight:600;letter-spacing:.05em;margin:.1rem 0 0;text-transform:uppercase}.eem-body{display:flex;flex-direction:column;gap:.6rem;padding:.7rem .9rem}.eem-desc{background:var(--bg-secondary);border-left:3px solid var(--accent-gold);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.72rem;font-style:italic;line-height:1.35;padding:.4rem .55rem}.eem-info-banner{align-items:center;background:linear-gradient(135deg,#80b85826,#80b85814);border:1px solid var(--success);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.45rem .6rem}.eem-info-icon{font-size:.9rem}.eem-info-text{color:var(--text-secondary);font-size:.68rem;line-height:1.3}.eem-stats-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr)}.eem-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:.35rem .3rem;text-align:center}.eem-stat-label{color:var(--text-muted);font-size:.55rem;letter-spacing:.02em;margin-bottom:.15rem;text-transform:uppercase}.eem-stat-value{color:var(--text-primary);font-size:.8rem;font-weight:700}.eem-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.5rem .6rem}.eem-section-header{border-bottom:1px solid var(--border);color:var(--accent-gold);font-size:.65rem;font-weight:600;letter-spacing:.03em;margin-bottom:.4rem;padding-bottom:.3rem;text-transform:uppercase}.eem-mob-grid{display:flex;flex-wrap:wrap;gap:.3rem}.eem-mob{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;font-size:.65rem;gap:.3rem;padding:.2rem .4rem}.eem-mob-icon{font-size:.85rem}.eem-mob-name{color:var(--text-primary);font-weight:500;text-transform:capitalize}.eem-features{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem;padding:.4rem .5rem}.eem-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:.65rem;gap:.4rem}.eem-feature-icon{font-size:.7rem;text-align:center;width:1rem}.eem-feature-icon.good{color:var(--success)}.eem-feature-icon.neutral{color:var(--text-muted)}.eem-feature-icon.bad{color:var(--danger)}.eem-footer{background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.6rem .9rem}.eem-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.5rem .8rem;text-transform:uppercase;transition:all .2s ease}.eem-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.eem-btn-cancel:hover{background:var(--bg-light);border-color:var(--border-light);color:var(--text-primary)}.eem-btn-enter{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);box-shadow:0 2px 8px #dab05059;color:var(--bg-primary)}.eem-btn-enter:hover{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:0 4px 12px #dab05073;transform:translateY(-1px)}@media (max-width:500px){.eem-stats-grid{grid-template-columns:repeat(2,1fr)}.eem-footer{flex-direction:column}.eem-btn{width:100%}}.kp-card{display:flex;flex-direction:column;gap:8px}.kp-header{border-bottom:1px solid #a0908033;gap:10px;padding-bottom:8px}.kp-header,.kp-icon{align-items:center;display:flex}.kp-icon{border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 2px 8px #0000004d;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.kp-title-area{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.kp-title-area h3{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-type{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kp-flavor{background:#6080a814;border-left:2px solid var(--royal-blue);border-radius:3px;color:var(--royal-blue);font-size:.8rem;line-height:1.3}.kp-flavor,.kp-hint{font-style:italic;padding:6px 8px}.kp-hint{background:#dab05014;border:1px solid #dab05033;border-radius:4px;color:var(--text-muted);font-size:.75rem;text-align:center}.abilities-float-btn{align-items:center;background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:2px solid var(--border);border-radius:var(--radius-md);bottom:30px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:40px;transition:all .2s;width:48px;z-index:200}.abilities-float-btn:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border-color:var(--accent-gold);box-shadow:0 4px 12px #fbbf244d;transform:translateY(-2px)}.abilities-float-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.5rem}.abilities-float-badge{background:var(--accent-gold);border:2px solid var(--bg-secondary);border-radius:10px;box-shadow:0 2px 4px #0000004d;color:var(--bg-primary);font-size:.65rem;font-weight:700;height:20px;min-width:20px;padding:0 4px;position:absolute;right:-4px;top:-4px}.abilities-float-badge,.abilities-overlay{align-items:center;display:flex;justify-content:center}.abilities-overlay{animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.abilities-overlay-content{animation:overlaySlideIn .3s ease-out;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:100%}@keyframes overlaySlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.abilities-overlay-header{align-items:center;background:linear-gradient(135deg,#fbbf241f,#0000);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:.5rem .75rem}.abilities-overlay-title{align-items:center;display:flex;gap:.5rem}.abilities-title-icon{filter:drop-shadow(0 2px 4px rgba(251,191,36,.4));font-size:1.1rem}.abilities-title-text{color:var(--accent-gold);font-size:.95rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.abilities-title-count{background:#fbbf2433;border-radius:var(--radius-sm);color:var(--accent-gold);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.abilities-close-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;transition:all .2s;width:28px}.abilities-close-btn:hover{background:#dc262633;border-color:#dc2626;color:#ef4444}.abilities-grid-container{grid-gap:.75rem;align-content:start;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow-y:auto;padding:1rem}.abilities-grid-container::-webkit-scrollbar{width:8px}.abilities-grid-container::-webkit-scrollbar-track{background:#0000}.abilities-grid-container::-webkit-scrollbar-thumb{background:#fbbf244d;border-radius:4px}.abilities-grid-container::-webkit-scrollbar-thumb:hover{background:#fbbf2480}.ability-grid-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.4rem;padding:.6rem;transition:all .2s}.ability-grid-card:hover{border-color:#fbbf2466;box-shadow:0 4px 12px #fbbf2433;transform:translateY(-2px)}.ability-card-header{align-items:center;display:flex;gap:.4rem;justify-content:space-between}.ability-card-icon-wrapper{flex-shrink:0;height:45px;position:relative;width:45px}.ability-card-ring{height:100%;width:100%}.ability-card-icon-content{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ability-card-icon{font-size:1.2rem;line-height:1}.ability-card-level{color:var(--text-secondary);font-size:.55rem;font-weight:600;margin-top:2px}.ability-card-bonus{flex-shrink:0}.ability-card-bonus-value{background:#6495ed33;border-radius:var(--radius-sm);color:#87cefa;display:inline-block;font-size:.9rem;font-weight:700;padding:.3rem .5rem}.ability-card-bonus-value.inactive{background:var(--bg-primary);color:var(--text-muted)}.ability-card-name{color:var(--text-primary);font-size:.85rem;font-weight:700;text-align:center}.ability-card-description{color:var(--text-secondary);font-size:.65rem;line-height:1.25;min-height:2rem;text-align:center}.ability-card-progress{align-items:center;display:flex;gap:.3rem}.ability-card-progress-bar{background:var(--bg-primary);border-radius:2.5px;flex:1 1;height:5px;overflow:hidden}.ability-card-progress-fill{background:linear-gradient(90deg,var(--accent-gold),#f59e0b);border-radius:2.5px;height:100%;transition:width .3s ease}.ability-card-progress-text{color:var(--text-muted);font-size:.65rem;font-weight:600;min-width:35px;text-align:right}.ability-card-effects{align-items:center;background:#0003;border-radius:var(--radius-sm);display:flex;gap:.3rem;padding:.4rem}.ability-card-effect{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem}.ability-effect-label-sm{color:var(--text-muted);font-size:.55rem;letter-spacing:.4px;text-transform:uppercase}.ability-effect-value-sm{color:#68d391;font-size:.75rem;font-weight:600}.ability-effect-value-sm.next{color:#9ae6b4}.ability-card-effect-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem}.ability-card-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.3rem;padding-top:.3rem}.ability-card-cost{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.ability-card-upgrade-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:.5rem;text-transform:uppercase;transition:all .2s;width:100%}.ability-card-upgrade-btn.active{background:linear-gradient(135deg,var(--accent-gold),#f59e0b);color:var(--bg-primary)}.ability-card-upgrade-btn.active:hover{box-shadow:0 6px 20px #fbbf2480;transform:translateY(-2px)}.ability-card-upgrade-btn.disabled{background:var(--bg-primary);color:var(--text-muted);cursor:not-allowed}.ability-card-maxed{align-items:center;background:#48bb7833;border-radius:var(--radius-sm);color:#68d391;display:flex;font-size:.7rem;font-weight:700;gap:.3rem;justify-content:center;letter-spacing:.4px;padding:.5rem;text-transform:uppercase}.ability-maxed-icon{font-size:1rem}.abilities-overlay-footer{background:#0003;border-top:2px solid var(--border);color:var(--text-muted);font-size:.65rem;padding:.5rem 1rem;text-align:center}@media (max-width:1200px){.abilities-grid-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.abilities-overlay{padding:1rem}.abilities-overlay-content{max-height:95vh}.abilities-grid-container{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.ability-grid-card{padding:.75rem}.abilities-float-btn{bottom:16px;height:44px;right:16px;width:44px}.abilities-float-icon{font-size:1.3rem}}.item-chip{align-items:center;background:linear-gradient(135deg,#2d261ee6,#1e1914f2);border:2px solid;border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #ffffff1a,0 2px 6px #0006;cursor:pointer;display:inline-flex;justify-content:center;pointer-events:auto;position:relative;transition:all .2s ease}.item-chip:hover{box-shadow:inset 0 1px 2px #ffffff26,0 4px 12px #00000080,0 0 20px currentColor;filter:brightness(1.2);transform:translateY(-2px) scale(1.05)}.item-chip:active{transform:translateY(0) scale(1)}.item-chip-small{height:32px;width:32px}.item-chip-medium{height:40px;width:40px}.item-chip-large{height:52px;width:52px}.item-chip-large.has-sprite{height:52px;overflow:visible;width:52px}.item-chip-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));font-size:1.5rem;pointer-events:none}.item-chip-small .item-chip-icon{font-size:1.2rem}.item-chip-large .item-chip-icon{font-size:1.8rem}.item-chip-sprite{background-repeat:no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));pointer-events:none}.item-chip.has-sprite{height:40px;overflow:hidden;width:40px}.item-chip-large.has-sprite{height:52px!important;overflow:visible!important;width:52px!important}.item-chip-quantity{background:#000000e6;border:1px solid #ffffff4d;border-radius:3px;bottom:-2px;box-shadow:0 1px 3px #000c;font-size:.65rem;font-weight:700;padding:1px 4px;right:-2px}.item-chip-quantity,.item-chip-scroll-level{color:#fff;font-family:Fira Code,Consolas,monospace;pointer-events:none;position:absolute}.item-chip-scroll-level{background:none;font-size:.6rem;font-weight:800;padding:0;right:3px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000c;top:1px;z-index:2}.item-tooltip-ms{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#3c342af5,#302921f5);border:2px solid;border-radius:6px;box-shadow:0 8px 32px #000c,inset 0 1px 0 #ffffff26,0 0 0 1px #0000004d;color:#f0e6d6;font-size:.75rem;opacity:1;pointer-events:none;transition:opacity .15s ease;width:240px;z-index:99999}.ms-tooltip-header{align-items:center;background:linear-gradient(135deg,#50443680,#3c3228b3);border-bottom:1px solid #d4a57459;border-radius:4px 4px 0 0;display:flex;gap:8px;padding:8px 10px;position:relative}.ms-tooltip-icon{font-size:2.5rem;line-height:64px;text-align:center}.ms-tooltip-icon,.ms-tooltip-sprite{filter:drop-shadow(0 2px 6px rgba(0,0,0,.9));flex-shrink:0;height:64px;width:64px}.ms-tooltip-title{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-height:64px}.ms-tooltip-name{font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:.3px;line-height:1.2;text-shadow:0 1px 3px #000000e6}.ms-scroll-level{bottom:8px;color:#f5d742;font-family:Fira Code,Consolas,monospace;font-size:.85rem;font-weight:700;position:absolute;right:10px;text-shadow:0 0 4px #f5d74299,0 1px 2px #000000e6}.ms-tooltip-rarity{font-size:.7rem;font-weight:600;letter-spacing:1px;opacity:.85;text-transform:uppercase}.ms-tooltip-meta{background:#0000001f;color:#d4a574;font-size:.65rem;gap:2px;padding:6px 10px}.ms-tooltip-meta,.ms-tooltip-quality{border-bottom:1px solid #d4a57440;display:flex;flex-direction:column}.ms-tooltip-quality{background:#0003;gap:6px;padding:8px 10px}.quality-label-row{align-items:center;display:flex;justify-content:space-between}.quality-label{color:#d4a574;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.quality-value{font-family:Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700;text-shadow:0 0 8px currentColor}.quality-bar-container{background:#00000080;border:1px solid #d4a5744d;border-radius:4px;box-shadow:inset 0 1px 3px #0009;height:8px;overflow:hidden;width:100%}.quality-bar-fill{border-radius:3px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.quality-bar-fill:after{animation:qualityShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes qualityShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.ms-tooltip-stats{background:#00000026;border-bottom:1px solid #d4a57440;padding:8px 10px}.ms-stat-row{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;padding:3px 0}.ms-stat-label{color:#d4a574;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.ms-stat-values{align-items:center;display:flex;gap:6px}.ms-stat-value{color:#10b981;text-shadow:0 0 8px #10b9814d}.ms-stat-diff,.ms-stat-value{font-family:Fira Code,Consolas,monospace;font-weight:700}.ms-stat-diff{font-size:.65rem}.ms-stat-diff.stat-increase{color:#10b981;text-shadow:0 0 6px #10b98180}.ms-stat-diff.stat-decrease{color:#ef4444;text-shadow:0 0 6px #ef444480}.ms-tooltip-desc{background:#00000014;border-bottom:1px solid #d4a57440;color:#b39d85;font-size:.65rem;font-style:italic;line-height:1.4;padding:8px 10px}.ms-tooltip-type{align-items:center;background:#0000001f;border-bottom:1px solid #d4a57440;display:flex;justify-content:space-between;padding:6px 10px}.equipment-type{color:#d4a574;font-size:.7rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.equipment-slot{color:#9b8772;font-size:.65rem;font-weight:600}.ms-tooltip-requirements{background:#0000001f;border-bottom:1px solid #d4a57433;padding:5px 10px}.requirements-header{color:#d4a574;font-size:.6rem;font-weight:700;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.requirements-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr)}.req-stat{align-items:center;background:#00000026;border-radius:2px;display:flex;justify-content:space-between;padding:2px 5px}.req-label{font-family:Fira Code,Consolas,monospace;font-size:.6rem;font-weight:700;letter-spacing:.3px}.req-stat.req-met .req-label{color:#10b981}.req-stat.req-unmet .req-label{color:#ef4444}.req-value{color:#e5d5c5;font-family:Fira Code,Consolas,monospace;font-size:.6rem;font-weight:700}.item-tooltip-header{background:linear-gradient(135deg,#3c3228b3,#28211ae6);border-bottom:1px solid;padding:.4rem .5rem .35rem}.item-tooltip-title{align-items:center;display:flex;gap:.35rem;margin-bottom:.25rem}.item-tooltip-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));font-size:1.1rem;line-height:1}.item-tooltip-name{flex:1 1;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.2px;line-height:1.1}.item-tooltip-name,.item-tooltip-rarity{font-weight:700;text-shadow:0 1px 2px #000000e6}.item-tooltip-rarity{font-size:.6rem;letter-spacing:.6px;opacity:.85;text-transform:uppercase}.item-tooltip-content{display:flex;flex-direction:column;gap:.3rem;padding:.4rem .5rem}.item-tooltip-section{display:flex;flex-direction:column;gap:.15rem}.item-tooltip-label{color:#c9a66b;font-size:.6rem;font-weight:600;letter-spacing:.3px;opacity:.8;text-shadow:0 1px 2px #000c;text-transform:uppercase}.item-tooltip-value{color:#e5d5c5;font-size:.7rem;font-weight:500;line-height:1.2}.item-tooltip-value.gold{color:#f59e0b;font-weight:700}.item-tooltip-flavor{background:#00000040;border-left:2px solid #d4a57466;border-radius:3px;color:#9b8772;font-size:.65rem;font-style:italic;line-height:1.25;margin:.1rem 0;padding:.25rem .3rem}.item-tooltip-divider{background:#d4a5744d;box-shadow:0 1px 1px #0006;height:1px;margin:.25rem 0}.item-tooltip-stats{background:#00000040;border:1px solid #d4a57440;border-radius:3px;display:flex;flex-direction:column;gap:.15rem;padding:.3rem .35rem}.item-tooltip-stat-row{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;line-height:1.3}.item-tooltip-stat-name{color:#c9a66b;font-size:.65rem;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.item-tooltip-stat-value{font-family:Fira Code,Consolas,monospace;font-size:.72rem;font-weight:700}.item-tooltip-stat-value.positive{color:#10b981;text-shadow:0 0 8px #10b98166}.item-tooltip-stat-value.negative{color:#ef4444;text-shadow:0 0 8px #ef444466}.item-tooltip-effect{background:#00000040;border:1px solid #d4a57440;border-radius:3px;color:#e5d5c5;font-size:.68rem;line-height:1.3;padding:.3rem .35rem}.item-tooltip-effect.positive{background:#10b98114;border-color:#10b98159}.item-tooltip-effect strong{color:#10b981;font-weight:700}.item-tooltip-duration{color:#9b8772;font-size:.6rem;font-style:italic;margin-top:.15rem}.item-tooltip-requirement{background:#00000040;border-left:2px solid #f59e0b;border-radius:3px;color:#e5d5c5;font-size:.68rem;line-height:1.2;padding:.2rem .3rem}.item-tooltip-warning{background:#fbbf241f;border:1px solid #fbbf2459;border-radius:3px;color:#fbbf24;font-size:.6rem;font-weight:600;padding:.3rem;text-align:center;text-shadow:0 1px 2px #000000e6}.item-chip[data-rarity=common]{border-color:#9ca3af}.item-chip[data-rarity=uncommon]{border-color:#10b981}.item-chip[data-rarity=uncommon]:hover{box-shadow:inset 0 1px 2px #ffffff26,0 4px 12px #00000080,0 0 20px #10b98180}.item-chip[data-rarity=rare]{border-color:#3b82f6}.item-chip[data-rarity=rare]:hover{box-shadow:inset 0 1px 2px #ffffff26,0 4px 12px #00000080,0 0 20px #3b82f680}.item-chip[data-rarity=epic]{border-color:#a855f7}.item-chip[data-rarity=epic]:hover{box-shadow:inset 0 1px 2px #ffffff26,0 4px 12px #00000080,0 0 20px #a855f780}.item-chip[data-rarity=legendary]{animation:legendaryGlow 2s ease-in-out infinite;border-color:#f59e0b}.item-chip[data-rarity=legendary]:hover{box-shadow:inset 0 1px 2px #ffffff26,0 4px 12px #00000080,0 0 30px #f59e0bcc}.item-chip[data-rarity=mythic]{border-color:#e879f9}.item-tooltip-ms.mythic-tooltip{animation:mythicTooltipGlow 3s ease-in-out infinite;border-color:#0000;position:relative}.item-tooltip-ms.mythic-tooltip:before{animation:mythicTooltipRainbow 3s linear infinite;background:linear-gradient(90deg,#ff6b6b,orange,gold,#98fb98,#87ceeb,#9370db,#ff69b4,#ff6b6b);background-size:400% 100%;border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:-1}@keyframes mythicTooltipRainbow{0%{background-position:0 50%}to{background-position:400% 50%}}@keyframes mythicTooltipGlow{0%,to{box-shadow:0 8px 32px #000c,inset 0 1px 0 #ffffff26,0 0 15px #ff6b6b66,0 0 25px #9370db4d}33%{box-shadow:0 8px 32px #000c,inset 0 1px 0 #ffffff26,0 0 15px #ffd70066,0 0 25px #87ceeb4d}66%{box-shadow:0 8px 32px #000c,inset 0 1px 0 #ffffff26,0 0 15px #98fb9866,0 0 25px #ff69b44d}}.item-chip-stars{align-items:center;background:#000000d9;border:1px solid #f5d742;border-radius:6px;box-shadow:0 0 6px #f5d74266;display:flex;gap:1px;left:50%;padding:1px 4px;pointer-events:none;position:absolute;top:-4px;transform:translateX(-50%);z-index:2}.item-chip-star-icon{color:#f5d742;font-size:.6rem;text-shadow:0 0 4px #f5d742cc}.item-chip-star-count{color:#f5d742;font-family:Fira Code,Consolas,monospace;font-size:.6rem;font-weight:700}.item-chip-stars.high-stars{animation:starPulse 2s ease-in-out infinite;border-color:#fa0}.item-chip-stars.high-stars .item-chip-star-count,.item-chip-stars.high-stars .item-chip-star-icon{color:#fa0}.item-chip-stars.max-stars{animation:starRainbow 3s linear infinite;background:linear-gradient(135deg,#000000e6,#1e1428e6);border-color:#0000}.item-chip-stars.max-stars:before{animation:starRainbow 2s linear infinite;background:linear-gradient(90deg,#ff6b6b,orange,gold,#98fb98,#87ceeb,#9370db,#ff69b4,#ff6b6b);background-size:400% 100%;border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.item-chip-stars.max-stars .item-chip-star-count,.item-chip-stars.max-stars .item-chip-star-icon{color:#fff;text-shadow:0 0 8px #fffc}@keyframes starPulse{0%,to{box-shadow:0 0 6px #fa06}50%{box-shadow:0 0 12px #ffaa00b3}}@keyframes starRainbow{0%{background-position:0 50%}to{background-position:400% 50%}}.ms-tooltip-starforce{background:linear-gradient(135deg,#f5d7421a,#dab0500d);border-bottom:1px solid #f5d74240;padding:8px 10px}.starforce-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.starforce-icon{animation:starforcePulse 2s ease-in-out infinite;font-size:.9rem}@keyframes starforcePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.starforce-label{color:#f5d742;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.starforce-value{align-items:center;color:#f5d742;display:flex;font-family:Fira Code,Consolas,monospace;font-size:.75rem;font-weight:700;gap:6px;margin-left:auto}.starforce-hint{color:#a09080;font-size:.65rem;font-style:italic;font-weight:400}.starforce-maxed{background:linear-gradient(90deg,#f5d742,#fa0);border-radius:3px;color:#1a1510;font-size:.6rem;font-weight:700;padding:1px 5px;text-transform:uppercase}.starforce-bar{display:flex;gap:1px;justify-content:center;margin-bottom:6px;padding:4px 0}.starforce-pip{font-size:.65rem;transition:all .2s}.starforce-pip.empty{color:#4a4030;opacity:.6}.starforce-pip.filled{color:#f5d742;text-shadow:0 0 4px #f5d74280}.starforce-pip.milestone.filled{color:#fa0;font-size:.75rem;text-shadow:0 0 6px #ffaa00b3}.starforce-pip.milestone.empty{color:#5a5040;font-size:.75rem}.ms-tooltip-starforce.no-stars{background:linear-gradient(135deg,#a0908014,#a0908008);border-bottom-color:#a0908026}.ms-tooltip-starforce.no-stars .starforce-icon{animation:none;opacity:.5}.ms-tooltip-starforce.no-stars .starforce-label,.ms-tooltip-starforce.no-stars .starforce-value{color:#a09080}.ms-tooltip-starforce.max-stars{background:linear-gradient(135deg,#ffaa0026,#f5d7421a);border-bottom-color:#fa06}.ms-tooltip-starforce.max-stars .starforce-icon{animation:maxStarsPulse 1.5s ease-in-out infinite}@keyframes maxStarsPulse{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.15) rotate(-5deg)}75%{transform:scale(1.15) rotate(5deg)}}.starforce-stats{grid-gap:4px 12px;display:grid;gap:4px 12px;grid-template-columns:repeat(2,1fr)}.starforce-stat{display:flex;font-size:.7rem;justify-content:space-between}.sf-stat-label{color:#c0b0a0}.sf-stat-value{color:#f5d742}.ms-starforce-display{align-items:center;background:linear-gradient(135deg,#f5d74214,#dab0500a);border-bottom:1px solid #f5d74233;border-radius:4px 4px 0 0;display:flex;flex-direction:column;gap:0;padding:3px 10px 2px}.starforce-row{align-items:center;display:flex;gap:2px;justify-content:center;line-height:1}.starforce-group{display:flex;gap:0}.starforce-group.center{margin:0 auto}.sf-star{font-size:.6rem;line-height:1;transition:all .15s ease}.sf-star.empty{opacity:1}.sf-star.filled{text-shadow:0 0 3px #f5d74299}.sf-star.high-star.filled{color:#fa0;text-shadow:0 0 4px #fa0c}.starforce-enhance-hint{color:#8a7a6a;font-size:.5rem;font-style:italic;margin-top:1px}.ms-starforce-display.no-stars{background:linear-gradient(135deg,#8070600f,#80706005);border-bottom-color:#80706026}.ms-starforce-display.no-stars .sf-star.empty{opacity:.7}.ms-starforce-display.max-stars{background:linear-gradient(135deg,#ffaa001f,#f5d74214);border-bottom-color:#ffaa0059}.ms-starforce-display.max-stars .sf-star.filled{animation:maxStarTwinkle 1.5s ease-in-out infinite}.ms-starforce-display.max-stars .sf-star.high-star.filled{animation-delay:0s;animation-delay:calc(var(--star-index, 0)*.1s)}@keyframes maxStarTwinkle{0%,to{text-shadow:0 0 6px #fa0c;transform:scale(1)}50%{text-shadow:0 0 10px gold;transform:scale(1.1)}}.ms-stat-sf-bonus{color:#60a5fa;font-family:Fira Code,Consolas,monospace;font-size:.65rem;font-weight:600;text-shadow:0 0 6px #60a5fa66}.ms-stat-row.sf-only-stat{opacity:.9}.ms-stat-row.sf-only-stat .ms-stat-label{color:#60a5fa}.ms-stat-scroll-bonus{color:#dab050;font-family:Fira Code,Consolas,monospace;font-size:.65rem;font-weight:600;text-shadow:0 0 6px #dab05066}.ms-tooltip-scrolls{align-items:center;background:linear-gradient(135deg,#dab05014,#a080400a);border-bottom:1px solid #dab05033;display:flex;gap:8px;padding:6px 10px}.gem-slots-header{color:#dab050;flex-shrink:0;font-size:.6rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.gem-slots-display{flex-wrap:nowrap;gap:2px}.gem-slot,.gem-slots-display{align-items:center;display:flex}.gem-slot{border-radius:2px;font-size:.5rem;font-weight:700;height:12px;justify-content:center;transition:all .2s;width:12px}.gem-slot.empty{background:#5a504666;border:1px solid #a0908066;color:#6a6050}.gem-slot.socketed{background:#28231ecc;border:1px solid;text-shadow:0 0 4px currentColor}.gem-slot.failed{background:#c0606026;border:1px solid #c0606080;color:#c06060;text-shadow:0 0 4px #c0606066}.gem-enhance-hint{display:none}.ms-tooltip-scrolls.no-slots{background:linear-gradient(135deg,#a090800f,#a0908005);border-bottom-color:#a0908026}.ms-tooltip-scrolls.no-slots .gem-slots-header{color:#a09080}.ms-tooltip-scrolls.fully-socketed{background:linear-gradient(135deg,#dab0501f,#a0804014);border-bottom-color:#dab05059}.item-info-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.item-info-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#2a2520,#1f1a16);border:4px solid var(--accent-gold);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000000e6,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:85vh;max-width:600px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.item-info-close{align-items:center;background:#0009;border:2px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.item-info-close:hover{background:#ef4444cc;border-color:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1)}.item-info-header{align-items:center;background:linear-gradient(135deg,#3c322899,#28211acc);border-bottom:3px solid;display:flex;gap:1.5rem;padding:2rem}.item-info-icon-large{animation:iconFloat 3s ease-in-out infinite;flex-shrink:0;font-size:5rem}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.item-info-title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-info-name{font-family:Cinzel,serif;font-size:2rem;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0;text-shadow:0 3px 6px #000c}.item-info-rarity{font-size:.9rem;font-weight:700;letter-spacing:2px;opacity:.9;text-shadow:0 2px 4px #000c;text-transform:uppercase}.item-info-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:2rem}.item-info-content::-webkit-scrollbar{width:8px}.item-info-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.item-info-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}.item-info-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-light)}.item-info-section{display:flex;flex-direction:column;gap:.75rem}.item-info-section-title{border-bottom:2px solid var(--accent-gold);color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;margin:0;padding-bottom:.5rem;text-shadow:0 2px 4px #0009;text-transform:uppercase}.item-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.item-info-field{background:#0000004d;border:1px solid #d4a57433;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.item-info-label{color:#d4a574;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.item-info-value{color:#e5d5c5;font-size:1rem;font-weight:600}.item-info-value.gold{color:#f59e0b;font-weight:700}.item-info-description{background:#0000004d;border-left:4px solid #d4a57480;border-radius:var(--radius-sm);color:#a8927d;font-size:.95rem;font-style:italic;line-height:1.6;padding:1rem}.item-info-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.item-info-stat-card{align-items:center;background:#0000004d;border:2px solid #10b9814d;border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.item-info-stat-card:hover{background:#10b9810d;border-color:#10b98180;transform:translateY(-2px)}.item-info-stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));font-size:2rem}.item-info-stat-details{display:flex;flex-direction:column;gap:.25rem}.item-info-stat-name{color:#d4a574;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.item-info-stat-value{font-family:Fira Code,Consolas,monospace;font-size:1.25rem;font-weight:700}.item-info-stat-value.positive{color:#10b981;text-shadow:0 0 8px #10b98166}.item-info-effect-box{background:#0000004d;border:2px solid #10b9814d;border-radius:var(--radius-sm);padding:1.25rem}.item-info-effect-content{align-items:flex-start;display:flex;gap:1rem}.item-info-effect-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));flex-shrink:0;font-size:2.5rem}.item-info-effect-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-info-effect-text{color:#e5d5c5;font-size:1rem;line-height:1.5}.item-info-effect-text strong{font-weight:700}.item-info-effect-text strong.positive{color:#10b981}.item-info-effect-duration{color:#a8927d;font-size:.85rem;font-style:italic;margin-top:.25rem}.item-info-requirements{display:flex;flex-wrap:wrap;gap:.75rem}.item-info-requirement-badge{align-items:center;background:#0000004d;border-left:4px solid #f59e0b;border-radius:var(--radius-sm);color:#e5d5c5;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.requirement-icon{font-size:1.2rem}.item-info-warning{align-items:center;background:#fbbf241a;border:2px solid #fbbf2466;border-radius:var(--radius-sm);color:#fbbf24;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;text-align:center}.warning-icon{font-size:1.5rem}.warning-text{font-size:.9rem}.item-info-footer{background:#0000004d;border-top:2px solid var(--border);display:flex;justify-content:center;padding:1.5rem 2rem}.item-info-close-btn{background:linear-gradient(135deg,var(--accent-gold) 0,#d4a574 100%);border:2px solid var(--accent-gold-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #0006;color:#1f1a16;cursor:pointer;font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 2.5rem;text-transform:uppercase;transition:all .2s ease}.item-info-close-btn:hover{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:0 6px 16px #00000080;transform:translateY(-2px)}.item-info-close-btn:active{transform:translateY(0)}@media (max-width:768px){.item-info-modal{max-height:90vh}.item-info-header{flex-direction:column;gap:1rem;text-align:center}.item-info-name{font-size:1.5rem}.item-info-grid,.item-info-stats-grid{grid-template-columns:1fr}.item-info-content{padding:1.5rem}}.item-context-menu{animation:contextMenuFadeIn .1s ease-out;background:var(--bg-primary);border:1px solid var(--border-gold);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000080;min-width:100px;position:fixed;z-index:10000}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.item-context-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;gap:.7rem;padding:.6rem .8rem}.item-context-header .item-chip{flex-shrink:0}.item-context-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0;font-size:1.3rem}.item-context-name{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-context-name[data-rarity=common]{color:#9ca3af}.item-context-name[data-rarity=uncommon]{color:#4ade80}.item-context-name[data-rarity=rare]{color:#60a5fa}.item-context-name[data-rarity=epic]{color:#a855f7}.item-context-name[data-rarity=legendary]{color:#f59e0b;text-shadow:0 0 8px #f59e0b66}.item-context-actions{display:flex;flex-direction:column;gap:2px;padding:3px}.item-context-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:4px 8px;text-align:left;transition:all .1s ease;width:100%}.item-context-btn:hover{background:var(--bg-hover)}.item-context-btn:active{transform:scale(.98)}.btn-icon{flex-shrink:0;font-size:.85rem}.btn-label{flex:1 1}.equip-btn:hover{background:#22c55e33;color:#22c55e}.unequip-btn:hover{background:#fb923c33;color:#fb923c}.enhance-btn:hover{background:#f5d74233;color:#f5d742}.forge-btn:hover{background:#dab05033;color:#dab050}.use-btn:hover{background:#3b82f633;color:#3b82f6}.delete-btn:hover{background:#ef444433;color:#ef4444}.info-btn:hover{background:#a855f733;color:#a855f7}.clean-slate-btn:hover{background:#06b6d433;color:#06b6d4}.stat-chip{align-items:center;background:linear-gradient(135deg,#2d261ee6,#1e1914f2);border:2px solid #d4a57466;border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #ffffff1a,0 2px 6px #0006;cursor:default;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.stat-chip:hover{border-color:#d4a574b3;box-shadow:inset 0 1px 2px #ffffff26,0 4px 12px #00000080,0 0 16px #d4a5744d;transform:translateY(-1px)}.stat-chip:before{background:linear-gradient(90deg,#0000,#d4a57426 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stat-chip:hover:before{left:100%}.stat-chip-highlighted{animation:stat-green-pulse .6s ease-out;background:linear-gradient(135deg,#22c55e4d,#16a34a66)!important;border-color:#22c55ecc!important;box-shadow:inset 0 1px 2px #fff3,0 2px 8px #22c55e99,0 0 20px #22c55e66!important}@keyframes stat-green-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.stat-chip-combat{gap:.5rem;height:100%;justify-content:space-between;min-height:-webkit-fit-content;min-height:fit-content;padding:.35rem .5rem}.stat-chip-left{align-items:center;display:flex;gap:.4rem}.stat-chip-combat .stat-chip-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));font-size:.9rem}.stat-chip-combat .stat-chip-label{color:var(--text-secondary);font-family:Cinzel,serif;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stat-chip-right{align-items:center;display:flex;font-family:Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700;gap:.2rem}.stat-chip-combat .stat-base{color:var(--text-primary)}.stat-chip-combat .stat-bonus{font-size:.65rem;font-weight:600}.stat-chip-combat .stat-equals{color:var(--text-secondary);font-size:.65rem;font-weight:400}.stat-chip-combat .stat-total{color:var(--accent-gold-light);font-weight:800}.stat-chip-combat .stat-value{color:var(--text-primary)}.stat-chip-primary{gap:.5rem;padding:.45rem .5rem}.stat-chip-primary .stat-chip-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0;font-size:1.2rem}.stat-chip-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.stat-chip-primary .stat-chip-label{color:var(--text-secondary);font-family:Cinzel,serif;font-size:.7rem;font-weight:600;line-height:1}.stat-chip-name{color:var(--accent-gold-light);font-size:.6rem;letter-spacing:.8px;line-height:1}.stat-chip-name,.stat-chip-value{font-family:Fira Code,Consolas,monospace;font-weight:700}.stat-chip-value{color:var(--text-primary);flex-shrink:0;font-size:.9rem;min-width:2rem;text-align:right}.stat-chip-allocate{align-items:center;background:var(--accent-gold);border:1px solid var(--accent-gold-dark);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #fff3,0 2px 4px #0000004d;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:26px;justify-content:center;transition:all .15s ease;width:26px}.stat-chip-allocate:hover{background:var(--accent-gold-light);box-shadow:inset 0 1px 0 #ffffff4d,0 4px 8px #0006,0 0 12px #f59e0b66;transform:scale(1.1)}.stat-chip-allocate:active{transform:scale(.95)}.stat-tooltip-ms{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#3c342afa,#302921fa);border:2px solid #d4a57499;border-radius:6px;box-shadow:0 8px 32px #000c,inset 0 1px 0 #ffffff26,0 0 0 1px #0000004d;color:#f0e6d6;font-size:.75rem;opacity:1;pointer-events:none;transition:opacity .15s ease;width:280px;z-index:99999}.stat-tooltip-desc{background:#00000026;border-bottom:1px solid #d4a57440;color:#e5d5c5;font-size:.75rem;line-height:1.5;padding:10px 12px}.stat-tooltip-formula{background:#0003;border-bottom:1px solid #d4a57440;color:#d4a574;font-family:Fira Code,Consolas,monospace;font-size:.7rem;line-height:1.4;padding:8px 12px}.stat-tooltip-breakdown{background:#00000040;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.breakdown-row{align-items:center;display:flex;font-size:.7rem;justify-content:space-between}.breakdown-label{color:#9b8772;font-family:Cinzel,serif;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.breakdown-value{color:#e5d5c5;font-family:Fira Code,Consolas,monospace;font-weight:700}.breakdown-total{border-top:1px solid #d4a5744d;margin-top:2px;padding-top:4px}.breakdown-total .breakdown-label{color:var(--accent-gold-light);font-size:.7rem}.breakdown-total .breakdown-value{color:var(--accent-gold-light);font-size:.8rem;font-weight:800;text-shadow:0 0 8px #f59e0b4d}.cg-overlay{align-items:center;animation:cg-fade-in .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes cg-fade-in{0%{opacity:0}to{opacity:1}}.cg-modal{animation:cg-slide-up .3s ease;background:#2a2520;background:var(--bg-primary,#2a2520);border:2px solid #4a4034;border:2px solid var(--border,#4a4034);border-radius:8px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}@keyframes cg-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cg-header{background:#0003;border-bottom:2px solid #4a4034;border-bottom:2px solid var(--border,#4a4034);justify-content:space-between;padding:1.25rem 1.5rem}.cg-header,.cg-header-left{align-items:center;display:flex}.cg-header-left{gap:.75rem}.cg-icon{font-size:2rem;line-height:1}.cg-header h2{color:#d4c5a6;color:var(--accent-light,#d4c5a6);font-family:Cinzel,serif;font-size:1.5rem;margin:0}.cg-close-btn{align-items:center;background:#0000004d;border:1px solid #333;border:1px solid var(--border,#333);border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.cg-close-btn:hover{background:#f003;border-color:#f44;color:#f66}.cg-progress{align-items:center;background:#00000026;border-bottom:1px solid #4a4034;border-bottom:1px solid var(--border,#4a4034);display:flex;gap:1rem;padding:.75rem 1.5rem}.cg-progress-bar{background:#0000004d;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.cg-progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:3px;height:100%;transition:width .3s ease}.cg-progress-text{color:#888;color:var(--text-secondary,#888);font-size:.75rem;min-width:80px;text-align:right;white-space:nowrap}.cg-content{color:#c4c0d0;color:var(--text-primary,#c4c0d0);flex:1 1;line-height:1.6;overflow-y:auto;padding:1.5rem}.cg-content h3{border-bottom:1px solid #4a4034;border-bottom:1px solid var(--border,#4a4034);font-size:1.25rem;margin:0 0 .75rem;padding-bottom:.5rem}.cg-content h3,.cg-content h4{color:#d4c5a6;color:var(--accent-light,#d4c5a6);font-family:Cinzel,serif}.cg-content h4{font-size:1rem;margin:1rem 0 .5rem}.cg-content p{margin:.5rem 0}.cg-content ol,.cg-content ul{margin:.5rem 0;padding-left:1.5rem}.cg-content li{margin:.25rem 0}.cg-content strong{color:#d4c5a6;color:var(--accent-light,#d4c5a6)}.cg-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;margin:1rem 0;padding:1rem}.cg-info-box h4{color:#60a5fa;margin-top:0}.cg-info-box ul{margin-bottom:0}.cg-highlight-box{background:#facc151a;border:1px solid #facc154d;border-left:4px solid #facc15;border-radius:6px;margin:1rem 0;padding:1rem}.cg-highlight-box p{color:#fde047;margin:0}.cg-table-wrapper{margin:1rem 0;overflow-x:auto}.cg-table{border-collapse:collapse;font-size:.9rem;width:100%}.cg-table thead{background:#0000004d}.cg-table th{color:#d4c5a6;color:var(--accent-light,#d4c5a6);font-weight:600;text-align:left}.cg-table td,.cg-table th{border:1px solid #4a4034;border:1px solid var(--border,#4a4034);padding:.75rem}.cg-table tr:nth-child(2n){background:#00000026}.cg-footer{align-items:center;background:#0003;border-top:2px solid #4a4034;border-top:2px solid var(--border,#4a4034);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.cg-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:100px;padding:.625rem 1.25rem;transition:all .2s}.cg-btn:disabled{cursor:not-allowed;opacity:.4}.cg-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff}.cg-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.cg-btn-secondary{background:#0000004d;border-color:#4a4034;border-color:var(--border,#4a4034);color:#c4c0d0;color:var(--text-primary,#c4c0d0)}.cg-btn-secondary:hover:not(:disabled){background:#00000080;border-color:#9a95a8;border-color:var(--accent-muted,#9a95a8)}.cg-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;color:#fff}.cg-btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.cg-dots{align-items:center;display:flex;gap:.5rem}.cg-dot{background:#fff3;border-radius:50%;cursor:pointer;height:10px;transition:all .2s;width:10px}.cg-dot:hover{background:#fff6;transform:scale(1.2)}.cg-dot.active{background:#3b82f6;box-shadow:0 0 8px #3b82f699;transform:scale(1.3)}.cg-dot.completed{background:#22c55e}.cg-content::-webkit-scrollbar{width:8px}.cg-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.cg-content::-webkit-scrollbar-thumb{background:#4a4034;background:var(--border,#4a4034);border-radius:4px}.cg-content::-webkit-scrollbar-thumb:hover{background:#9a95a8;background:var(--accent-muted,#9a95a8)}@media (max-width:768px){.cg-modal{max-height:90vh;width:95%}.cg-content,.cg-header{padding:1rem}.cg-footer{padding:.75rem 1rem}.cg-table{font-size:.8rem}.cg-table td,.cg-table th{padding:.5rem}}.sf-overlay{align-items:center;animation:sf-fade-in .2s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}.sf-modal{animation:sf-slide-in .2s ease-out;background:linear-gradient(135deg,#3a3530,#2a2520);border:2px solid #dab050;border-radius:8px;box-shadow:0 0 20px #dab05040,inset 0 1px 0 #ffffff0d;max-width:340px;min-width:300px;padding:0}@keyframes sf-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sf-header{align-items:center;background:linear-gradient(90deg,#dab05026,#0000);border-bottom:1px solid #dab05040;border-radius:6px 6px 0 0;display:flex;gap:6px;padding:8px 12px}.sf-header-icon{animation:sf-star-pulse 2s ease-in-out infinite;font-size:1rem}@keyframes sf-star-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sf-header-title{color:#f0e6d8;flex:1 1;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.3px}.sf-close{background:none;border:none;color:#a09080;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:color .2s}.sf-close:hover{color:#f0e6d8}.sf-item-preview{align-items:center;background:#0003;border-bottom:1px solid #dab05033;display:flex;flex-direction:column;padding:10px 12px}.sf-item-preview.charging{animation:sf-charging 1s ease-in-out}.sf-item-preview.charging .sf-item-container{animation:sf-item-charge 1s ease-in-out}@keyframes sf-charging{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1.5)}}@keyframes sf-item-charge{0%{filter:drop-shadow(0 0 0 rgba(245,215,66,0));transform:scale(1)}25%{filter:drop-shadow(0 0 8px rgba(245,215,66,.6));transform:scale(1.05)}50%{filter:drop-shadow(0 0 15px rgba(245,215,66,.9));transform:scale(1.08)}75%{filter:drop-shadow(0 0 20px rgba(245,215,66,1));transform:scale(1.1)}to{filter:drop-shadow(0 0 25px rgba(255,255,255,1));transform:scale(1.12)}}.sf-item-preview.flash{animation:sf-flash .3s ease-out}.sf-item-preview.flash .sf-item-container{animation:sf-item-flash .3s ease-out}@keyframes sf-flash{0%{background:#ffffff4d;filter:brightness(1.5)}to{background:#0003;filter:brightness(1)}}@keyframes sf-item-flash{0%{filter:drop-shadow(0 0 30px rgba(255,255,255,1)) brightness(1.5);transform:scale(1.15)}to{filter:drop-shadow(0 0 0 rgba(255,255,255,0)) brightness(1);transform:scale(1)}}.sf-item-container{margin-bottom:6px;position:relative}.sf-star-display{align-items:center;display:flex;gap:1px;margin-bottom:4px}.sf-star{font-size:.85rem;transition:all .2s}.sf-star.filled{color:#f5d742;text-shadow:0 0 8px #f5d74299}.sf-star.empty{color:#9a8a78}.sf-star.milestone.filled{animation:sf-milestone-glow 2s ease-in-out infinite;color:#fa0;font-size:.95rem}@keyframes sf-milestone-glow{0%,to{text-shadow:0 0 8px #fa09}50%{text-shadow:0 0 15px #ffaa00e6}}.sf-star-sep{color:#5a5040;font-size:.7rem;margin:0 2px}.sf-item-name{color:#f0e6d8;font-size:.8rem;text-align:center}.sf-item-name,.sf-maxed{font-family:Cinzel,serif}.sf-maxed{align-items:center;color:#f5d742;display:flex;font-size:.85rem;gap:6px;justify-content:center;padding:12px}.sf-maxed-icon{animation:sf-max-sparkle 1.5s ease-in-out infinite;font-size:1.1rem}@keyframes sf-max-sparkle{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.sf-change{align-items:center;display:flex;font-family:Cinzel,serif;font-size:1rem;gap:8px;justify-content:center;padding:6px 12px}.sf-change-current{color:#f5d742}.sf-change-arrow{color:#80b858;font-size:1.1rem}.sf-change-target{color:#80ff80;text-shadow:0 0 8px #80ff8066}.sf-stats{border-top:1px solid #dab0501f;padding:6px 12px}.sf-stats-label{color:#a09080;font-size:.65rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sf-stats-grid{grid-gap:2px 12px;display:grid;gap:2px 12px;grid-template-columns:repeat(2,1fr)}.sf-stat-row{display:flex;font-size:.75rem;justify-content:space-between}.sf-stat-name{color:#c0b0a0}.sf-stat-value{color:#80ff80;font-weight:500}.sf-rate{border-top:1px solid #dab0501f;padding:6px 12px}.sf-rate-label{align-items:center;color:#f0e6d8;display:flex;font-size:.75rem;gap:6px;margin-bottom:4px}.sf-pity-bonus{color:#80b858;font-size:.65rem}.sf-rate-bar{background:#2a2520;border:1px solid #dab05040;border-radius:3px;height:5px;overflow:hidden}.sf-rate-fill{background:linear-gradient(90deg,#80b858,#60a038);border-radius:2px;height:100%;transition:width .3s ease}.sf-fail-info{font-size:.65rem;margin-top:4px}.sf-fail-stay{color:#80b858}.sf-fail-down{color:#e07050}.sf-cost{align-items:center;background:#0000001f;border-top:1px solid #dab0501f;display:flex;font-size:.75rem;gap:6px;padding:6px 12px}.sf-cost-label{color:#a09080}.sf-cost-value{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:3px}.sf-cost.can-afford .sf-cost-value{color:#f5d742}.sf-cost.cannot-afford .sf-cost-value{color:#e07050}.sf-cost-have{color:#a09080;flex:1 1;font-size:.7rem;text-align:right}.sf-essence-icon{color:#f5d742;font-weight:700}.sf-safeguard{align-items:center;cursor:pointer;display:flex;gap:6px;padding:5px 12px;transition:background .15s}.sf-safeguard:hover{background:#dab05014}.sf-safeguard input{accent-color:#dab050;height:14px;width:14px}.sf-safeguard-label{color:#c0b0a0;font-size:.7rem}.sf-result{align-items:center;animation:sf-result-appear .2s ease-out;border-radius:4px;display:flex;font-size:.75rem;gap:5px;justify-content:center;margin:4px 12px 6px;padding:5px 12px}@keyframes sf-result-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sf-result.success{background:#80b85833;border:1px solid #80b85866;color:#a0e060}.sf-result.fail-stay{background:#c8a05026;border:1px solid #c8a0504d;color:#c8a050}.sf-result.fail-down{background:#e0705033;border:1px solid #e0705066;color:#e08060}.sf-result-icon{font-size:.9rem}.sf-actions{display:flex;justify-content:center;padding:8px 12px}.sf-enhance-btn{align-items:center;background:linear-gradient(180deg,#f5d742,#dab050 50%,#c09030);border:1px solid #a08030;border-radius:5px;box-shadow:0 2px 8px #dab05040,inset 0 1px 0 #fff3;color:#1a1510;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;gap:5px;letter-spacing:.5px;padding:7px 20px;text-transform:uppercase;transition:all .15s}.sf-enhance-btn:hover:not(.disabled){box-shadow:0 4px 12px #dab05059,inset 0 1px 0 #ffffff40;transform:translateY(-1px)}.sf-enhance-btn:active:not(.disabled){transform:translateY(0)}.sf-enhance-btn.disabled{background:linear-gradient(180deg,#6a6050,#5a5040 50%,#4a4030);border-color:#4a4030;box-shadow:none;color:#8a8070;cursor:not-allowed}.sf-enhance-icon{font-size:.7rem}.sf-skip-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;color:#a09080;cursor:pointer;font-family:Open Sans,sans-serif;font-size:.75rem;padding:6px 16px;transition:all .15s}.sf-skip-btn:hover{background:#ffffff14;color:#f0e6d8}.fg-overlay{align-items:center;animation:fg-fade-in .2s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fg-fade-in{0%{opacity:0}to{opacity:1}}.fg-modal{animation:fg-slide-in .2s ease-out;background:linear-gradient(135deg,#3a3530,#2a2520);border:2px solid #dab050;border-radius:8px;box-shadow:0 0 20px #dab05040,inset 0 1px 0 #ffffff0d;max-width:380px;min-width:320px;padding:0}@keyframes fg-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fg-header{align-items:center;background:linear-gradient(90deg,#dab05026,#0000);border-bottom:1px solid #dab05040;border-radius:6px 6px 0 0;display:flex;gap:6px;padding:8px 12px}.fg-header-icon{animation:fg-scroll-pulse 2s ease-in-out infinite;font-size:1rem}@keyframes fg-scroll-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.fg-header-title{color:#f0e6d8;flex:1 1;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.3px}.fg-close{background:none;border:none;color:#a09080;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:color .2s}.fg-close:hover{color:#f0e6d8}.fg-item-preview{align-items:center;background:#0003;border-bottom:1px solid #dab05033;display:flex;flex-direction:column;padding:10px 12px}.fg-forge-area{height:100px;justify-content:center;margin-bottom:6px;width:120px}.fg-anvil,.fg-forge-area{align-items:center;display:flex;position:relative}.fg-anvil{flex-direction:column}.fg-item-container{position:relative;transition:transform .08s ease-out;z-index:2}.fg-item-container.struck-1,.fg-item-container.struck-2,.fg-item-container.struck-3{animation:fg-item-shake .15s ease-out}@keyframes fg-item-shake{0%{transform:translate(0) scale(1)}25%{transform:translate(-2px,2px) scale(.95)}50%{transform:translate(2px,-1px) scale(1.02)}75%{transform:translate(-1px,1px) scale(.98)}to{transform:translate(0) scale(1)}}.fg-hammer{font-size:2rem;opacity:0;position:absolute;right:-10px;top:-30px;transform:rotate(-45deg) translateY(-20px);transition:transform .1s ease-out,opacity .1s;z-index:10}.fg-hammer.strike-1,.fg-hammer.strike-2,.fg-hammer.strike-3{animation:fg-hammer-strike .35s ease-out}@keyframes fg-hammer-strike{0%{opacity:1;transform:rotate(-45deg) translateY(-30px)}40%{opacity:1;transform:rotate(-15deg) translateY(0)}50%{opacity:1;transform:rotate(-10deg) translateY(5px)}60%{opacity:1;transform:rotate(-20deg) translateY(-5px)}to{opacity:.3;transform:rotate(-45deg) translateY(-20px)}}.fg-ting{color:#f5d742;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #f5d742cc,0 0 20px #f5d74299,0 0 30px #f5d74266;top:-20px;transform:translateX(-50%);white-space:nowrap;z-index:15}.fg-ting.ting-1,.fg-ting.ting-2,.fg-ting.ting-3{animation:fg-ting-pop .4s ease-out forwards}@keyframes fg-ting-pop{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.5)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1.2)}60%{opacity:1;transform:translateX(-50%) translateY(-25px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.8)}}.fg-sparks-container{height:0;left:50%;position:absolute;top:50%;width:0;z-index:5}.fg-spark{background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;box-shadow:0 0 6px 2px #ffc832cc;height:4px;opacity:0;position:absolute;width:4px}.fg-spark.active{animation:fg-spark-fly .5s ease-out forwards;animation-delay:var(--spark-delay)}@keyframes fg-spark-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:rotate(var(--spark-angle)) translate(40px) scale(.3)}}.fg-spark.spark-0{--spark-angle:-180deg}.fg-spark.spark-1{--spark-angle:-135deg}.fg-spark.spark-2{--spark-angle:-90deg}.fg-spark.spark-3{--spark-angle:-45deg}.fg-spark.spark-4{--spark-angle:0deg}.fg-spark.spark-5{--spark-angle:45deg}.fg-spark.spark-6{--spark-angle:90deg}.fg-spark.spark-7{--spark-angle:135deg}.fg-glow{background:radial-gradient(circle,#ffb43299 0,#0000 70%);border-radius:50%;height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s,transform .2s;width:60px;z-index:1}.fg-glow.glow-1{opacity:.5;transform:translate(-50%,-50%) scale(1)}.fg-glow.glow-1,.fg-glow.glow-2{animation:fg-glow-pulse .3s ease-out}.fg-glow.glow-2{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}.fg-glow.glow-3{animation:fg-glow-pulse .3s ease-out;opacity:1;transform:translate(-50%,-50%) scale(1.4)}@keyframes fg-glow-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1}to{opacity:.8}}.fg-final-flash{animation:fg-final-flash-anim .4s ease-out forwards;background:radial-gradient(circle,#ffffffe6 0,#ffdc6499 30%,#0000 70%);border-radius:50%;height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:20}@keyframes fg-final-flash-anim{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.fg-item-preview.result .fg-item-container{animation:fg-result-glow .6s ease-out}@keyframes fg-result-glow{0%{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}to{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}.fg-slot-display{gap:3px;margin-bottom:4px}.fg-slot,.fg-slot-display{align-items:center;display:flex}.fg-slot{border-radius:3px;font-size:.65rem;font-weight:700;height:18px;justify-content:center;transition:all .2s;width:18px}.fg-slot.empty{background:#5a504680;border:1px solid #a0908066;color:#8a8070}.fg-slot.socketed{background:#28231ecc;border:1px solid;text-shadow:0 0 4px currentColor}.fg-slot.failed{background:#c0606033;border:1px solid #c0606080;color:#c06060;text-shadow:0 0 4px #c0606080}.fg-slot-count{color:#a09080;font-size:.7rem;margin-bottom:4px}.fg-item-name{color:#f0e6d8;font-family:Cinzel,serif;font-size:.8rem;text-align:center}.fg-no-slots{align-items:center;color:#c06060;display:flex;font-family:Cinzel,serif;font-size:.85rem;gap:6px;justify-content:center;padding:16px 12px}.fg-no-slots-icon{font-size:1.1rem}.fg-section{border-top:1px solid #dab0501f;padding:8px 12px}.fg-section-label{color:#a09080;font-size:.65rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.fg-stat-buttons{display:flex;gap:4px}.fg-stat-btn{align-items:center;background:#0003;border:1px solid #a090804d;border-radius:4px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:6px 4px;transition:all .15s}.fg-stat-btn:hover:not(:disabled){background:#dab0501a;border-color:#dab05066}.fg-stat-btn.selected{background:#dab05026;border-color:#dab050}.fg-stat-btn:disabled{cursor:not-allowed;opacity:.5}.fg-stat-icon{font-size:.9rem}.fg-stat-label{color:#c0b0a0;font-size:.6rem;letter-spacing:.3px;text-transform:uppercase}.fg-stat-btn.selected .fg-stat-label{color:#f0e6d8}.fg-tier-buttons{display:flex;gap:4px}.fg-tier-btn{align-items:center;background:#0003;border:1px solid #a090804d;border-radius:4px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:1px;padding:6px 4px;transition:all .15s}.fg-tier-btn:hover:not(:disabled){background:#dab0501a;border-color:#dab05066}.fg-tier-btn.selected{background:#dab05026;border-color:#dab050}.fg-tier-btn:disabled{cursor:not-allowed;opacity:.5}.fg-tier-num{color:#f0e6d8;font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.fg-tier-rate{color:#80b858;font-size:.55rem}.fg-tier-btn:nth-child(2) .fg-tier-rate{color:#a0c858}.fg-tier-btn:nth-child(3) .fg-tier-rate{color:#c8a050}.fg-tier-btn:nth-child(4) .fg-tier-rate{color:#e08050}.fg-tier-btn:nth-child(5) .fg-tier-rate{color:#c06060}.fg-gem-preview{background:#00000026;border-top:1px solid #dab0501f;padding:8px 12px;text-align:center}.fg-gem-name{color:#f0e6d8;font-family:Cinzel,serif;font-size:.8rem;margin-bottom:4px}.fg-gem-info{display:flex;font-size:.7rem;gap:16px;justify-content:center}.fg-gem-rate{color:#80b858}.fg-gem-bonus{color:#80ff80}.fg-cost{align-items:center;background:#0000001f;border-top:1px solid #dab0501f;display:flex;font-size:.75rem;gap:6px;padding:6px 12px}.fg-cost-label{color:#a09080}.fg-cost-value{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:3px}.fg-cost.can-afford .fg-cost-value{color:#f0e6d8}.fg-cost.cannot-afford .fg-cost-value{color:#e07050}.fg-cost-have{color:#a09080;flex:1 1;font-size:.7rem;text-align:right}.fg-gem-icon{font-size:.9rem}.fg-result{align-items:center;animation:fg-result-appear .2s ease-out;border-radius:4px;display:flex;font-size:.75rem;gap:5px;justify-content:center;margin:6px 12px;padding:5px 12px}@keyframes fg-result-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fg-result.success{background:#80b85833;border:1px solid #80b85866;color:#a0e060}.fg-result.fail{background:#e0705033;border:1px solid #e0705066;color:#e08060}.fg-result-icon{font-size:.9rem;font-weight:700}.fg-actions{display:flex;justify-content:center;padding:8px 12px}.fg-forge-btn{align-items:center;background:linear-gradient(180deg,#f5d742,#dab050 50%,#c09030);border:1px solid #a08030;border-radius:5px;box-shadow:0 2px 8px #dab05040,inset 0 1px 0 #fff3;color:#1a1510;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;gap:5px;letter-spacing:.5px;padding:7px 20px;text-transform:uppercase;transition:all .15s}.fg-forge-btn:hover:not(.disabled){box-shadow:0 4px 12px #dab05059,inset 0 1px 0 #ffffff40;transform:translateY(-1px)}.fg-forge-btn:active:not(.disabled){transform:translateY(0)}.fg-forge-btn.disabled{background:linear-gradient(180deg,#6a6050,#5a5040 50%,#4a4030);border-color:#4a4030;box-shadow:none;color:#8a8070;cursor:not-allowed}.fg-forge-icon{font-size:.7rem}.fg-skip-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;color:#a09080;cursor:pointer;font-family:Open Sans,sans-serif;font-size:.75rem;padding:6px 16px;transition:all .15s}.fg-skip-btn:hover{background:#ffffff14;color:#f0e6d8}.player-panel{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow:hidden;padding:.5rem}.player-panel-header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;padding:.4rem;text-align:center}.player-panel-header h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.95rem;letter-spacing:1.5px;margin:0;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.player-panel-content{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:minmax(0,30fr) minmax(0,40fr) minmax(0,30fr);min-height:0;min-width:0;overflow:hidden}.equipment-section-expanded{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.75rem;transition:all .2s ease}.equipment-section-expanded.drag-over-equipment{background:linear-gradient(135deg,#daa5200d 0,var(--bg-secondary) 100%);border-color:var(--accent-gold-light);box-shadow:inset 0 0 20px #daa52033}.equipment-section-expanded h3{border-bottom:2px solid var(--accent-gold);color:var(--accent-gold-light);flex-shrink:0;font-family:Cinzel,serif;font-size:.9rem;letter-spacing:1px;margin:0 0 .75rem;padding-bottom:.75rem;text-align:center;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.equipment-grid-expanded{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);height:0}.eq-slot{align-items:center;animation:staggerFadeIn .3s ease both;display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:center}.eq-slot-label{color:var(--text-secondary);flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-align:center;text-shadow:0 1px 1px #0003;text-transform:uppercase}.eq-slot-empty,.eq-slot-filled{align-items:center;background:var(--bg-primary);border:2px solid;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000026;display:flex;flex:1 1;justify-content:center;min-height:0;position:relative;transition:all .25s ease;width:100%}.eq-slot-empty{border-color:#64554666;opacity:.6}.eq-slot-empty:hover{border-color:#64554699;opacity:.8}.eq-empty-icon{filter:grayscale(1);font-size:clamp(1.5rem,3vw,2.5rem);opacity:.25}.eq-slot-filled{background:linear-gradient(135deg,#3d342acc,#2d261ee6);border-width:3px;box-shadow:inset 0 2px 4px #0003,0 2px 6px #0000004d;cursor:pointer}.eq-slot-filled:hover{box-shadow:inset 0 2px 4px #0003,0 6px 12px #dab05066;transform:translateY(-3px) scale(1.02)}.eq-slot-filled:active{transform:translateY(-1px) scale(1)}.eq-item-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));font-size:clamp(1.5rem,3vw,2.5rem)}.eq-slot-filled[data-rarity=common]{border-color:#9ca3af}.eq-slot-filled[data-rarity=uncommon]{border-color:#22c55e}.eq-slot-filled[data-rarity=rare]{border-color:#3b82f6}.eq-slot-filled[data-rarity=epic]{border-color:#a855f7}.eq-slot-filled[data-rarity=legendary]{animation:legendaryPulse 2s ease-in-out infinite;border-color:#f59e0b}@keyframes legendaryPulse{0%,to{box-shadow:0 2px 8px #f59e0b66}50%{box-shadow:0 2px 16px #f59e0bcc,0 0 24px #f59e0b66}}.eq-slot-filled[data-rarity=mythic]{animation:mythicGlow 3s ease-in-out infinite;border-color:#0000;position:relative}.eq-slot-filled[data-rarity=mythic]:before{animation:mythicRainbow 3s linear infinite;background:linear-gradient(90deg,#ff6b6b,orange,gold,#98fb98,#87ceeb,#9370db,#ff69b4,#ff6b6b);background-size:400% 100%;border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:1}@keyframes mythicRainbow{0%{background-position:0 50%}to{background-position:400% 50%}}@keyframes mythicGlow{0%,to{box-shadow:0 0 8px #ff6b6b80,0 0 16px #9370db4d}33%{box-shadow:0 0 8px #ffd70080,0 0 16px #87ceeb4d}66%{box-shadow:0 0 8px #98fb9880,0 0 16px #ff69b44d}}.character-section{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow:hidden}.character-display{background:var(--bg-secondary);border:1px solid var(--border);gap:.4rem;height:100%;overflow-y:auto}.character-display,.character-portrait{border-radius:var(--radius-md);display:flex;flex-direction:column;padding:.5rem}.character-portrait{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);flex-shrink:0;gap:.25rem;position:relative;transition:box-shadow .3s ease,border-color .3s ease}.character-portrait.level-up-active{animation:levelUpGlow 1s ease-out;border-color:var(--accent-gold)}@keyframes levelUpGlow{0%,to{box-shadow:0 0 0 #dab05000}50%{box-shadow:0 0 30px #dab050cc,0 0 60px #dab05066}}.level-up-text{animation:levelUpText 2s ease-out forwards;color:var(--accent-gold);font-family:Cinzel,serif;font-size:.9rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #dab050cc,0 2px 4px #00000080;top:-10px;transform:translateX(-50%);white-space:nowrap;z-index:10}@keyframes levelUpText{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.8)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.1)}80%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.character-icon{animation:characterFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));font-size:2.5rem}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.character-name{color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.character-level{color:var(--text-secondary);font-size:.6rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.health-bar-container{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.health-bar-label{align-items:center;display:flex;gap:.4rem;justify-content:space-between}.health-icon{font-size:.9rem}.health-text{color:var(--text-primary);font-family:Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700}.health-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #0000004d;height:16px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444480;height:100%;transition:width .3s ease}.exp-bar-container{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.exp-bar-label{align-items:center;display:flex;gap:.4rem;justify-content:space-between}.exp-icon{font-size:.85rem}.exp-text{color:var(--text-primary);font-family:Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700}.exp-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #0000004d;height:12px;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b80;height:100%;transition:width .3s ease}.stats-section-combined{grid-gap:.4rem;display:grid;flex:1 1;gap:.4rem;grid-template-columns:1fr 1fr;min-height:0}.combat-stats-panel,.primary-stats-panel{background:#00000026;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.3rem;min-height:0;overflow-y:auto;padding:.5rem}.combat-stats-panel h4{color:var(--accent-gold-light);flex-shrink:0;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.5px;margin:0 0 .3rem;text-align:center;text-transform:uppercase}.primary-stats-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.25rem}.primary-stats-header h4{color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-points-badge{animation:pulse-stat-points 1.5s ease-in-out infinite;background:#f59e0b33;border:1px solid var(--accent-gold);border-radius:var(--radius-sm);color:var(--accent-gold);font-size:.6rem;font-weight:700;padding:.1rem .35rem}@keyframes pulse-stat-points{0%,to{box-shadow:0 0 4px #f59e0b4d;transform:scale(1)}50%{box-shadow:0 0 12px #f59e0b99;transform:scale(1.05)}}.primary-stats-grid{display:flex;flex-direction:column;gap:.35rem}.primary-stat-row{align-items:center;display:flex;gap:.4rem;padding:.35rem .4rem;transition:all .2s ease}.primary-stat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));flex-shrink:0;font-size:1rem}.primary-stat-info{display:flex;flex:1 1;flex-direction:column;gap:.05rem;min-width:0}.primary-stat-label{color:var(--text-secondary);font-size:.65rem;font-weight:600;line-height:1}.primary-stat-name{color:var(--accent-gold-light);font-size:.55rem;letter-spacing:.5px;line-height:1}.primary-stat-name,.primary-stat-value{font-family:Fira Code,Consolas,monospace;font-weight:700}.primary-stat-value{color:var(--text-primary);flex-shrink:0;font-size:.8rem;min-width:2rem;text-align:right}.stat-allocate-btn{align-items:center;background:var(--accent-gold);border:1px solid var(--accent-gold-dark);border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:22px;justify-content:center;transition:all .15s ease;width:22px}.stat-allocate-btn:hover{background:var(--accent-gold-light);box-shadow:0 0 8px #f59e0b80;transform:scale(1.1)}.stat-allocate-btn:active{transform:scale(.95)}.combat-stats-grid{grid-gap:.65rem;align-content:space-between;display:grid;flex:1 1;gap:.65rem;grid-template-columns:1fr;max-height:550px;min-height:0}@media (min-height:1200px){.combat-stats-grid{gap:.4rem;grid-auto-rows:1fr}}.combat-stat-row{align-items:center;display:flex;justify-content:space-between;padding:.35rem .4rem;transition:background .15s ease}.combat-stat-left{align-items:center;display:flex;gap:.3rem}.combat-stat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));flex-shrink:0;font-size:.8rem}.combat-stat-label{color:var(--text-secondary);font-size:.6rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.combat-stat-value{align-items:center;display:flex;flex-shrink:0;font-family:Fira Code,Consolas,monospace;font-size:.65rem;font-weight:700;gap:.2rem}.combat-stat-value,.stat-base{color:var(--text-primary)}.stat-bonus{font-size:.6rem;font-weight:600}.stat-equals{color:var(--text-secondary);font-size:.6rem;font-weight:400}.stat-total{color:var(--accent-gold-light);font-weight:800}.status-container{background:#00000026;border:1px solid #d4a5744d;border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem}.status-row{align-items:center;display:flex;gap:.5rem;justify-content:center}.status-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));font-size:1rem}.combat-actions-compact{display:flex;flex-shrink:0;gap:.4rem}.combat-btn-primary,.combat-btn-secondary{border:1px solid;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.5rem .6rem;text-transform:uppercase;transition:all .15s}.combat-btn-primary{background:var(--accent-gold);border-color:var(--accent-gold-dark);color:var(--bg-primary)}.combat-btn-primary:hover:not(:disabled){background:var(--accent-gold-light);transform:translateY(-1px)}.combat-btn-primary:disabled{cursor:not-allowed;opacity:.4}.combat-btn-secondary{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.combat-btn-secondary:hover{background:var(--bg-primary);border-color:var(--accent-gold);color:var(--accent-gold-light)}.stats-container{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow:hidden;padding:1rem}.stats-container h3{border-bottom:2px solid var(--accent-gold);color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:.9rem;letter-spacing:1.5px;margin:0;padding-bottom:.6rem;text-align:center;text-shadow:0 2px 4px #0006;text-transform:uppercase}.stats-grid-compact{grid-gap:.6rem;display:grid;flex:1 1;gap:.6rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);height:0;overflow:hidden}.stat-row{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-dark);border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;gap:.6rem;padding:.65rem .75rem;transition:all .2s ease}.stat-row:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-primary) 100%);border-color:var(--accent-gold);box-shadow:0 2px 6px #00000026,0 0 12px #daa5201a;transform:translateY(-1px)}.stat-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));flex-shrink:0;font-size:1.2rem;text-align:center;width:22px}.stat-label{color:var(--text-primary);flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.5px}.stat-value{color:var(--accent-gold-light);flex-shrink:0;font-family:Fira Code,Consolas,monospace;text-align:right;text-shadow:0 1px 3px #0000004d}.stat-value .status-badge{border-radius:3px;font-size:.6rem;letter-spacing:.5px;padding:.15rem .35rem;text-transform:uppercase}.status-badge.idle{background:#22c55e33;color:#22c55e}.status-badge.combat{animation:combatPulse 1s ease-in-out infinite;background:#ef444433;color:#ef4444}.status-badge.dungeon{background:#eab30833;color:#eab308}@keyframes combatPulse{0%,to{opacity:1}50%{opacity:.7}}.inventory-section-grid{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.4rem;height:100%;min-width:0;overflow:hidden;padding:.75rem}.inventory-header{align-items:center;border-bottom:2px solid var(--accent-gold);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.inventory-header h3{color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:.9rem;letter-spacing:1px;margin:0;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.inventory-count{color:var(--text-muted);font-family:Fira Code,Consolas,monospace;font-size:.65rem;font-weight:600}.inventory-tabs{display:flex;flex-shrink:0;gap:.3rem;margin-bottom:.4rem}.inv-tab{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;filter:grayscale(.3) brightness(.8);flex:1 1;font-size:1.1rem;height:36px;justify-content:center;transition:all .15s}.inv-tab:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);filter:grayscale(0) brightness(1);transform:translateY(-1px)}.inv-tab.active{background:var(--accent-gold);border-color:var(--accent-gold-dark);box-shadow:0 0 8px #f59e0b4d;filter:grayscale(0) brightness(1.1)}.inventory-controls{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.inventory-sort-select{align-items:center;-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23d4a574' d='M6 9 2 5h8z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:10px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-family:Cinzel,serif;font-size:.6rem;font-weight:700;height:36px;letter-spacing:.3px;padding:0 1.5rem 0 .5rem;text-transform:uppercase;transition:all .15s}.inventory-sort-select:focus,.inventory-sort-select:hover{border-color:var(--accent-gold)}.inventory-sort-select:focus{box-shadow:0 0 0 2px #d4a57433;outline:none}.delete-mode-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:.6rem;font-weight:700;height:36px;justify-content:center;letter-spacing:.3px;padding:0 .5rem;text-transform:uppercase;transition:all .15s}.delete-mode-btn:hover{border-color:var(--accent-gold);color:var(--text-primary)}.delete-mode-btn.active{background:#ef444433;border-color:#ef4444;color:#ef4444}.inventory-delete-btn{align-items:center;background:#ef44441a;border:1px solid #ef4444;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:.6rem;font-weight:700;height:36px;justify-content:center;letter-spacing:.3px;padding:0 .5rem;text-transform:uppercase;transition:all .15s}.inventory-delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.inventory-grid-5x10{grid-gap:.3rem;display:grid;flex:1 1;gap:.3rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(10,1fr);height:0;min-width:0;overflow:hidden;padding:.2rem}.inventory-slot{align-items:center;animation:staggerFadeIn .2s ease both;background:var(--bg-primary);border:1px solid;border-radius:var(--radius-sm);display:flex;height:100%;justify-content:center;min-height:0;min-width:0;position:relative;transition:all .15s;width:100%}.empty-inv-slot{border-color:#6455464d;opacity:.3;transition:opacity .15s ease,box-shadow .15s ease,border-color .15s ease}.empty-inv-slot:hover{border-color:#daa57480;box-shadow:0 0 8px #daa5744d;opacity:.5}.filled-inv-slot{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-width:2px;cursor:pointer}.filled-inv-slot:hover{box-shadow:0 2px 8px #0006;transform:scale(1.05);z-index:10}.filled-inv-slot.selected{background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef4444!important;box-shadow:0 0 0 2px #ef4444,0 0 16px #ef444499,0 2px 8px #00000080,inset 0 0 20px #ef444433}.filled-inv-slot.selected .item-chip{border-color:#ef4444!important;box-shadow:inset 0 1px 2px #ffffff1a,0 2px 6px #0006,0 0 12px #ef444480!important}.inv-item-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));font-size:clamp(1rem,2vw,1.5rem);pointer-events:none}.inventory-item-chip{background:none!important;border:none!important;box-shadow:none!important;height:100%;pointer-events:auto;position:relative;width:100%;z-index:1}.inventory-item-chip:hover{box-shadow:none!important;transform:none!important}.inventory-item-chip .item-chip-icon{font-size:clamp(1rem,2vw,1.5rem);pointer-events:none}.item-tooltip{z-index:10000!important}.eq-slot-filled .item-chip{align-items:center;background:none!important;border:none!important;box-shadow:none!important;display:flex;height:100%;justify-content:center;padding:0!important;width:100%}.eq-slot-filled .item-chip.has-sprite{height:64px!important;overflow:visible!important;width:64px!important}.eq-slot-filled .item-chip:hover{background:none!important;box-shadow:none!important;transform:none!important}.eq-slot-filled .item-chip-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:2rem}.filled-inv-slot.dragging{cursor:grabbing;opacity:.4}.drag-preview-floating{animation:dragFloat .15s ease-out;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px #daa52066,inset 0 1px 0 #ffffff1a;opacity:.95;padding:4px}@keyframes dragFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.95;transform:translate(-50%,-50%) scale(1)}}.filled-inv-slot[draggable=true]{cursor:grab}.eq-slot-empty.drag-over,.eq-slot-filled.drag-over,.inventory-slot.drag-over{animation:dropPulse .8s ease-in-out infinite;background:linear-gradient(135deg,#daa52033,#daa5201a);border-color:var(--accent-gold-light)!important;box-shadow:0 0 20px #daa52099,inset 0 0 20px #daa5204d}@keyframes dropPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.inventory-slot.focused{animation:focusPulse 1s ease-in-out infinite;border-color:#60a5fa!important;box-shadow:0 0 20px #60a5facc,inset 0 0 20px #60a5fa66}@keyframes focusPulse{0%,to{box-shadow:0 0 20px #60a5facc,inset 0 0 20px #60a5fa66}50%{box-shadow:0 0 30px #60a5fa,inset 0 0 30px #60a5fa99}}.trash-zone{align-items:center;background:#6455464d;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:default;display:flex;font-size:1.2rem;height:36px;justify-content:center;opacity:.5;transition:all .2s ease;width:36px}.trash-zone-active{animation:trashPulse 1s ease-in-out infinite;background:#ef444426;border-color:#ef444499;opacity:1}@keyframes trashPulse{0%,to{box-shadow:0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 15px #ef444499;transform:scale(1.1)}}.filled-inv-slot[data-rarity=common]{border-color:#9ca3af}.filled-inv-slot[data-rarity=uncommon]{border-color:#22c55e}.filled-inv-slot[data-rarity=rare]{border-color:#3b82f6}.filled-inv-slot[data-rarity=epic]{border-color:#a855f7}.filled-inv-slot[data-rarity=legendary]{animation:legendaryPulse 2s ease-in-out infinite;border-color:#f59e0b}.filled-inv-slot[data-rarity=mythic]{animation:mythicGlow 3s ease-in-out infinite;border-color:#0000;position:relative}.filled-inv-slot[data-rarity=mythic]:before{animation:mythicRainbow 3s linear infinite;background:linear-gradient(90deg,#ff6b6b,orange,gold,#98fb98,#87ceeb,#9370db,#ff69b4,#ff6b6b);background-size:400% 100%;border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:1}.inventory-grid-5x10::-webkit-scrollbar,.stats-grid-compact::-webkit-scrollbar{width:6px}.inventory-grid-5x10::-webkit-scrollbar-track,.stats-grid-compact::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.inventory-grid-5x10::-webkit-scrollbar-thumb,.stats-grid-compact::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.inventory-grid-5x10::-webkit-scrollbar-thumb:hover,.stats-grid-compact::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-light)}.star-essence-bar{align-items:center;background:linear-gradient(135deg,#f5d74214,#dab0500a);border:1px solid #f5d74233;border-radius:3px;display:flex;flex-shrink:0;gap:.3rem;justify-content:center;margin-top:.25rem;padding:.2rem .5rem}.star-essence-icon{color:#f5d742;font-size:.75rem;text-shadow:0 0 4px #f5d74280}.star-essence-amount{color:#f5d742;font-family:Fira Code,Consolas,monospace;font-size:.75rem;font-weight:600}.star-essence-label{color:#8a7a6a;font-size:.55rem;letter-spacing:.3px;text-transform:uppercase}@media (max-width:1400px){.player-panel-content{grid-template-columns:minmax(0,28fr) minmax(0,44fr) minmax(0,28fr)}.stats-grid-compact{grid-template-columns:1fr}.equipment-grid-expanded{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.player-panel-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.equipment-section-expanded,.inventory-section-grid{max-height:400px}.equipment-grid-expanded{grid-template-columns:repeat(4,1fr)}.stats-grid-compact{grid-template-columns:repeat(2,1fr)}}.delete-confirm-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-confirm-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px #000c;max-width:500px;min-width:400px}.delete-confirm-header{align-items:center;background:linear-gradient(135deg,#ef444426,#ef444414);border-bottom:1px solid #ef44444d;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;gap:.75rem;padding:1rem 1.25rem}.delete-confirm-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2rem;line-height:1}.delete-confirm-header h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:1px;margin:0;text-transform:uppercase}.delete-confirm-body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem}.delete-confirm-body p{color:var(--text-primary);font-size:.9rem;line-height:1.4;margin:0}.delete-confirm-body strong{color:var(--accent-gold);font-weight:700}.delete-confirm-warning{color:var(--text-secondary)!important;font-size:.8rem!important;font-style:italic}.delete-confirm-footer{background:#0003;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border);display:flex;gap:.75rem;padding:1rem 1.25rem}.delete-confirm-cancel,.delete-confirm-delete{align-items:center;border:1px solid;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-family:Cinzel,serif;font-size:.75rem;font-weight:700;height:40px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.delete-confirm-cancel{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.delete-confirm-cancel:hover{background:var(--bg-secondary);border-color:var(--accent-gold);transform:translateY(-1px)}.delete-confirm-delete{background:#ef444426;border-color:#ef4444;color:#ef4444}.delete-confirm-delete:hover{background:#ef444440;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-confirm-cancel:active,.delete-confirm-delete:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guide-help-btn{align-items:center;background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);border:1.5px solid var(--accent-gold-light);border-radius:50%;box-shadow:0 1px 3px #0000004d,inset 0 .5px 0 #fff3;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;transition:all .2s ease;width:20px}.guide-help-btn:hover{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:0 2px 6px #0006,0 0 8px #f59e0b66,inset 0 .5px 0 #ffffff4d;transform:scale(1.1)}.guide-help-btn:active{transform:scale(.95)}.buff-icons-container{align-content:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:4px;left:4px;max-height:92px;position:absolute;top:4px;z-index:5}.buff-icon-square{align-items:center;background:linear-gradient(135deg,#28231ef2,#1e1a16f2);border:1px solid var(--accent-gold);border-radius:3px;box-shadow:0 1px 3px #0006,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:all .2s ease;width:28px}.buff-icon-square:hover{border-color:var(--accent-gold-light);box-shadow:0 2px 6px #00000080,0 0 8px #dab05066,inset 0 1px 0 #ffffff26;transform:scale(1.15);z-index:10}.buff-icon-emoji{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));font-size:1rem}.buff-stack-count{align-items:center;background:linear-gradient(135deg,#4a8f4a,#2d5a2d);border:1px solid #6ab06a;border-radius:7px;box-shadow:0 1px 2px #0006;color:#fff;display:flex;font-size:.55rem;font-weight:700;height:14px;justify-content:center;min-width:14px;padding:0 2px;position:absolute;right:-3px;text-shadow:0 1px 1px #00000080;top:-3px}.buff-timer-overlay{background:#000000bf;border-bottom-left-radius:2px;border-bottom-right-radius:2px;bottom:0;color:var(--text-primary);font-size:.5rem;font-weight:600;left:0;line-height:1.3;padding:0;position:absolute;right:0;text-align:center}.buff-tooltip{background:linear-gradient(135deg,#2d2823fa,#231e1afa);border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 4px 12px #0009,0 0 20px #dab05033;left:calc(100% + 8px);min-width:180px;opacity:0;padding:.6rem .75rem;pointer-events:none;position:absolute;top:0;transform:translateX(-5px);transition:all .15s ease;visibility:hidden;z-index:100}.buff-icon-square:hover .buff-tooltip{opacity:1;transform:translateX(0);visibility:visible}.buff-tooltip-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.4rem;margin-bottom:.4rem;padding-bottom:.4rem}.buff-tooltip-icon{font-size:1.1rem}.buff-tooltip-name{color:var(--accent-gold-light);flex:1 1;font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.buff-tooltip-stacks{background:linear-gradient(135deg,#4a8f4a,#2d5a2d);border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.buff-tooltip-effect{color:#80d880;font-size:.75rem;line-height:1.4;margin-bottom:.4rem}.buff-tooltip-time{color:var(--text-secondary);font-size:.7rem;font-style:italic}.cm-overlay{align-items:center;animation:cmFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0806eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}.cm-modal{background:linear-gradient(145deg,#322a23fa,#231e19fa);border:1px solid #dab05066;border-radius:10px;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;max-height:92vh;max-width:400px;overflow:hidden;position:relative;width:92%}.cm-header{align-items:center;background:linear-gradient(135deg,#c040404d,#c0404026);border-bottom:1px solid #c0404066;display:flex;gap:8px;justify-content:center;padding:8px 12px}.cm-header-icon{animation:cmPulse 1.5s ease-in-out infinite;font-size:.95rem}@keyframes cmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.cm-header-text{color:#c06060;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:2px;text-shadow:0 1px 3px #00000080;text-transform:uppercase}.cm-combat-area,.cm-combatant{display:flex;flex-direction:column}.cm-combatant{align-items:center;gap:6px;padding:10px 12px;position:relative;transition:transform .05s ease}.cm-combatant.shake{animation:cmShake .1s ease}@keyframes cmShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.cm-combatant.cm-enemy{background:#50282833;border-bottom:1px solid #c0404033}.cm-combatant.cm-player{background:#3c322833;border-top:1px solid #dab05033;flex-direction:column-reverse}.cm-combatant-row{align-items:center;display:flex;gap:10px}.cm-combatant-icon-wrap{align-items:center;display:flex;justify-content:center;position:relative}.cm-combatant-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));font-size:2rem}.cm-boss-badge{animation:cmBossPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#c06060,#a04040);border:1px solid #ff8080;border-radius:3px;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:2px 5px;position:absolute;right:-16px;text-transform:uppercase;top:-4px}@keyframes cmBossPulse{0%,to{box-shadow:0 0 4px #c0404080}50%{box-shadow:0 0 10px #c04040cc}}.cm-combatant-info{text-align:left}.cm-combatant-name{color:#f0e6d8;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;line-height:1.2;margin:0}.cm-combatant-level{color:#a09080;font-size:.65rem;font-weight:500}.cm-hp-section{max-width:280px;width:100%}.cm-hp-bar-container{background:#0006;border:1px solid #a090804d;border-radius:10px;height:20px;overflow:hidden;position:relative;transition:border-color .2s ease}.cm-hp-bar-container.low{border-color:#dab05080}.cm-hp-bar-container.critical{animation:cmCriticalPulse 1s ease-in-out infinite;border-color:#c0404099}@keyframes cmCriticalPulse{0%,to{box-shadow:0 0 4px #c040404d}50%{box-shadow:0 0 8px #c0404099}}.cm-hp-bar-fill{transition:width .15s ease-out;z-index:2}.cm-hp-bar-drain,.cm-hp-bar-fill{border-radius:9px;height:100%;left:0;position:absolute;top:0}.cm-hp-bar-drain{opacity:.4;transition:width .5s ease-out;z-index:1}.cm-hp-bar-fill.enemy{background:linear-gradient(90deg,#c06060,#a04040);box-shadow:inset 0 2px 3px #fff3}.cm-hp-bar-drain.enemy{background:linear-gradient(90deg,#ff8080,#c06060)}.cm-hp-bar-fill.player{background:linear-gradient(90deg,#80b858,#609040);box-shadow:inset 0 2px 3px #fff3}.cm-hp-bar-drain.player{background:linear-gradient(90deg,#a0d878,#80b858)}.cm-hp-text{align-items:center;color:#fff;display:flex;font-size:.7rem;font-weight:600;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 2px #000c;z-index:3}.cm-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cm-stat{color:#b0a090;font-size:.75rem;font-weight:500}.cm-stat.cm-dps{border-radius:3px;font-family:Open Sans,sans-serif;font-size:.65rem;font-weight:600;padding:2px 5px}.cm-stat.cm-dps.player{background:#80b85826;color:#80b858}.cm-stat.cm-dps.enemy{background:#c0606026;color:#c06060}.cm-vs-section{align-items:center;background:#00000040;display:flex;gap:12px;justify-content:center;padding:6px 12px}.cm-vs{color:#dab050;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;text-shadow:0 0 6px #dab05080}.cm-dps-label{border-radius:3px;font-size:.65rem;font-weight:600;padding:2px 6px}.cm-dps-label.player{background:#80b85826;color:#80b858}.cm-dps-label.enemy{background:#c0606026;color:#c06060}.cm-floating-damage-container{align-items:center;bottom:4px;display:flex;flex-direction:column;height:45px;justify-content:flex-end;left:0;pointer-events:none;position:absolute;right:0}.cm-floating-damage-container.top{bottom:auto;justify-content:flex-start;top:4px}.cm-floating-damage{animation:cmFloatUp .8s ease-out forwards;font-family:Cinzel,serif;font-size:1rem;font-weight:700;position:absolute;text-shadow:0 2px 3px #000c;transform:translateX(-50%)}@keyframes cmFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}15%{opacity:1;transform:translateX(-50%) translateY(-6px) scale(1.05)}to{opacity:0;transform:translateX(-50%) translateY(-35px) scale(.9)}}.cm-floating-damage.dealt{color:#80b858}.cm-floating-damage.dealt.crit{animation:cmFloatUpCrit .8s ease-out forwards;color:#dab050;font-size:1.3rem}@keyframes cmFloatUpCrit{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.5)}10%{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1.2)}25%{transform:translateX(-50%) translateY(-10px) scale(1.05)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.9)}}.cm-floating-damage.taken{color:#c06060}.cm-consumables-section{background:#0003;border-top:1px solid #a0908026;padding:8px 12px}.cm-consumables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.cm-consumables-title{color:#c0b0a0;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.cm-consumables-empty{color:#7a6a5a;font-size:.7rem;font-style:italic}.cm-consumables-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.cm-consumable-btn{align-items:center;background:#00000040;border:1px solid #a090804d;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:6px 4px;transition:all .15s ease}.cm-consumable-btn:hover{background:#dab05026;border-color:#dab05080;transform:translateY(-1px)}.cm-consumable-btn:active{transform:translateY(0)}.cm-consumable-btn.heal{border-color:#80b85866}.cm-consumable-btn.heal:hover{background:#80b85826;border-color:#80b85899}.cm-consumable-btn.buff{border-color:#6080a866}.cm-consumable-btn.buff:hover{background:#6080a826;border-color:#6080a899}.cm-consumable-icon{font-size:1.2rem}.cm-consumable-name{color:#a09080;font-size:.55rem;line-height:1.1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cm-use-message{animation:cmMessageFade .2s ease-out;border-radius:4px;font-size:.7rem;font-weight:500;margin-top:6px;padding:4px 8px;text-align:center}@keyframes cmMessageFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cm-use-message.success{background:#80b85833;border:1px solid #80b85866;color:#80b858}.cm-use-message.error{background:#c0606033;border:1px solid #c0606066;color:#c06060}.cm-actions{background:#00000026;border-top:1px solid #a0908026;display:flex;gap:10px;justify-content:center;padding:10px 12px}.cm-btn{border:1px solid #a0908066;border-radius:6px;cursor:pointer;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;padding:8px 20px;transition:all .15s ease}.cm-btn.fight{background:linear-gradient(135deg,#785a28b3,#64461eb3);border-color:#dab05080;color:#dab050}.cm-btn.fight:hover{background:linear-gradient(135deg,#8c6e32d9,#785a28d9);border-color:#dab050b3;color:#f0d080;transform:translateY(-2px)}.cm-btn.flee{background:linear-gradient(135deg,#64503c99,#503c2899);color:#c0b0a0}.cm-btn.flee:hover:not(:disabled){background:linear-gradient(135deg,#786450cc,#64503ccc);border-color:#dab05080;color:#f0e6d8;transform:translateY(-2px)}.cm-btn:disabled{cursor:not-allowed;opacity:.5}.cm-victory-overlay{align-items:center;animation:cmVictoryFadeIn .4s ease-out;background:#0a0806d9;display:flex;inset:0;justify-content:center;position:absolute}@keyframes cmVictoryFadeIn{0%{opacity:0}to{opacity:1}}.cm-victory-content{animation:cmVictoryBounce .5s ease-out;text-align:center}@keyframes cmVictoryBounce{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.cm-victory-icon{animation:cmVictoryPulse 1s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:10px}@keyframes cmVictoryPulse{0%,to{filter:drop-shadow(0 0 8px rgba(218,176,80,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(218,176,80,.8));transform:scale(1.1)}}.cm-victory-text{color:#dab050;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700;letter-spacing:4px;margin:0 0 6px;text-shadow:0 0 20px #dab05099}.cm-victory-sub{color:#c0b0a0;font-size:.85rem;margin:0}.victory-fade{opacity:.15;pointer-events:none;transition:opacity .3s ease-out}.dungeon-side-panel{background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex:35 1;flex-direction:column;gap:.5rem;max-width:280px;min-width:200px;overflow-x:hidden;overflow-y:auto;padding:.5rem}.dungeon-side-panel::-webkit-scrollbar{width:4px}.dungeon-side-panel::-webkit-scrollbar-track{background:#0000}.dungeon-side-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dungeon-header-card{background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem}.dungeon-header-top{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.dungeon-tier-icon{align-items:center;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:1.5rem;height:36px;justify-content:center;width:36px}.dungeon-tier-info h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:.85rem;font-weight:700;margin:0}.dungeon-status{color:var(--text-secondary);font-size:.65rem}.dungeon-player-hp{border-top:1px solid var(--border);padding-top:.4rem}.hp-label{color:var(--text-secondary);display:flex;font-size:.65rem;justify-content:space-between;margin-bottom:.25rem}.dungeon-combat-section{background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-height:120px;padding:.5rem}.section-header{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);font-family:Cinzel,serif;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;padding-bottom:.3rem;text-transform:uppercase}.combat-active{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-height:0}.enemy-header{align-items:center;display:flex;gap:.4rem}.enemy-icon{font-size:1.1rem}.enemy-name{color:#f87171;font-family:Cinzel,serif;font-size:.8rem;font-weight:600}.boss-badge{background:var(--accent-gold);border-radius:3px;color:#1a1613;font-size:.55rem;font-weight:700;margin-left:auto;padding:.1rem .35rem}.enemy-stats-row{color:var(--text-secondary);display:flex;font-size:.65rem;gap:.75rem;justify-content:center;padding:.2rem 0}.flee-btn{background:#643c3c66;border:1px solid #96505080;border-radius:var(--radius-sm);color:#f0a0a0;cursor:pointer;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;margin-top:auto;padding:.4rem .6rem;transition:all .15s}.flee-btn:hover{background:#78464680;border-color:#b4646499}.combat-idle{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-height:0;padding:.35rem}.combat-idle:has(.combat-log){justify-content:flex-start}.combat-idle .combat-log{width:100%}.idle-icon{font-size:1.5rem;opacity:.4}.idle-text{color:var(--text-secondary);font-size:.75rem}.idle-hint{color:var(--text-muted);font-size:.6rem;font-style:italic}.dungeon-loot-section{background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-height:120px;overflow:hidden;padding:.5rem}.loot-empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:.7rem;font-style:italic;justify-content:center;padding:.5rem;text-align:center}.dungeon-potions-section{background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem}.dungeon-potions-section .section-header{align-items:center;display:flex;justify-content:space-between}.dungeon-potions-section .potion-usage{background:#0000004d;border-radius:4px;color:var(--text-muted);font-size:.65rem;padding:.15rem .4rem}.dungeon-potions-grid{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(3,1fr);margin-top:.4rem}.dungeon-potion-btn{align-items:center;background:#28503c66;border:1px solid #50a06466;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.4rem .25rem;position:relative;transition:all .15s ease}.dungeon-potion-btn:hover:not(.disabled){background:#3c785080;border-color:#64b47899;transform:translateY(-1px)}.dungeon-potion-btn.disabled{cursor:not-allowed;opacity:.4}.dungeon-potion-btn .potion-icon{font-size:1.1rem;line-height:1}.dungeon-potion-btn .potion-heal{color:var(--success);font-size:.6rem;font-weight:600;margin-top:.1rem}.dungeon-potion-btn .potion-qty{background:#00000080;border-radius:2px;color:var(--text-muted);font-size:.5rem;padding:.1rem .2rem;position:absolute;right:3px;top:2px}.dungeon-potion-btn.common{background:#6464644d;border-color:#96969666}.dungeon-potion-btn.uncommon{background:#28503c66;border-color:#50a06466}.dungeon-potion-btn.rare{background:#283c6466;border-color:#5078b480}.dungeon-potion-btn.epic{background:#50326466;border-color:#8c5ab480}.potions-empty{color:var(--text-muted);font-style:italic;padding:.5rem}.potion-message,.potions-empty{font-size:.65rem;text-align:center}.potion-message{animation:fadeIn .2s ease;border-radius:4px;margin-top:.3rem;padding:.3rem .5rem}.potion-message.success{background:#50a05040;border:1px solid #50a0504d;color:var(--success)}.potion-message.error{background:#a0505040;border:1px solid #a050504d;color:var(--danger)}.potion-limit-warning{background:#b4782826;border-radius:3px;color:var(--warning);font-size:.6rem;margin-top:.3rem;padding:.2rem;text-align:center}.dungeon-complete-btn{background:linear-gradient(180deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);border:1px solid var(--accent-gold-dark);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff4d,0 2px 6px #0000004d;color:var(--bg-primary);cursor:pointer;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;padding:.6rem .75rem;transition:all .2s;width:100%}.dungeon-complete-btn:hover{box-shadow:inset 0 1px 0 #fff6,0 4px 12px #0006,0 0 20px #d4a5744d;transform:translateY(-1px)}.dungeon-stats-footer{grid-gap:.5rem;background:var(--bg-tertiary);border-top:1px solid var(--border);display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-top:auto;padding:.35rem .4rem}.dungeon-stats-footer .stat-item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.15rem 0}.dungeon-stats-footer .stat-label{color:var(--text-muted);font-size:.45rem;letter-spacing:.4px;line-height:1;text-transform:uppercase}.dungeon-stats-footer .stat-value{color:var(--text-primary);font-family:Cinzel,serif;font-size:.7rem;font-weight:600;line-height:1.2}.wm-explore-limit.dungeon-badge{cursor:default;pointer-events:none}.dungeon-exit-btn{background:#a04040e6;border:1px solid #a04040;border-radius:var(--radius-sm);bottom:10px;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;left:10px;padding:.5rem .85rem;position:absolute;transition:all .15s;z-index:10}.dungeon-exit-btn:hover{background:#c05050f2;box-shadow:0 4px 10px #0006;transform:translateY(-1px)}.dungeon-exit-btn:active{transform:translateY(0)}.dungeon-selection-screen{align-items:center;background:linear-gradient(180deg,var(--bg-primary) 0,#1e1a16f2 100%);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:2rem}.dungeon-selection-header{margin-bottom:2rem;text-align:center}.dungeon-selection-title{color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.dungeon-selection-subtitle{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0}.dungeon-tier-list{display:flex;flex-direction:column;gap:1rem;max-width:500px;width:100%}.dungeon-tier-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:0 2px 8px #0003;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.dungeon-tier-card:hover:not(.locked){border-color:var(--accent-gold);box-shadow:0 4px 16px #0000004d,0 0 20px #d4a57426;transform:translateY(-2px)}.dungeon-tier-card.locked{filter:grayscale(.5);opacity:.5}.tier-icon{align-items:center;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.tier-info{flex:1 1;min-width:0}.tier-name{color:var(--text-primary);font-family:Cinzel,serif;font-size:1rem;font-weight:700;margin:0 0 .35rem}.tier-details{display:flex;flex-wrap:wrap;gap:.5rem}.tier-detail{background:#0003;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem;padding:.2rem .5rem;white-space:nowrap}.tier-enter-btn{background:var(--accent-gold);border:1px solid var(--accent-gold-dark);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #fff3,0 2px 4px #0000004d;color:var(--bg-primary);cursor:pointer;flex-shrink:0;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.tier-enter-btn:hover:not(:disabled){background:var(--accent-gold-light);box-shadow:inset 0 1px 0 #ffffff4d,0 4px 8px #0006,0 0 12px #f59e0b4d;transform:translateY(-1px)}.tier-enter-btn:active:not(:disabled){transform:translateY(0)}.tier-enter-btn:disabled{background:var(--bg-tertiary);border-color:var(--border);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.dungeon-selection-footer{margin-top:2rem;max-width:400px;text-align:center}.dungeon-selection-footer p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0 0 .5rem}.dungeon-selection-footer .footer-warning{color:var(--accent-red);font-weight:600}.dungeon-hp-bar-container{background:#0006;border:1px solid var(--border);border-radius:var(--radius-sm);height:20px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.dungeon-hp-bar-container.player{height:22px;margin-bottom:0}.dungeon-hp-bar-container.enemy{height:18px;margin-bottom:.5rem}.dungeon-hp-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .15s ease-out}.dungeon-hp-bar-fill.enemy,.dungeon-hp-bar-fill.player{background:linear-gradient(180deg,#f87171,#ef4444 50%,#dc2626);box-shadow:inset 0 1px 0 #ffffff4d,0 0 8px #f871714d}.dungeon-hp-text{color:#fff;font-family:Fira Code,Consolas,monospace;font-size:.65rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}.combat-log{background:#00000040;border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;font-family:Fira Code,Consolas,monospace;font-size:.6rem;gap:.15rem;min-height:0;overflow-y:auto;padding:.35rem}.combat-log.persisted{opacity:.85;width:100%}.combat-log-entry{animation:combatLogSlide .2s ease-out;border-radius:3px;padding:.15rem .3rem}@keyframes combatLogSlide{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.combat-log-entry.player{color:#4ade80}.combat-log-entry.crit{color:#fbbf24;font-weight:700;text-shadow:0 0 4px #fbbf2466}.combat-log-entry.enemy{color:#f87171}.combat-log-entry.loot{color:#a855f7;font-weight:600}.combat-log-entry.system{color:var(--text-secondary);font-style:italic}.combat-log-entry.death{color:#ef4444;font-weight:700;text-align:center}.dungeon-loot-list{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-height:0;overflow-y:auto}.dungeon-loot-item{align-items:center;background:#0003;border-left:3px solid;border-radius:var(--radius-sm);display:flex;font-size:.68rem;gap:.5rem;padding:.3rem .5rem}.dungeon-loot-item.common{border-color:#9ca3af}.dungeon-loot-item.uncommon{border-color:#10b981}.dungeon-loot-item.rare{border-color:#3b82f6}.dungeon-loot-item.epic{border-color:#a855f7}.dungeon-loot-item.legendary{background:#f59e0b1a;border-color:#f59e0b}.loot-icon{font-size:.85rem}.loot-name{color:var(--text-primary);font-weight:500}.dungeon-loot-more{font-size:.6rem;padding-top:.2rem}.dungeon-loot-empty,.dungeon-loot-more{color:var(--text-muted);font-style:italic;text-align:center}.dungeon-loot-empty{font-size:.7rem;padding:.5rem}.dungeon-result-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dungeon-result-popup{animation:popupSlide .3s ease;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080,0 0 60px #0000004d;max-height:80vh;max-width:420px;overflow-y:auto;padding:1.5rem 2rem;width:90%}@keyframes popupSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dungeon-result-popup.complete{border-color:var(--accent-gold);box-shadow:0 8px 32px #00000080,0 0 40px #d4a57433}.dungeon-result-popup.death{border-color:var(--accent-red);box-shadow:0 8px 32px #00000080,0 0 40px #c8505033}.result-header{margin-bottom:1.25rem;text-align:center}.result-icon{display:block;font-size:3rem;margin-bottom:.5rem}.result-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;margin:0 0 .25rem;text-shadow:0 2px 4px #0006}.dungeon-result-popup.complete .result-title{color:var(--accent-gold-light)}.dungeon-result-popup.death .result-title{color:#f87171}.result-subtitle{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:0}.result-stats{background:#0003;border-radius:var(--radius-md);display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.25rem;padding:.75rem}.result-stat{align-items:center;display:flex;flex-direction:column;gap:.15rem}.result-stat.exp{color:var(--accent-gold-light)}.result-stat .stat-icon{font-size:1.2rem}.result-stat .stat-value{font-family:Fira Code,monospace;font-size:1.3rem;font-weight:700}.result-stat .stat-label{color:var(--text-secondary);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.result-stat .stat-breakdown{color:var(--text-muted);font-size:.55rem;font-weight:400;margin-top:.15rem}.result-stat.penalty,.result-stat.penalty .stat-value{color:var(--danger)}.result-boss{background:#d4a5741a;border:1px solid #d4a5744d;border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem}.result-boss h3{color:var(--accent-gold-light);font-family:Cinzel,serif;font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-align:center}.boss-drops{display:flex;flex-direction:column;gap:.3rem}.drop-item{align-items:center;background:#0003;border-left:3px solid;border-radius:var(--radius-sm);display:flex;font-size:.75rem;gap:.5rem;padding:.25rem .5rem}.drop-item.common{border-color:#9ca3af}.drop-item.uncommon{border-color:#10b981}.drop-item.rare{border-color:#3b82f6}.drop-item.epic{border-color:#a855f7}.drop-item.legendary{background:#f59e0b1a;border-color:#f59e0b}.result-loot{margin-bottom:1.25rem}.result-loot h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.loot-grid{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(2,1fr)}.loot-grid .loot-item{align-items:center;background:#0003;border-left:2px solid;border-radius:var(--radius-sm);display:flex;font-size:.7rem;gap:.4rem;padding:.3rem .5rem}.loot-grid .loot-item.common{border-color:#9ca3af}.loot-grid .loot-item.uncommon{border-color:#10b981}.loot-grid .loot-item.rare{border-color:#3b82f6}.loot-grid .loot-item.epic{border-color:#a855f7}.loot-grid .loot-item.legendary{border-color:#f59e0b}.loot-grid .loot-icon{font-size:.85rem}.loot-grid .loot-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loot-more{color:var(--text-muted);font-size:.7rem;font-style:italic;grid-column:span 2;padding:.25rem;text-align:center}.result-close-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.dungeon-result-popup.complete .result-close-btn{background:linear-gradient(180deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:inset 0 1px 0 #ffffff4d,0 3px 8px #0000004d;color:var(--bg-primary)}.dungeon-result-popup.complete .result-close-btn:hover{box-shadow:inset 0 1px 0 #fff6,0 5px 12px #0006,0 0 20px #d4a5744d;transform:translateY(-2px)}.dungeon-result-popup.death .result-close-btn{background:linear-gradient(180deg,#7a4040,#5a3030);box-shadow:inset 0 1px 0 #ffffff26,0 3px 8px #0000004d;color:#ffd0d0}.dungeon-result-popup.death .result-close-btn:hover{background:linear-gradient(180deg,#8a5050,#6a4040);box-shadow:inset 0 1px 0 #fff3,0 5px 12px #0006;transform:translateY(-2px)}@media (max-width:900px){.dungeon-exit-btn{font-size:.65rem;padding:.4rem .65rem}.dungeon-result-popup{max-width:340px;padding:1rem 1.25rem}.result-stats{gap:1rem}.loot-grid{grid-template-columns:1fr}}.fp-panel{background:linear-gradient(135deg,#373028b3,#28231cd9);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.fp-tabs{background:#00000040;border-bottom:1px solid #a0908040;display:flex;gap:4px;padding:8px 12px}.fp-tab{align-items:center;background:#0003;border:1px solid #a0908033;border-radius:6px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.fp-tab:hover{background:#dab0501a;border-color:#dab0504d}.fp-tab.active{background:linear-gradient(135deg,#dab05033,#dab0501a);border-color:#dab05080}.fp-tab .fp-tab-icon{font-size:1.2rem}.fp-tab .fp-tab-label{color:#b8a898;font-family:Cinzel,serif;font-size:.9rem;font-weight:600}.fp-tab.active .fp-tab-label{color:#dab050}.fp-tab .fp-tab-badge{background:#0000004d;border-radius:10px;color:#888;font-size:.7rem;font-weight:600;padding:2px 8px}.fp-tab.active .fp-tab-badge{background:#dab05033;color:#dab050}.fp-tab.fp-cleanslate-tab.active{background:linear-gradient(135deg,#06b6d433,#06b6d41a);border-color:#06b6d480}.fp-tab.fp-cleanslate-tab.active .fp-tab-label{color:#06b6d4}.fp-tab.fp-cleanslate-tab.active .fp-tab-badge{background:#06b6d433;color:#06b6d4}.fp-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:12px}.fp-columns{min-height:0}.fp-columns,.fp-left-column{display:flex;flex:1 1;gap:12px}.fp-left-column{flex-direction:column;min-width:0}.fp-right-column{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:280px}.fp-gems-section{background:#0000001f;border:1px solid #dab05033;border-radius:6px;overflow:hidden}.fp-gems-list{display:flex;flex-direction:column;gap:8px;padding:10px}.fp-tiers-section{background:#0000001f;border:1px solid #dab05033;border-radius:6px;overflow:hidden}.fp-gem-badge{align-items:center;background:#00000038;border:1px solid #a0908040;border-radius:4px;display:flex;gap:8px;padding:8px 10px}.fp-gem-badge.empty{opacity:.4}.fp-gem-badge .fp-gem-icon{filter:drop-shadow(0 0 4px var(--gem-color));flex-shrink:0;font-size:1.2rem}.fp-gem-badge .fp-gem-count{color:var(--gem-color);font-family:Fira Code,Consolas,monospace;font-size:.85rem;font-weight:700;min-width:24px;text-align:right}.fp-gem-badge.empty .fp-gem-count{color:#666}.fp-gem-badge .fp-gem-name{color:#b8a898;flex:1 1;font-size:.75rem;font-weight:500}.fp-tiers-list{display:flex;flex-direction:column;gap:6px;padding:10px}.fp-tier-badge{align-items:center;background:#00000026;border:1px solid #a0908033;border-radius:4px;display:flex;justify-content:space-between;padding:8px 10px}.fp-tier-badge .fp-tier-num{color:#b8a898;font-size:.75rem;font-weight:600}.fp-tier-badge .fp-tier-rate{font-size:.85rem;font-weight:700}.fp-equipment-area{background:#0000001f;border:1px solid #dab05033;border-radius:6px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.fp-section-header{align-items:center;background:#dab0501a;border-bottom:1px solid #dab05026;color:#d4a574;display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase}.fp-sort-controls{display:flex;gap:4px}.fp-sort-btn{background:#0003;border:1px solid #a0908033;border-radius:3px;color:#9a8a7a;cursor:pointer;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase;transition:all .15s}.fp-sort-btn:hover{background:#dab05026;border-color:#dab0504d;color:#b8a898}.fp-sort-btn.active{background:#dab05033;border-color:#dab05080;color:#dab050}.fp-section-header .fp-section-count{color:#b8a898;font-size:.7rem;font-weight:400}.fp-empty{align-items:center;color:#9a8a7a;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:32px}.fp-empty .fp-empty-icon{font-size:2.5rem;opacity:.4}.fp-empty .fp-empty-text{font-size:.9rem}.fp-empty .fp-empty-hint{color:#7a6a5a;font-size:.75rem;font-style:italic}.fp-items-scroll{flex:1 1;overflow-y:auto;padding:10px}.fp-items-scroll::-webkit-scrollbar{width:6px}.fp-items-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.fp-items-scroll::-webkit-scrollbar-thumb{background:#dab0504d;border-radius:3px}.fp-items-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.fp-item-card{align-items:center;background:#0000002e;border:1px solid #a0908040;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s}.fp-item-card:hover{background:#dab05026;border-color:#dab05080;transform:translateY(-2px)}.fp-item-card .fp-item-chip-wrap{flex-shrink:0}.fp-item-card .fp-item-details{flex:1 1;min-width:0}.fp-item-card .fp-item-name{color:#f0e6d8;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-item-card .fp-item-slots{align-items:center;display:flex;font-size:.7rem;gap:3px;margin-top:2px}.fp-item-card .fp-item-slots .fp-used{color:#dab050;font-weight:600}.fp-item-card .fp-item-slots .fp-failed{color:#c06060;font-weight:600}.fp-item-card .fp-item-slots .fp-sep{color:#7a7060}.fp-item-card .fp-item-slots .fp-max{color:#b0a090}.fp-item-card .fp-item-remaining{background:#80b85826;border-radius:4px;color:#80b858;flex-shrink:0;font-size:.65rem;font-weight:600;padding:4px 8px}.fp-full-section{border-top:1px dashed #a0908033;margin-top:12px;padding-top:12px}.fp-full-section .fp-full-header{color:#9a8a7a;font-size:.7rem;margin-bottom:8px}.fp-full-section .fp-full-items{display:flex;flex-wrap:wrap;gap:6px}.fp-full-section .fp-full-item{opacity:.5;transition:opacity .2s}.fp-full-section .fp-full-item:hover{opacity:1}.fp-tip{align-items:center;background:#dab0501a;border:1px solid #dab05033;border-radius:6px;color:#c0b0a0;display:flex;font-size:.7rem;gap:8px;padding:8px 12px}.fp-tip .fp-tip-icon{flex-shrink:0;font-size:1rem}.fp-cs-content{flex:1 1;gap:12px;overflow:hidden;padding:12px}.fp-cs-content,.fp-cs-header{display:flex;flex-direction:column}.fp-cs-header{align-items:center;background:linear-gradient(135deg,#06b6d41a,#06b6d40d);border:1px solid #06b6d440;border-radius:8px;padding:16px}.fp-cs-scroll-display{align-items:center;display:flex;gap:12px}.fp-cs-scroll-display .fp-cs-scroll-icon{filter:drop-shadow(0 0 8px rgba(6,182,212,.5));font-size:2rem}.fp-cs-scroll-display .fp-cs-scroll-count{color:#06b6d4;font-family:Fira Code,Consolas,monospace;font-size:2rem;font-weight:700;text-shadow:0 0 10px #06b6d466}.fp-cs-scroll-display .fp-cs-scroll-label{color:#06b6d4;font-family:Cinzel,serif;font-size:1rem;font-weight:600}.fp-cs-desc{color:#8a9a9a;font-size:.75rem;margin-top:8px;text-align:center}.fp-cs-equipment-area{background:#00000026;border:1px solid #06b6d426;border-radius:6px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.fp-cs-section-header{align-items:center;background:#06b6d41a;border-bottom:1px solid #06b6d426;color:#06b6d4;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.fp-cs-section-header .fp-cs-section-count{color:#7a9a9a;font-size:.7rem;font-weight:400}.fp-cs-empty{align-items:center;color:#7a8a8a;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:32px}.fp-cs-empty .fp-cs-empty-icon{font-size:2.5rem;opacity:.4}.fp-cs-empty .fp-cs-empty-text{font-size:.9rem}.fp-cs-empty .fp-cs-empty-hint{color:#5a6a6a;font-size:.75rem;font-style:italic}.fp-cs-items-scroll{flex:1 1;overflow-y:auto;padding:10px}.fp-cs-items-scroll::-webkit-scrollbar{width:6px}.fp-cs-items-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.fp-cs-items-scroll::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.fp-cs-items-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.fp-cs-item-card{align-items:center;background:#00000040;border:1px solid #06b6d433;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.fp-cs-item-card:hover{background:#06b6d426;border-color:#06b6d480;transform:translateY(-2px)}.fp-cs-item-card .fp-cs-item-chip-wrap{flex-shrink:0}.fp-cs-item-card .fp-cs-item-details{flex:1 1;min-width:0}.fp-cs-item-card .fp-cs-item-name{color:#f0e6d8;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-cs-item-card .fp-cs-forging-info{display:flex;font-size:.7rem;gap:10px;margin-bottom:6px}.fp-cs-item-card .fp-cs-info-scrolls{color:#dab050;font-weight:600}.fp-cs-item-card .fp-cs-info-failed{color:#c06060;font-weight:600}.fp-cs-item-card .fp-cs-slots-bar{display:flex;gap:3px}.fp-cs-item-card .fp-cs-slots-bar .fp-cs-slot{border-radius:2px;height:8px;transition:all .2s;width:12px}.fp-cs-item-card .fp-cs-slots-bar .fp-cs-slot.empty{background:#a0908033;border:1px solid #a090804d}.fp-cs-item-card .fp-cs-slots-bar .fp-cs-slot.filled{background:#dab05099;border:1px solid #dab050;box-shadow:0 0 4px #dab05066}.fp-cs-item-card .fp-cs-slots-bar .fp-cs-slot.failed{background:#c0606066;border:1px solid #c06060}.fp-cs-item-card .fp-cs-reset-btn{background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:1px solid #06b6d466;border-radius:4px;color:#06b6d4;cursor:pointer;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s}.fp-cs-item-card:hover .fp-cs-reset-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4;box-shadow:0 0 12px #06b6d466;color:#fff}.fp-cs-warning{align-items:center;background:#c060601a;border:1px solid #c0606040;border-radius:6px;color:#c08080;display:flex;font-size:.7rem;gap:8px;padding:8px 12px}.fp-cs-warning .fp-cs-warning-icon{flex-shrink:0;font-size:1rem}.fp-tab.fp-enhance-tab.active{background:linear-gradient(135deg,#facc1526,#dab0501a);border-color:#facc1566}.fp-tab.fp-enhance-tab.active .fp-tab-label{color:#facc15}.fp-tab.fp-enhance-tab.active .fp-tab-badge{background:#facc1533;color:#facc15}.fp-item-slots .fp-star{color:#facc15;text-shadow:0 0 3px #facc1566}.fp-essence-hint{border-top:1px solid #a0908026;color:#8a7a6a;font-size:.65rem;font-style:italic;padding:6px 10px}.dev-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.dev-panel{background:linear-gradient(145deg,#12151a,#1a1f28);border:1px solid #3b82f6;border-radius:12px;box-shadow:0 8px 32px #3b82f640;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:520px}.dev-header{align-items:center;background:#3b82f61a;border-bottom:1px solid #3b82f633;display:flex;gap:.75rem;padding:.6rem 1rem}.dev-title{color:#3b82f6;flex:1 1;font-size:.95rem;font-weight:700}.dev-hint{color:#666;font-size:.65rem}.dev-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;line-height:1;padding:.2rem .4rem;transition:color .15s}.dev-close:hover{color:#ef4444}.dev-tabs{background:#0000004d;border-bottom:1px solid #3b82f626;display:flex}.dev-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;padding:.5rem;transition:all .15s}.dev-tab:hover{background:#3b82f60d;color:#3b82f6}.dev-tab.active{background:#3b82f61a;border-bottom-color:#3b82f6;color:#3b82f6}.dev-content{flex:1 1;overflow-y:auto;padding:.75rem}.dev-content::-webkit-scrollbar{width:6px}.dev-content::-webkit-scrollbar-track{background:#0000}.dev-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.dev-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.dev-section{display:flex;flex-direction:column;gap:.5rem}.dev-card{background:#00000040;border:1px solid #ffffff0f;border-radius:8px;padding:.5rem}.dev-card.wide{grid-column:span 2}.card-title{color:#3b82f6;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.btn-grid{grid-gap:.35rem;display:grid;gap:.35rem}.btn-grid.cols-2{grid-template-columns:repeat(2,1fr)}.btn-grid.cols-3{grid-template-columns:repeat(3,1fr)}.btn-grid.cols-4{grid-template-columns:repeat(4,1fr)}.btn-grid.cols-5{grid-template-columns:repeat(5,1fr)}.btn-grid+.btn-grid{margin-top:.35rem}.dev-btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:5px;color:#aaa;cursor:pointer;font-size:.7rem;font-weight:500;padding:.4rem .5rem;transition:all .15s;white-space:nowrap}.dev-btn:hover{background:#3b82f626;border-color:#3b82f666;color:#fff}.dev-btn:active{transform:scale(.97)}.dev-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.dev-btn.primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 12px #3b82f666}.dev-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff}.dev-btn.danger:hover{box-shadow:0 0 12px #dc262666}.dev-btn.star{background:#f5d7421a;border-color:#f5d7424d;color:#f5d742}.dev-btn.star:hover{background:#f5d74233;border-color:#f5d742}.dev-btn.common{border-color:#9ca3af4d;color:#9ca3af}.dev-btn.uncommon{border-color:#22c55e4d;color:#22c55e}.dev-btn.rare{border-color:#3b82f64d;color:#3b82f6}.dev-btn.epic{border-color:#a855f74d;color:#a855f7}.dev-btn.legendary{animation:legendary-pulse 2s ease-in-out infinite;border-color:#f59e0b4d;color:#f59e0b}@keyframes legendary-pulse{0%,to{box-shadow:0 0 4px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b80}}.dev-btn.dungeon-tier1{border-color:#a8a29e4d;color:#a8a29e}.dev-btn.dungeon-tier2{border-color:#6b72804d;color:#6b7280}.dev-btn.dungeon-tier3{border-color:#c2410c4d;color:#c2410c}.dev-btn.dungeon-tier4{border-color:#7c3aed4d;color:#7c3aed}.dev-btn.dungeon-tier5{animation:void-pulse 2s ease-in-out infinite;border-color:#f472b64d;color:#f472b6}@keyframes void-pulse{0%,to{box-shadow:0 0 4px #f472b633}50%{box-shadow:0 0 12px #7c3aed80}}.dev-btn:disabled{cursor:not-allowed;opacity:.4}.dev-card.toggles{display:flex;flex-direction:column;gap:.4rem}.toggle-row{align-items:center;display:flex;justify-content:space-between;padding:.3rem 0}.toggle-row span{color:#888;font-size:.75rem;transition:color .15s}.toggle-row span.active{color:#22c55e}.toggle-btn{background:#ffffff1a;border:none;border-radius:9px;cursor:pointer;height:18px;position:relative;transition:all .2s;width:36px}.toggle-btn:after{background:#666;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:all .2s;width:14px}.toggle-btn.on{background:#22c55e}.toggle-btn.on:after{background:#fff;left:20px}.dev-card.stats{display:flex;flex-direction:column;gap:.25rem}.dev-card.stats .stat-row{display:flex;font-size:.7rem;justify-content:space-between}.dev-card.stats .stat-row span:first-child{color:#888}.dev-card.stats .stat-row span:last-child{color:#ddd;font-weight:600}.resource-grid{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.resource-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;padding:.35rem .25rem;transition:all .15s}.resource-btn:hover{background:#3b82f626;border-color:#3b82f64d}.res-icon{font-size:1rem}.res-count{color:#888;font-size:.6rem}.dev-card.gems{border-color:#a855f733}.gem-display{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(5,1fr);margin-bottom:.4rem}.gem-btn{align-items:center;background:#0000004d;border:1px solid;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:.1rem;padding:.3rem;transition:all .15s}.gem-btn:hover{transform:scale(1.05)}.gem-btn.ruby{border-color:#ef44444d;color:#ef4444}.gem-btn.sapphire{border-color:#3b82f64d;color:#3b82f6}.gem-btn.emerald{border-color:#22c55e4d;color:#22c55e}.gem-btn.topaz{border-color:#eab3084d;color:#eab308}.gem-btn.amethyst{border-color:#a855f74d;color:#a855f7}.dev-card.info{background:#3b82f60d;border-color:#3b82f626}.info-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.info-grid.cols-3{grid-template-columns:repeat(3,1fr)}.info-item{align-items:center;display:flex;flex-direction:column;gap:.15rem}.info-label{color:#666;font-size:.6rem;text-transform:uppercase}.info-value{color:#ddd;font-size:.85rem;font-weight:700}.info-value.small{font-size:.65rem;text-align:center;word-break:break-all}.info-item.star .info-value{color:#f5d742}.stats-grid{grid-gap:.4rem;gap:.4rem;grid-template-columns:repeat(4,1fr)}.stat-item{align-items:center;background:#0003;border-radius:6px;gap:.2rem;padding:.4rem}.stat-name{color:#888;font-size:.65rem;font-weight:600}.stat-val{font-size:.9rem}.stat-btn,.stat-val{color:#22c55e;font-weight:700}.stat-btn{background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;cursor:pointer;font-size:.8rem;height:20px;transition:all .15s;width:24px}.stat-btn:hover{background:#22c55e40;border-color:#22c55e}.dev-card.star-card .card-title{color:#f5d742}.dev-card.toggles-large{display:flex;flex-direction:column;gap:.5rem}.toggle-large{background:#0003;border-radius:6px;justify-content:space-between;padding:.5rem}.toggle-info,.toggle-large{align-items:center;display:flex}.toggle-info{gap:.5rem}.toggle-icon{font-size:1rem}.toggle-text{color:#888;font-size:.75rem}.toggle-btn-large{border:1px solid;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:700;padding:.35rem .75rem;transition:all .15s}.toggle-btn-large:not(.on){background:#ffffff0d;border-color:#ffffff26;color:#888}.toggle-btn-large.on{background:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e66;color:#fff}.debug-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.debug-grid span{color:#888;font-size:.7rem;text-align:center}.diplomacy-panel{background:var(--panel-bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.dp-header{align-items:center;background:#00000040;border-bottom:2px solid var(--accent-gold);display:flex;justify-content:space-between;padding:12px 16px}.dp-header h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.1rem;margin:0}.dp-header-count{background:#dab0501a;border:1px solid #dab05033;border-radius:12px;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:4px 10px}.dp-empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.dp-empty-icon{animation:floatEmpty 3s ease-in-out infinite;font-size:3.5rem;margin-bottom:16px;opacity:.4}@keyframes floatEmpty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dp-empty-state h2{font-size:1.1rem;margin:0 0 10px}.dp-empty-state h2,.dp-empty-state h3{color:var(--accent-gold);font-family:Cinzel,serif}.dp-empty-state h3{font-size:1.2rem;margin:0 0 12px}.dp-empty-state p{color:var(--text-secondary);font-size:.8rem;line-height:1.6;margin:0 0 16px;max-width:500px}.dp-empty-hint{background:#6080a81a;border:2px solid #6080a84d;border-radius:8px;color:var(--royal-blue);font-size:.75rem;max-width:600px;padding:8px 12px}.dp-kingdom-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));overflow-y:auto;padding:16px}.dp-kingdom-card{background:linear-gradient(135deg,#0006,#0003);border:2px solid;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .3s ease}.dp-kingdom-card:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.dp-kc-header{gap:12px}.dp-kc-header,.dp-kc-icon{align-items:center;display:flex}.dp-kc-icon{border-radius:8px;box-shadow:0 4px 12px #0000004d;flex-shrink:0;font-size:2rem;height:56px;justify-content:center;width:56px}.dp-kc-title-area{flex:1 1;min-width:0}.dp-kc-name{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.1rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-kc-type{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dp-kc-flavor{background:#6080a81a;border-left:3px solid var(--royal-blue);border-radius:4px;color:var(--royal-blue);font-size:.85rem;font-style:italic;padding:8px 12px}.dp-kc-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.dp-kc-specialties{display:flex;flex-direction:column;gap:6px}.dp-kc-specialties-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dp-kc-specialties-list{display:flex;flex-wrap:wrap;gap:6px}.dp-kc-specialty-badge{background:#dab05026;border:1px solid #dab0504d;border-radius:12px;color:var(--accent-gold);font-size:.75rem;font-weight:500;padding:4px 10px}.dp-kc-relationship{align-items:center;background:#0003;border:1px solid #a0908033;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.dp-kc-rel-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dp-kc-rel-stars{color:var(--accent-gold);filter:drop-shadow(0 0 4px rgba(218,176,80,.5));font-size:1rem}.dp-kc-hint{background:#6080a81a;border:1px solid #6080a84d;border-radius:6px;color:var(--royal-blue);font-size:.85rem;font-style:italic;margin-top:4px;padding:12px 16px;text-align:center}.dp-kingdom-grid::-webkit-scrollbar{width:8px}.dp-kingdom-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.dp-kingdom-grid::-webkit-scrollbar-thumb{background:#dab0504d;border-radius:4px}.dp-kingdom-grid::-webkit-scrollbar-thumb:hover{background:#dab05080}.dp-current-kingdom{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:8px}.dp-kingdom-header{align-items:center;border-bottom:2px solid;display:flex;gap:10px;padding-bottom:10px}.dp-kingdom-icon{align-items:center;border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0006;display:flex;font-size:1.8rem;height:48px;justify-content:center;width:48px}.dp-kingdom-title h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.1rem;margin:0 0 4px}.dp-kingdom-type{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dp-relationship{align-items:center;background:#0003;border-radius:8px;display:flex;gap:8px;padding:8px 10px}.dp-rel-label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dp-rel-stars{color:var(--accent-gold);filter:drop-shadow(0 0 6px rgba(218,176,80,.5));font-size:1rem}.dp-description{background:#00000040;border:1px solid #a0908033;border-radius:8px;padding:10px}.dp-description p{color:var(--text-secondary);font-size:.8rem;line-height:1.6;margin:0}.dp-specialties h3{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.95rem;margin:0 0 8px}.dp-specialty-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.dp-specialty-badge{background:#dab0501a;border:1px solid #dab0504d;border-radius:6px;color:var(--accent-gold);font-size:.7rem;font-weight:600;padding:6px 10px;text-align:center}.dp-market-hint{align-items:center;background:linear-gradient(135deg,#6080a826,#6080a80d);border:2px solid #6080a84d;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:10px 12px}.dp-hint-icon{filter:drop-shadow(0 0 8px rgba(96,128,168,.5));font-size:1.8rem}.dp-market-hint p{color:var(--royal-blue);font-size:.75rem;margin:0}.dp-market-hint strong{color:var(--accent-gold);font-family:Cinzel,serif}.dp-current-kingdom::-webkit-scrollbar{width:8px}.dp-current-kingdom::-webkit-scrollbar-track{background:#0003;border-radius:4px}.dp-current-kingdom::-webkit-scrollbar-thumb{background:#dab0504d;border-radius:4px}.dp-current-kingdom::-webkit-scrollbar-thumb:hover{background:#dab05080}.guide-modal{background:var(--bg-primary);border:2px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;font-family:var(--font-body);height:85vh;left:50%;max-width:1400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000}.guide-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;padding:1rem 1.5rem}.guide-header,.guide-title{align-items:center;display:flex}.guide-title{gap:.75rem}.guide-icon{font-size:1.8rem}.guide-title h2{color:var(--text-primary);font-family:var(--font-heading);font-size:1.5rem;margin:0;text-shadow:0 1px 3px #0000004d}.guide-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s;width:36px}.guide-close:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.guide-content{display:flex;flex:1 1;height:100%;overflow:hidden}.guide-sidebar{background:var(--bg-secondary);border-right:2px solid var(--border);display:flex;flex-direction:column;overflow:hidden;width:320px}.guide-search{border-bottom:1px solid var(--border);padding:1rem;position:relative}.guide-search-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;padding:.6rem 2.5rem .6rem .75rem;transition:all .2s;width:100%}.guide-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8b5cf633;outline:none}.guide-search-clear,.guide-search-input::placeholder{color:var(--text-muted)}.guide-search-clear{background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;font-size:.8rem;height:24px;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.guide-search-clear:hover{background:var(--danger);color:#fff}.guide-categories{flex:1 1;overflow-y:auto;padding:.5rem}.guide-category{margin-bottom:.25rem}.guide-category-btn{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.guide-category-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.guide-category-btn.active{background:linear-gradient(135deg,var(--accent) 0,#7c3aed 100%);border-color:var(--accent);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.guide-cat-icon{flex-shrink:0;font-size:1.2rem}.guide-cat-name{flex:1 1}.guide-topics{border-left:2px solid var(--border);margin-bottom:.5rem;margin-left:1rem;margin-top:.25rem;padding-left:.5rem}.guide-topic-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.15rem;padding:.5rem .75rem;text-align:left;transition:all .2s;width:100%}.guide-topic-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.guide-topic-btn.active{background:var(--bg-hover);border-color:var(--accent);color:var(--accent);font-weight:600}.guide-topic-icon{flex-shrink:0;font-size:.95rem}.guide-topic-name{flex:1 1}.guide-search-results{flex:1 1;overflow-y:auto;padding:.5rem}.guide-search-count{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.guide-search-result{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.guide-search-result:hover{background:var(--bg-hover);border-color:var(--border-accent)}.guide-search-result.active{background:linear-gradient(135deg,var(--accent) 0,#7c3aed 100%);border-color:var(--accent);color:#fff}.guide-result-icon{flex-shrink:0;font-size:1.5rem}.guide-result-text{flex:1 1}.guide-result-name{font-size:.9rem;font-weight:600;margin-bottom:.15rem}.guide-result-category{font-size:.75rem;opacity:.7}.guide-search-result.active .guide-result-category{opacity:.9}.guide-panel{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.guide-topic-content{margin:0 auto;max-width:900px}.guide-topic-content h3{border-bottom:2px solid var(--border-accent);font-size:1.5rem;margin:0 0 .75rem;padding-bottom:.5rem}.guide-topic-content h3,.guide-topic-content h4{color:var(--text-primary);font-family:var(--font-heading)}.guide-topic-content h4{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;margin:1.25rem 0 .5rem}.guide-topic-content h4:before{color:var(--accent);content:"▸";font-size:1rem}.guide-topic-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.4rem 0}.guide-topic-content strong{color:var(--text-primary);font-weight:600}.guide-topic-content em{color:var(--accent);font-style:normal;font-weight:500}.guide-topic-content ol,.guide-topic-content ul{margin:.5rem 0;padding-left:1.5rem}.guide-topic-content li{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.25rem 0}.guide-topic-content code{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;color:var(--accent);font-family:Courier New,monospace;font-size:.85rem;padding:.1rem .3rem}.guide-table{background:var(--bg-secondary);border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-sm);margin:.75rem 0;overflow:hidden;width:100%}.guide-table thead{background:var(--bg-tertiary)}.guide-table th{border-bottom:2px solid var(--border-accent);color:var(--text-primary);font-weight:600;text-align:left}.guide-table td,.guide-table th{font-size:.85rem;padding:.5rem .75rem}.guide-table td{border-bottom:1px solid var(--border);color:var(--text-secondary)}.guide-table tr:last-child td{border-bottom:none}.guide-table tr:hover{background:var(--bg-hover)}.guide-checklist{margin:1.5rem 0;width:100%}.guide-checklist td:first-child{color:var(--accent);font-size:1.2rem;text-align:center;width:30px}.guide-checklist td:last-child{padding-left:.5rem}.guide-formula{background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:var(--radius-sm);margin:.75rem 0;padding:.6rem 1rem}.guide-formula code{background:#0000;border:none;color:var(--text-primary);font-size:.9rem;font-weight:600}.guide-note{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border:1px solid #8b5cf64d;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;margin:.75rem 0;padding:.75rem 1rem}.guide-ability,.guide-biome-category,.guide-chain,.guide-resource-tier{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin:.75rem 0;padding:.75rem}.guide-ability h4,.guide-biome-category h4,.guide-chain h4,.guide-resource-tier h4{margin-bottom:.5rem;margin-top:0!important}.guide-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center}.guide-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.guide-empty p{font-size:1.1rem}.guide-categories::-webkit-scrollbar,.guide-panel::-webkit-scrollbar,.guide-search-results::-webkit-scrollbar{width:8px}.guide-categories::-webkit-scrollbar-track,.guide-panel::-webkit-scrollbar-track,.guide-search-results::-webkit-scrollbar-track{background:var(--bg-secondary)}.guide-categories::-webkit-scrollbar-thumb,.guide-panel::-webkit-scrollbar-thumb,.guide-search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.guide-categories::-webkit-scrollbar-thumb:hover,.guide-panel::-webkit-scrollbar-thumb:hover,.guide-search-results::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}@media (max-width:1024px){.guide-modal{height:90vh;width:95vw}.guide-sidebar{width:280px}.guide-panel{padding:1.5rem 2rem}}@media (max-width:768px){.guide-modal{border-radius:0;height:100vh;width:100vw}.guide-sidebar{border-bottom:2px solid var(--border);border-right:none;width:100%}.guide-content{flex-direction:column}.guide-panel{padding:1rem 1.5rem}}.tutorial-overlay-svg{height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-out;width:100vw;z-index:10000}.tutorial-overlay-svg.visible{opacity:1;pointer-events:all}.tutorial-spotlight{animation:tutorial-spotlight-pulse 2s ease-in-out infinite;background:#0000;border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 0 8px #dab05066;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease-out;z-index:10001}.tutorial-spotlight.visible{opacity:1}@keyframes tutorial-spotlight-pulse{0%,to{box-shadow:0 0 8px #dab05066}50%{box-shadow:0 0 12px #e8c06080}}.tutorial-card{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;max-height:60vh;opacity:0;padding:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-out;width:450px;z-index:10002}.tutorial-card.visible{opacity:1;pointer-events:all}.tutorial-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-dark);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:.6rem .85rem}.tutorial-title{color:var(--text-primary);flex:1 1;font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin:0}.tutorial-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:20px;justify-content:center;margin-left:.5rem;transition:all .2s;width:20px}.tutorial-close:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.tutorial-body{background:var(--bg-primary);flex:1 1;min-height:0;overflow-y:auto;padding:.85rem}.tutorial-description{word-wrap:break-word;color:var(--text-secondary);font-size:.88rem;line-height:1.55;margin:0;overflow-wrap:break-word;text-align:justify;text-justify:inter-word;white-space:pre-line}.tutorial-page-indicator{border-top:1px solid var(--border-dark);color:var(--text-muted);font-size:.8rem;font-style:italic;margin-top:.75rem;padding-top:.75rem;text-align:center}.tutorial-footer{background:var(--bg-tertiary);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border-dark);display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding:.6rem .85rem}.tutorial-btn{border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .9rem;transition:all .2s}.tutorial-btn.primary{background:var(--accent-gold);border:1px solid var(--accent-gold-dark);color:var(--bg-primary)}.tutorial-btn.primary:hover{background:var(--accent-gold-light);box-shadow:0 4px 12px #dab05066;transform:translateY(-1px)}@media (max-width:768px){.tutorial-card{max-height:80vh;max-width:90vw;min-width:280px}.tutorial-spotlight{display:none}}.save-manager{position:relative}.save-manager-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.save-manager-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-gold)}.save-indicator{animation:pulse 2s ease-in-out infinite;color:var(--success);font-size:.5rem;position:absolute;right:2px;top:2px}.save-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:260px;z-index:1000}.save-menu-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem .65rem}.save-menu-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.auto-save-status{color:var(--success);font-size:.6rem;opacity:.8}.save-actions-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:.5rem}.save-action{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:.4rem .25rem;transition:all .15s ease}.save-action:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.save-action .action-icon{font-size:.9rem}.save-action span:last-child{color:var(--text-secondary);font-size:.55rem;letter-spacing:.3px;text-transform:uppercase}.save-action.quick:hover{border-color:var(--success)}.save-action.export:hover{border-color:var(--info)}.save-action.import:hover{border-color:var(--research-purple-light)}.save-error{background:#ef44441a;color:var(--danger);font-size:.6rem;padding:.3rem .5rem;text-align:center}.save-divider{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;padding:.35rem .65rem}.save-divider span{color:var(--text-secondary);font-size:.55rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.save-slots{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:.5rem}.save-slot{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.5rem;transition:all .15s ease}.save-slot.has-save:hover{border-color:var(--accent-gold)}.save-slot.empty{opacity:.7;padding:.4rem .5rem}.slot-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.slot-label{color:var(--text-primary);font-size:.7rem;font-weight:600}.slot-time{color:var(--text-secondary);font-size:.55rem}.slot-stats{display:flex;gap:.5rem;margin-bottom:.4rem}.slot-stats span{background:var(--bg-secondary);border-radius:3px;color:var(--text-secondary);font-size:.55rem;padding:.15rem .35rem}.slot-buttons{display:flex;gap:4px}.slot-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;flex:1 1;font-size:.6rem;font-weight:500;padding:.3rem .4rem;transition:all .15s ease}.slot-btn.load{background:var(--success);border-color:var(--success);color:#fff}.slot-btn.load:hover{background:var(--success-light)}.slot-btn.overwrite{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.slot-btn.overwrite:hover{border-color:var(--accent-gold)}.slot-btn.delete{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary);flex:0 0 auto;font-size:.65rem;width:28px}.slot-btn.delete:hover{background:#ef444426;border-color:var(--danger);color:var(--danger)}.slot-btn.save-empty{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);width:100%}.slot-btn.save-empty:hover{background:var(--bg-primary);border-color:var(--accent-gold)}.reset-confirm,.slot-confirm{align-items:center;display:flex;gap:6px}.confirm-text{color:var(--danger);flex:1 1;font-size:.6rem;font-weight:500}.confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:.55rem;font-weight:600;padding:.25rem .5rem;transition:all .15s ease}.confirm-btn.yes{background:var(--danger);color:#fff}.confirm-btn.yes:hover{background:#dc2626}.confirm-btn.no{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.confirm-btn.no:hover{background:var(--bg-primary);color:var(--text-primary)}.save-footer{background:var(--bg-tertiary);border-top:1px solid var(--border);padding:.5rem}.new-game-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:var(--danger);cursor:pointer;font-size:.65rem;font-weight:500;padding:.35rem;transition:all .15s ease;width:100%}.new-game-btn:hover{background:#ef444433;border-color:var(--danger)}.reset-confirm{justify-content:center}.reset-confirm span{color:var(--danger);font-size:.65rem;font-weight:500}.save-slots::-webkit-scrollbar{width:4px}.save-slots::-webkit-scrollbar-track{background:var(--bg-primary)}.save-slots::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.save-slots::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:root{--bg-primary:#3a3530;--bg-secondary:#454038;--bg-tertiary:#504a40;--bg-light:#5a5448;--bg-highlight:#656050;--text-primary:#f0e6d8;--text-secondary:#c8bca8;--text-muted:#9a8e7a;--accent-gold:#dab050;--accent-gold-light:#e8c060;--accent-gold-dark:#b89030;--accent-copper:#d08550;--accent-red:#c06060;--danger:#c06060;--success:#80b858;--success-light:#90c868;--success-bg:#80b8582e;--border:#5a5448;--border-dark:#4a4438;--border-light:#6a6458;--royal-purple:#806890;--royal-purple-light:#a088b0;--royal-purple-dark:#604870;--royal-purple-text:#e0d0e8;--royal-purple-bg:#80689033;--royal-blue:#6080a8;--royal-blue-light:#7090b8;--royal-blue-dark:#506888;--royal-blue-text:#d0e0f0;--royal-blue-bg:#6080a833;--research-purple:#8878b0;--research-purple-light:#a898c8;--research-purple-bg:#8878b033;--stats-blue:#6080a8;--stats-blue-light:#7090b8;--stats-blue-text:#d0e0f0;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 16px #00000073;--gap-xs:0.25rem;--gap-sm:0.5rem;--gap-md:0.75rem;--gap-lg:1rem;--gap-xl:1.5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:#3a3530;background:var(--bg-primary);font-family:Open Sans,Noto Color Emoji,sans-serif;min-height:100vh}body,h1,h2,h3,h4{color:#f0e6d8;color:var(--text-primary)}h1,h2,h3,h4{font-family:Cinzel,serif}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#3a3530;background:var(--bg-primary);border-radius:4px}::-webkit-scrollbar-thumb{background:#6a6458;background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#dab050;background:var(--accent-gold)}.chip{border-radius:4px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;padding:.15rem .35rem}.chip.ok{background:#80b85840;color:#80b858;color:var(--success)}.chip.no{background:#c0606033;color:#c06060;color:var(--accent-red)}.effect{border-radius:3px;font-size:.6rem;padding:.1rem .3rem}.effect.bonus{background:#80b85840;color:#80b858;color:var(--success)}.effect.penalty{background:#c0606033;color:#c06060;color:var(--accent-red)}.modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1c19d1;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay>*{animation:modalPopIn .25s cubic-bezier(.34,1.25,.64,1)}.close-btn{align-items:center;background:#504a40;background:var(--bg-tertiary);border:2px solid #6a6458;border:2px solid var(--border-light);border-radius:50%;color:#c8bca8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#c06060;background:var(--accent-red);border-color:#c06060;border-color:var(--accent-red);color:#fff}.tooltip{animation:tooltipFadeIn .15s ease;background:#454038;background:var(--bg-secondary);border:2px solid #dab050;border:2px solid var(--accent-gold);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000073;box-shadow:var(--shadow-lg);font-size:.75rem;max-width:250px;padding:.5rem .75rem;z-index:10005}.notifications-br,.tooltip{pointer-events:none;position:fixed}.notifications-br{align-items:center;bottom:1.5rem;display:flex;flex-direction:column;gap:.4rem;left:50%;max-width:400px;transform:translateX(-50%);z-index:999}.notification{animation:slideInUp .3s ease;background:#454038;background:var(--bg-secondary);border:2px solid #5a5448;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000059;box-shadow:var(--shadow-md);color:#f0e6d8;color:var(--text-primary);font-size:.85rem;padding:.6rem 1.25rem;pointer-events:auto;text-align:center}.notification.success{background:#80b85826;border-color:#80b858;border-color:var(--success)}.notification.error{background:#c0606026;border-color:#c06060;border-color:var(--accent-red)}.notification.info{background:#dab05026;border-color:#dab050;border-color:var(--accent-gold)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resource-chip{align-items:center;background:#504a40;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm);color:#f0e6d8;color:var(--text-primary);cursor:default;display:inline-flex;font-size:.75rem;gap:.2rem;padding:.15rem .35rem;transition:transform .15s ease-out}.resource-chip:hover{transform:translateY(-2px)}.resource-chip.rc-small{font-size:.65rem;padding:.1rem .25rem}.resource-chip.rc-large{font-size:.9rem;padding:.2rem .5rem}.resource-chip.rc-cannot-afford{color:#c06060;color:var(--accent-red)}.resource-chip.rc-can-afford{color:#80b858;color:var(--success)}.rc-icon{font-size:1em}.rc-amount{display:inline-block;font-weight:500;transition:transform .15s ease}.rc-amount:hover{transform:scale(1.05)}.rc-name{color:#c8bca8;color:var(--text-secondary);font-size:.9em}.rc-unknown{color:#9a8e7a;color:var(--text-muted)}.resource-list{display:flex;flex-wrap:wrap;gap:.3rem}.resource-tooltip{animation:tooltipFadeIn .15s ease;background:#454038;background:var(--bg-secondary);border:2px solid #dab050;border:2px solid var(--accent-gold);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000073;box-shadow:var(--shadow-lg);max-width:280px;min-width:200px;padding:0;pointer-events:none;position:fixed;z-index:10000}.resource-tooltip .rt-header{align-items:center;background:#504a40;background:var(--bg-tertiary);border-bottom:1px solid #5a5448;border-bottom:1px solid var(--border);border-radius:6px 6px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;gap:.5rem;padding:.5rem .65rem}.resource-tooltip .rt-icon{font-size:1.3rem}.resource-tooltip .rt-info{display:flex;flex-direction:column}.resource-tooltip .rt-name{color:#dab050;color:var(--accent-gold);font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.resource-tooltip .rt-tier{color:#c8bca8;color:var(--text-secondary);font-size:.65rem}.resource-tooltip .rt-desc{border-bottom:1px solid #5a5448;border-bottom:1px solid var(--border);color:#c8bca8;color:var(--text-secondary);font-size:.75rem;line-height:1.4;padding:.5rem .65rem}.resource-tooltip .rt-sources{padding:.5rem .65rem}.resource-tooltip .rt-sources-title{color:#9a8e7a;color:var(--text-muted);font-size:.7rem;font-weight:600;margin-bottom:.3rem}.resource-tooltip .rt-sources-list{display:flex;flex-direction:column;gap:.2rem}.resource-tooltip .rt-source{align-items:center;color:#f0e6d8;color:var(--text-primary);display:flex;font-size:.7rem;gap:.3rem}.resource-tooltip .rt-source-icon{font-size:.9rem}.resource-tooltip .rt-source-text{flex:1 1}.resource-tooltip .rt-more{color:#9a8e7a;color:var(--text-muted);font-style:italic}.resource-tooltip .rt-unlock-hint{align-items:flex-start;background:#dab0501a;color:#dab050;color:var(--accent-gold);display:flex;font-size:.7rem;gap:.3rem;padding:.5rem .65rem}.resource-tooltip .rt-hint-icon{font-size:.9rem}.rt-wrapper{display:inline-flex;position:relative}.rt-tooltip{background:#454038;background:var(--bg-secondary);border:2px solid #dab050;border:2px solid var(--accent-gold);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000073;box-shadow:var(--shadow-lg);max-width:280px;min-width:160px;padding:.5rem .75rem;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10000}.rt-tooltip.rt-top{transform:translateX(-50%) translateY(-100%)}.rt-header{align-items:center;border-bottom:1px solid #5a5448;border-bottom:1px solid var(--border);display:flex;gap:.4rem;margin-bottom:.35rem;padding-bottom:.35rem}.rt-icon{font-size:1.1rem}.rt-title{color:#dab050;color:var(--accent-gold);font-size:.85rem;font-weight:600}.rt-body{display:flex;flex-direction:column;gap:.2rem}.rt-line{display:flex;font-size:.75rem;gap:.75rem;justify-content:space-between}.rt-label{color:#c8bca8;color:var(--text-secondary)}.rt-value{color:#f0e6d8;color:var(--text-primary);font-weight:500;text-align:right}@keyframes tabUnderlineSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes microBounce{0%{transform:scale(1)}40%{transform:scale(1.04)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.action-btn{transition:all .2s ease}.action-btn:hover{animation:microBounce .3s ease}.number-pop{animation:numberPop .25s ease}.stagger-fade-in>:first-child{animation:staggerFadeIn .25s ease 0s both}.stagger-fade-in>:nth-child(2){animation:staggerFadeIn .25s ease .03s both}.stagger-fade-in>:nth-child(3){animation:staggerFadeIn .25s ease .06s both}.stagger-fade-in>:nth-child(4){animation:staggerFadeIn .25s ease .09s both}.stagger-fade-in>:nth-child(5){animation:staggerFadeIn .25s ease .12s both}.stagger-fade-in>:nth-child(6){animation:staggerFadeIn .25s ease .15s both}.stagger-fade-in>:nth-child(7){animation:staggerFadeIn .25s ease .18s both}.stagger-fade-in>:nth-child(8){animation:staggerFadeIn .25s ease .21s both}.stagger-fade-in>:nth-child(9){animation:staggerFadeIn .25s ease .24s both}.stagger-fade-in>:nth-child(10){animation:staggerFadeIn .25s ease .27s both}.stagger-fade-in>:nth-child(n+11){animation:staggerFadeIn .25s ease .3s both}button{transition:transform .1s ease-out,background-color .15s ease,border-color .15s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.97)}@keyframes insufficientShake{0%,to{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.insufficient-shake{animation:insufficientShake .25s ease-out}.clickable,[role=button],button{cursor:pointer}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.disabled,button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid #dab050;outline:2px solid var(--accent-gold);outline-offset:2px}:focus:not(:focus-visible){outline:none}.disabled,button:disabled{opacity:.5}.main-view{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-nav{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:2px solid var(--border);flex-shrink:0;gap:1rem;justify-content:space-between;padding:.5rem 1rem}.nav-brand,.top-nav{align-items:center;display:flex}.nav-brand{gap:.5rem}.kingdom-icon{font-size:1.3rem}.brand-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0006}.brand-subtitle{font-size:1rem;opacity:.8}.brand-tier{background:var(--accent-gold);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.15rem .4rem}.era-timeline{flex:1 1;max-width:500px;min-width:300px;padding:0 1.5rem}.era-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.etl-label{color:var(--text-muted);font-size:.6rem;letter-spacing:.5px;text-transform:uppercase}.etl-pct{color:var(--accent-gold);font-family:monospace;font-size:.7rem;font-weight:600}.era-timeline-bar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;display:flex;height:20px;overflow:hidden;position:relative}.era-segment{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-width:24px;position:relative;transition:all .3s}.era-segment.complete{background:color-mix(in srgb,var(--era-color) 30%,var(--bg-secondary))}.era-segment.active{background:color-mix(in srgb,var(--era-color) 15%,var(--bg-secondary))}.era-segment.locked{opacity:.5}.era-segment-fill{background:var(--era-color);bottom:0;left:0;opacity:.6;position:absolute;top:0;transition:width .5s ease}.era-segment.complete .era-segment-fill{opacity:.8}.era-segment-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));font-size:.75rem;position:relative;transition:transform .2s;z-index:1}.era-segment:hover .era-segment-icon{transform:scale(1.2)}.era-segment.complete .era-segment-icon{filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.era-divider{background:var(--border-light);bottom:2px;position:absolute;right:0;top:2px;width:1px;z-index:2}.era-timeline-labels{display:flex;margin-top:.2rem}.era-label{color:var(--text-muted);font-size:.5rem;overflow:hidden;padding:0 1px;text-align:center;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.era-label.current{color:var(--accent-gold);font-weight:600}.nav-actions{display:flex;gap:.4rem}.nav-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.4rem .7rem;transition:all .2s}.nav-btn:hover{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.nav-btn.save{border-color:var(--success)}.nav-btn.reset{border-color:var(--accent-red)}.nav-btn.advisors{background:var(--royal-purple);border-color:var(--royal-purple-light);color:var(--royal-purple-text)}.nav-btn.advisors:hover{background:var(--royal-purple-light);color:var(--text-primary)}.nav-btn.stats{background:var(--stats-blue);border-color:var(--stats-blue-light);color:var(--stats-blue-text)}.nav-btn.stats:hover{background:var(--stats-blue-light);color:var(--text-primary)}.main-content{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:15fr 70fr 15fr;min-height:0;overflow:hidden;padding:.75rem}.center-panel,.center-panel-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.center-panel,.center-panel-wrapper,.left-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.left-panel{gap:.5rem}.left-panel,.right-panel{background:#0000;border:none}.right-panel{display:flex;flex-direction:column;overflow:hidden}.left-panel .kingdom-visual{flex:4 1;min-height:0;overflow:hidden}.left-panel .gathering-panel,.left-panel .kingdom-visual{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.left-panel .gathering-panel{flex-shrink:0}.left-panel .resources-panel{flex:6 1;min-height:0;overflow-x:hidden;overflow-y:auto}.center-panel{flex:1 1;min-height:0;min-width:0}.center-panel-wrapper .center-panel{background:#0000;border:none;border-radius:0}.right-panel{gap:.5rem}.right-panel .quest-panel{flex:3 1;min-height:0;overflow:hidden}.right-panel .tech-panel{flex:7 1;min-height:0;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:.6rem}.panel-header h3{color:var(--accent-gold);font-size:.9rem}.badge{background:var(--accent-gold);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:.7rem;font-weight:700;padding:.1rem .4rem}@media (max-width:1400px){.main-content{grid-template-columns:17fr 66fr 17fr}}@media (max-width:1100px){.main-content{grid-template-columns:260px 1fr 260px}}@media (max-width:900px){.main-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.nav-brand span:not(.kingdom-icon){display:none}}.main-menu{align-items:center;background:radial-gradient(ellipse at center,#2a2520 0,#1a1815 50%,#0d0b0a 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.menu-container{max-width:500px;padding:3rem;position:relative;text-align:center;z-index:10}.menu-header{margin-bottom:2rem}.menu-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:3rem;font-weight:700;letter-spacing:3px;margin-bottom:.5rem;text-shadow:0 0 30px #e8c09066,0 4px 8px #00000080}.menu-subtitle{color:var(--text-secondary);font-size:1rem;font-style:italic}.menu-tagline{background:#e8c0901a;border:1px solid var(--accent-gold);border-radius:var(--radius-md);margin-bottom:2rem;padding:1rem 1.5rem}.tagline-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.menu-tagline p{color:var(--text-primary);font-size:.95rem;line-height:1.5}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.menu-btn{align-items:center;border:2px solid;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.menu-btn.primary{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-copper) 100%);border-color:var(--accent-gold);color:var(--bg-primary)}.menu-btn.primary:hover{box-shadow:0 8px 25px #e8c09066;transform:translateY(-3px)}.menu-btn.secondary{background:#0000;border-color:var(--text-secondary);color:var(--text-primary)}.menu-btn.secondary:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px)}.btn-icon{font-size:1.3rem}.menu-footer{color:var(--text-secondary);font-size:.8rem;letter-spacing:2px}.menu-bg-effects{inset:0;overflow:hidden;pointer-events:none;position:absolute}.star{animation:twinkle 3s ease-in-out infinite;color:#e8c0904d;position:absolute}.star-1{animation-delay:0s;font-size:1.5rem;left:15%;top:10%}.star-2{animation-delay:.5s;font-size:1rem;right:20%;top:20%}.star-3{animation-delay:1s;bottom:30%;font-size:1.2rem;left:10%}.star-4{animation-delay:1.5s;bottom:15%;font-size:.8rem;right:15%}.star-5{animation-delay:2s;font-size:2rem;right:10%;top:40%}.story-container{max-width:600px;padding:3rem;position:relative;text-align:center;z-index:10}.story-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.story-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:2rem;margin-bottom:1.5rem;text-shadow:0 2px 10px #e8c0904d}.story-text{color:var(--text-primary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.story-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.story-dot{background:var(--bg-light);border-radius:50%;height:10px;transition:all .3s;width:10px}.story-dot.active{background:var(--accent-gold);transform:scale(1.3)}.story-dot.done{background:var(--success)}.story-buttons{display:flex;gap:1rem;justify-content:center}.story-skip{background:#0000;border:1px solid var(--text-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem}.story-skip:hover{border-color:var(--text-primary);color:var(--text-primary)}.story-next{background:var(--accent-gold);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;font-family:Cinzel,serif;font-size:1rem;font-weight:700;padding:.75rem 2rem}.story-next:hover{box-shadow:0 5px 15px #e8c09066;transform:translateY(-2px)}.victory-screen{align-items:center;background:radial-gradient(ellipse at center,#1a1040 0,#0a0820 50%,#050510 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.victory-container{max-width:700px;padding:2rem;position:relative;text-align:center;z-index:10}.victory-beacon{height:150px;margin:0 auto 2rem;position:relative;width:150px}.beacon-icon{animation:beacon-pulse 2s ease-in-out infinite;font-size:5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}@keyframes beacon-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.beacon-glow{animation:glow-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#8a64ff80 0,#0000 70%);border-radius:50%;inset:-30px;position:absolute}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.beacon-rays{inset:0;position:absolute}.ray{animation:ray-spin 10s linear infinite;background:linear-gradient(0deg,#8a64ffcc,#0000);height:120px;left:50%;position:absolute;top:50%;transform-origin:bottom center;width:2px}@keyframes ray-spin{0%{transform:rotate(0deg) translateY(-60px)}to{transform:rotate(1turn) translateY(-60px)}}.victory-title{animation:title-glow 2s ease-in-out infinite alternate;color:#c4a0ff;font-family:Cinzel,serif;font-size:4rem;font-weight:700;letter-spacing:8px;margin-bottom:.5rem;text-shadow:0 0 50px #8a64ffcc,0 0 100px #8a64ff66}@keyframes title-glow{0%{text-shadow:0 0 50px #8a64ffcc,0 0 100px #8a64ff66}to{text-shadow:0 0 80px #b48cff,0 0 150px #8a64ff99}}.victory-subtitle{color:#a080d0;font-size:1.2rem;font-style:italic;margin-bottom:2rem}.victory-story{background:#8a64ff1a;border:1px solid #8a64ff4d;border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem;text-align:left}.victory-story p{color:var(--text-primary);line-height:1.8;margin-bottom:1rem}.victory-story p:last-child{margin-bottom:0}.victory-final{color:#c4a0ff!important;font-size:1.1rem;font-weight:600;text-align:center}.victory-stats{margin-bottom:2rem}.victory-stats h3{color:var(--accent-gold);font-family:Cinzel,serif;margin-bottom:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.stat-icon{font-size:1.5rem}.stat-label{color:var(--text-secondary);font-size:.7rem}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.victory-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.victory-btn{border:2px solid;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.victory-btn.save{background:#0000;border-color:var(--accent-gold);color:var(--accent-gold)}.victory-btn.save:hover{background:var(--accent-gold);color:var(--bg-primary)}.victory-btn.continue{background:#8a64ff4d;border-color:#a080d0;color:#c4a0ff}.victory-btn.continue:hover{background:#8a64ff80}.victory-btn.restart{background:#0000;border-color:var(--text-secondary);color:var(--text-secondary)}.victory-btn.restart:hover{border-color:var(--text-primary);color:var(--text-primary)}.victory-footer{color:var(--text-secondary);font-size:.85rem}.footer-sub{font-size:.75rem;font-style:italic;margin-top:.25rem}.victory-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.victory-bg .star{animation:twinkle 3s ease-in-out infinite;color:#b48cff80;position:absolute}.vs-1{animation-delay:0s;font-size:1.5rem;left:10%;top:10%}.vs-2{animation-delay:.5s;font-size:1rem;right:15%;top:15%}.vs-3{animation-delay:1s;font-size:2rem;left:5%;top:30%}.vs-4{animation-delay:1.5s;bottom:25%;font-size:1.2rem;right:8%}.vs-5{animation-delay:2s;bottom:10%;font-size:.8rem;left:20%}.vs-6{animation-delay:2.5s;font-size:1.5rem;right:5%;top:50%}.portal-ring{animation:ring-expand 4s ease-out infinite;border:2px solid #8a64ff4d;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring-1{animation-delay:0s}.ring-1,.ring-2{height:200px;width:200px}.ring-2{animation-delay:1.3s}.ring-3{animation-delay:2.6s;height:200px;width:200px}@keyframes ring-expand{0%{border-width:2px;height:200px;opacity:.8;width:200px}to{border-width:1px;height:800px;opacity:0;width:800px}}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.victory-title{font-size:2.5rem;letter-spacing:4px}}.main-menu.book-mode{background:radial-gradient(ellipse at center,#2d2418 0,#1a150e 50%,#0d0a06 100%)}.book-container{display:flex;height:80vh;max-height:700px;max-width:1000px;position:relative;width:95%;z-index:10}.book-spine{background:linear-gradient(90deg,#2a1f14,#4a3828 20%,#3a2818 50%,#4a3828 80%,#2a1f14);bottom:0;box-shadow:0 0 20px #00000080;left:50%;position:absolute;top:0;transform:translateX(-50%);width:20px;z-index:5}.book-page{background:linear-gradient(135deg,#f4e4c8,#e8d4b0 50%,#dcc49c);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem;position:relative}.book-left{border-radius:5px 0 0 5px;box-shadow:inset -10px 0 20px #0000001a}.book-right{border-radius:0 5px 5px 0;box-shadow:inset 10px 0 20px #0000001a}.page-header{align-items:center;border-bottom:1px solid #c4a87c;color:#8a7355;display:flex;font-family:Cinzel,serif;font-size:.85rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding-bottom:.5rem}.page-ornament{color:#b89860}.page-number{bottom:1rem;color:#8a7355;font-family:Cinzel,serif;font-size:.8rem;left:50%;position:absolute;transform:translateX(-50%)}.chapter-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.chapter-item{align-items:center;border-radius:4px;color:#5a4a38;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.chapter-item:hover{background:#b4986033}.chapter-item.active{background:#b498604d;color:#3a2a18;font-weight:600}.chapter-item.read{color:#8a7a68}.chapter-item.read .ch-marker{color:#7a9a5a}.ch-marker{color:#8a7355;text-align:center;width:24px}.ch-title{flex:1 1}.chapter-title{color:#3a2818;font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.chapter-content{color:#4a3a28;flex:1 1;font-size:.95rem;line-height:1.7;overflow-y:auto}.chapter-content p{margin-bottom:1rem;text-indent:1.5rem}.chapter-content p:first-child{text-indent:0}.book-intro{font-size:1.05rem;font-style:italic;text-align:center;text-indent:0!important}.book-highlight{color:#8a4a20;font-weight:600}.book-seal{font-size:3rem;margin:1.5rem 0;opacity:.6;text-align:center}.book-seal.large{font-size:4rem}.book-goal{align-items:center;background:#b4986033;border:2px solid #b89860;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem}.goal-icon{font-size:2.5rem}.goal-text{flex:1 1;font-size:.9rem}.book-resources{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.res-category h4{color:#5a4020;font-family:Cinzel,serif;font-size:.9rem;margin-bottom:.5rem}.res-category ul{list-style:none;margin:0;padding:0}.res-category li{align-items:center;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem 0}.res-icon{text-align:center;width:20px}.book-tip{background:#648c6426;border-left:3px solid #6a8a5a;font-size:.85rem;margin-top:1rem;padding:.75rem;text-indent:0!important}.book-mechanic{background:#0000000d;border-radius:8px;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.mech-icon{font-size:2rem;text-align:center;width:50px}.mech-content{flex:1 1}.mech-content h4{color:#4a3020;font-family:Cinzel,serif;font-size:.95rem;margin-bottom:.5rem}.mech-content ul{font-size:.85rem;list-style:disc;margin:0;padding-left:1.25rem}.mech-content li{margin:.25rem 0}.book-tree-preview{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0}.tree-era{background:#b498604d;border:2px solid #b89860;border-radius:8px;color:#4a3020;font-size:.8rem;font-weight:600;padding:.75rem 1rem;text-align:center}.tree-arrow{color:#8a7355;font-size:1.2rem}.book-advisors-preview{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.adv-preview{background:#78507826;border:2px solid #a888a0;border-radius:8px;font-size:.8rem;min-width:70px;padding:.75rem;text-align:center}.adv-preview span{color:#6a5a6a;display:block;font-size:.7rem;margin-top:.25rem}.book-summary{background:#b4986026;border:1px solid #c4a87c;border-radius:8px;margin:1rem 0;padding:1rem}.book-summary h4{color:#5a4020;font-family:Cinzel,serif;font-size:.95rem;margin-bottom:.75rem}.book-summary ol{font-size:.9rem;margin:0;padding-left:1.5rem}.book-summary li{margin:.4rem 0}.book-final{font-size:1.05rem;font-style:italic;margin-top:1.5rem!important;text-align:center;text-indent:0!important}.book-nav{align-items:center;bottom:-60px;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.book-nav-btn{background:#ffffff1a;border:2px solid var(--accent-gold);border-radius:var(--radius-sm);color:var(--accent-gold);cursor:pointer;font-family:Cinzel,serif;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.book-nav-btn:hover:not(:disabled){background:var(--accent-gold);color:var(--bg-primary)}.book-nav-btn:disabled{cursor:not-allowed;opacity:.3}.book-nav-btn.primary{background:var(--accent-gold);color:var(--bg-primary)}.book-nav-btn.primary:hover{box-shadow:0 5px 15px #e8c09066;transform:translateY(-2px)}.book-skip-btn{background:#0000;border:1px solid var(--text-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.book-skip-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}@media (max-width:800px){.book-container{flex-direction:column;height:auto;max-height:none}.book-left,.book-spine{display:none}.book-right{border-radius:5px}.book-nav{bottom:0;flex-wrap:wrap;justify-content:center;margin-top:1rem;position:relative}}.book-roadmap{background:#b4986026;border:1px solid #c4a87c;border-radius:8px;margin:1rem 0;padding:1rem}.book-roadmap h4{color:#5a4020;font-family:Cinzel,serif;font-size:.9rem;margin-bottom:.75rem;text-align:center}.roadmap-items{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.roadmap-item{background:#ffffff80;border-radius:4px;color:#4a3a28;font-size:.75rem;padding:.3rem .5rem}.roadmap-item strong{color:#8a6a40}.roadmap-item.victory{background:#e8c09066;border:1px solid #b89860;font-weight:600}.resources-panel{flex:1 1;overflow-y:auto;padding:.6rem}.res-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.res-header h3{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.9rem}.click-power-display{align-items:center;background:var(--bg-tertiary);border:1px solid var(--success);border-radius:var(--radius-sm);display:flex;gap:.3rem;padding:.2rem .5rem}.cp-label{color:var(--text-secondary);font-size:.65rem}.cp-value{color:var(--success);font-size:.8rem;font-weight:700}.res-category{margin-bottom:.5rem}.res-cat-label{color:var(--text-secondary);font-size:.55rem;letter-spacing:.5px;margin-bottom:.2rem;text-transform:uppercase}.res-row{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr)}.res-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:help;display:grid;grid-template-rows:auto auto auto;min-width:0;padding:.25rem;transition:background .2s}.res-item:hover{background:#d4a5741a}.res-top{align-items:center;display:flex;gap:.15rem;min-width:0}.res-icon{flex-shrink:0;font-size:.85rem}.res-amt{font-size:.7rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-rate{color:var(--success);flex-shrink:0;font-size:.5rem;margin-left:auto;white-space:nowrap}.res-bar{background:var(--bg-primary);border-radius:1px;height:2px;margin:.12rem 0;overflow:hidden}.res-fill{background:var(--accent-gold);height:100%;transition:width .2s}.res-gather{background:var(--success);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.55rem;padding:.12rem}.res-gather:hover{filter:brightness(1.2)}.res-gather:active{transform:scale(.95)}.res-item.res-empty{visibility:hidden}.res-item.res-locked{align-items:center;background:var(--bg-primary);border:1px dashed var(--border);display:flex;flex-direction:column;justify-content:center;opacity:.6}.res-locked-icon{font-size:1.2rem;opacity:.5}.res-locked-text{color:var(--text-secondary);font-size:.5rem;letter-spacing:.5px;text-transform:uppercase}.upgrade-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem;transition:all .2s}.upgrade-card.available{background:#d4a5741a;border-color:var(--accent-gold)}.upgrade-card.locked{opacity:.6}.upgrade-card.click-upgrade.available{background:#6b8e231a;border-color:var(--success)}.upgrade-card.research-upgrade.available{background:#4a556026;border-color:var(--stats-blue-light)}.uc-icon{font-size:1.5rem}.uc-info{flex:1 1;min-width:0}.uc-name{color:var(--accent-gold);font-size:.75rem;font-weight:700}.uc-desc{color:var(--text-secondary);font-size:.65rem}.uc-cost{display:flex;flex-direction:column;gap:.15rem}.uc-cost span{border-radius:2px;font-size:.6rem;padding:.1rem .2rem}.uc-btn{background:var(--accent-gold);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;font-size:.7rem;font-weight:700;padding:.3rem .6rem}.uc-btn:disabled{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.click-upgrade .uc-btn{background:var(--success);color:#fff}.research-upgrade .uc-btn{background:var(--stats-blue-light);color:var(--text-primary)}.buildings-grid{grid-gap:.6rem;align-content:start;display:grid;flex:1 1;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:.5rem}.building-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;min-height:160px;padding:.5rem;transition:transform .15s ease-out,filter .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out}.building-card:hover{transform:translateY(-2px)}.building-card.specialized{border-color:var(--success)}.building-card.t1{border-left:3px solid #c4875c}.building-card.t2{border-left:3px solid #8090a0}.building-card.t3{border-left:3px solid #3ca03c}.building-card.t4{border-left:3px solid #5a9ad0}.building-card.t5{border-left:3px solid #a888d8}.building-card.t6{border-left:3px solid #ffa030}.building-card.t7{border-left:3px solid #ffe040}.building-card.t8{border-left:3px solid #e83050}.building-card.t9{border-left:3px solid #20e0e0}.building-card.t10{border-left:3px solid #a050f0}.building-card.t11{border-left:3px solid #ffe040;box-shadow:0 0 8px #ffe04066}.building-card.state-none{filter:brightness(.75) saturate(.8);opacity:.85}.building-card.state-can-afford{background:linear-gradient(135deg,#facc150a,#facc1505);box-shadow:0 2px 8px #facc151f}.building-card.state-can-afford,.building-card.state-owned{filter:brightness(1.15) saturate(1.1);opacity:1}.building-card.locked{filter:brightness(.7) saturate(.6)!important;opacity:.5}.building-card:not(.locked):hover{box-shadow:0 2px 8px #0003;filter:brightness(1.05)!important;transform:translateY(-1px)}.bc-header-grid{grid-gap:.4rem;align-items:center;display:grid;gap:.4rem;grid-template-columns:36px 1fr auto;margin-bottom:.3rem}.bc-icon-large{font-size:1.6rem;line-height:1;text-align:center;width:36px}.bc-title-area{display:flex;flex-direction:column;gap:.2rem;min-width:0}.bc-name{color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.bc-owned{font-size:.6rem}.bc-owned,.bc-tier{background:var(--bg-tertiary);border-radius:2px;color:var(--text-secondary);line-height:1.1;padding:.08rem .25rem}.bc-spec-badge,.bc-tier{font-size:.55rem}.bc-spec-badge{background:#7a9b5a33;border-radius:2px;color:var(--success);line-height:1.1;padding:.08rem .25rem}.bc-pin-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;cursor:pointer;display:flex;font-size:.6rem;height:18px;justify-content:center;opacity:.5;padding:0;transition:all .15s;width:18px}.bc-pin-btn:hover{background:var(--bg-secondary);border-color:var(--accent-gold);opacity:1;transform:scale(1.1)}.bc-pin-btn.pinned{background:var(--accent-gold);border-color:var(--accent-gold-dark);filter:brightness(1.1);opacity:1}.bc-production-grid{grid-gap:.4rem;align-items:center;display:grid;gap:.4rem;grid-template-columns:60px 1fr;margin-bottom:.25rem}.bc-section-label{color:var(--text-secondary);font-size:.6rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.bc-prod-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.bc-chip{border:1px solid;border-radius:2px;font-size:.6rem;font-weight:500;line-height:1.1;padding:.1rem .3rem;white-space:nowrap}.bc-chip.prod{background:#7a9b5a26;border-color:#7a9b5a66;color:var(--success)}.bc-chip.prod.bonus{background:#7aad4a26;border-color:#7aad4a66;color:#7aad4a}.bc-cost-grid{grid-gap:.4rem;align-items:center;display:grid;gap:.4rem;grid-template-columns:60px 1fr;margin-bottom:.25rem}.bc-cost-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.bc-status-grid{grid-gap:.3rem;background:#8b5a2b0d;border:1px solid #8b5a2b26;border-radius:3px;display:grid;gap:.3rem;grid-template-columns:1fr 1fr;margin-bottom:.25rem;padding:.3rem}.bc-status-item{align-items:center;display:flex;gap:.25rem}.bc-status-icon{font-size:.7rem;line-height:1}.bc-status-text{color:var(--text-secondary);font-size:.55rem;line-height:1.1}.bc-unlock-helper{align-items:center;background:#dab0501f;border:1px solid #dab05033;border-radius:3px;color:var(--text-secondary);display:flex;font-size:.62rem;font-style:normal;justify-content:center;line-height:1.3;margin-bottom:.25rem;min-height:2.4rem;padding:.35rem .5rem;text-align:center}.bc-buttons-grid{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:3fr 1fr;margin-top:auto}.bc-buttons-grid.single{grid-template-columns:1fr}.bc-buttons-grid.double{grid-template-columns:1fr 1fr}.bc-btn-primary{background:var(--accent-gold);border:none;border-radius:3px;color:var(--bg-primary);cursor:pointer;font-size:.7rem;font-weight:600;padding:.4rem;text-align:center;transition:all .15s;white-space:nowrap}.bc-btn-primary:hover:not(:disabled){box-shadow:0 2px 6px #0003;filter:brightness(1.1);transform:translateY(-1px)}.bc-btn-primary:active:not(:disabled){transform:translateY(0)}.bc-btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.bc-btn-secondary{background:var(--royal-purple);border:none;border-radius:3px;color:var(--royal-purple-text);cursor:pointer;font-size:.65rem;font-weight:600;padding:.4rem;text-align:center;transition:all .15s;white-space:nowrap}.bc-btn-secondary:hover:not(:disabled){box-shadow:0 2px 6px #a885f74d;filter:brightness(1.1);transform:translateY(-1px)}.bc-btn-secondary:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.bc-btn-secondary.upgrade{background:#a885f733;border:1px solid #a885f766;color:#a885f7}.bc-btn-secondary.upgrade:hover{background:#a885f74d;border-color:#a885f799}.building-sort-controls{align-items:center;display:flex;gap:.5rem}.building-search-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.7rem;padding:.25rem .5rem;width:120px}.building-search-input:focus,.building-search-input:hover{border-color:var(--accent-gold)}.building-search-input:focus{background:var(--bg-secondary);outline:none}.building-search-input::placeholder{color:var(--text-secondary);opacity:.7}.building-sort-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.building-sort-select:focus,.building-sort-select:hover{border-color:var(--accent-gold)}.building-sort-select:focus{outline:none}.sort-order-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;justify-content:center;line-height:1;padding:.25rem 0;transition:all .15s ease;width:28px}.sort-order-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-gold);transform:translateY(-1px)}.sort-order-toggle:active{transform:translateY(0)}.bc-spec-btn:hover{background:var(--royal-purple-light)}.panel-header-right{align-items:center;display:flex;gap:.4rem}.locked-toggle{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.65rem;padding:.2rem .4rem;transition:all .15s}.locked-toggle.active,.locked-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.locked-toggle.active{background:#dab05026}.locked-buildings-section{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.locked-header{color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-bottom:.5rem}.locked-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.locked-building-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:.5rem;opacity:.7;padding:.4rem .5rem}.locked-building-card:hover{border-color:var(--accent-gold);opacity:1}.building-unlock-tooltip{animation:tooltipFadeIn .15s ease-out;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:8px;box-shadow:0 4px 20px #0009;padding:.75rem;pointer-events:none;position:fixed;width:280px;z-index:10000}.but-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:.6rem;padding-bottom:.4rem}.but-icon{font-size:1.2rem}.but-title{color:var(--accent-gold);font-size:.85rem;font-weight:700}.but-message{color:var(--text-primary);font-size:.75rem;line-height:1.4;margin:0 0 .5rem}.but-hint{color:var(--text-secondary);font-size:.7rem;font-style:italic;line-height:1.3;margin:0}.but-steps{margin-top:.5rem;padding-left:.25rem}.but-step{border-left:2px solid var(--border);color:var(--text-secondary);font-size:.7rem;padding:.15rem 0 .15rem .5rem}.but-step strong{color:var(--accent-gold)}.but-divider{background:var(--border);height:1px;margin:.6rem 0}.but-section{margin-bottom:.6rem}.but-section:last-child{margin-bottom:0}.but-section-title{color:var(--accent-gold);font-size:.72rem;font-weight:600;margin-bottom:.2rem}.but-section .but-hint{margin-bottom:.3rem}.but-section .but-steps{margin-top:.3rem}.lb-icon{font-size:1.2rem;opacity:.6}.lb-info{flex:1 1;min-width:0}.lb-name{color:var(--text-primary);font-size:.7rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-unlock{color:var(--research-purple-light);font-size:.6rem}.quest-panel{padding:.6rem;position:relative}.quest-header{margin-bottom:.4rem}.quest-header h3{font-size:.85rem}.quest-log-btn{font-size:.65rem;padding:.2rem .4rem}.quest-log-modal{border:2px solid var(--accent-gold);height:70vh;max-height:500px;max-width:700px;width:90%}.ql-modal-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-primary));border-bottom:2px solid var(--border);display:flex;gap:1rem;padding:.75rem 1rem}.ql-modal-header h2{color:var(--accent-gold);flex:1 1;font-family:Cinzel,serif;font-size:1.1rem}.ql-progress{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.ql-modal-body{display:grid;flex:1 1;grid-template-columns:200px 1fr;overflow:hidden}.ql-sidebar{background:var(--bg-primary);border-right:1px solid var(--border);overflow-y:auto;padding:.5rem}.ql-sidebar-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.7rem;gap:.3rem;margin-bottom:.2rem;padding:.4rem .5rem;transition:background .15s}.ql-sidebar-item.selected,.ql-sidebar-item:hover{background:var(--bg-tertiary)}.ql-sidebar-item.selected{border:1px solid var(--accent-gold)}.ql-sidebar-item.done{color:var(--text-secondary)}.ql-sidebar-item.current{color:var(--accent-gold)}.ql-sidebar-item.locked{opacity:.5}.ql-sidebar-num{color:var(--text-secondary);min-width:20px}.ql-sidebar-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-sidebar-icon{font-size:.75rem}.ql-details{padding:1rem}.ql-details-status{margin-bottom:.75rem}.ql-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.ql-badge.done{background:#90b07033;border:1px solid var(--success);color:var(--success)}.ql-badge.current{background:#e8c09033;border:1px solid var(--accent-gold);color:var(--accent-gold)}.ql-badge.locked{background:#64646433;border:1px solid var(--border);color:var(--text-secondary)}.ql-details .quest-name{font-size:1rem;margin-bottom:.3rem}.ql-details .quest-desc{font-size:.8rem;margin-bottom:.75rem}.ql-details .quest-obj{padding:.4rem}.ql-details .quest-rewards{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.ql-details-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;height:100%;justify-content:center}.ql-details-empty span{font-size:2rem;margin-bottom:.5rem}.quest-name{font-size:.85rem;margin-bottom:.2rem}.quest-desc{font-size:.7rem;margin-bottom:.5rem}.quest-objs{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.quest-obj{font-size:.7rem;padding:.3rem}.quest-obj.done{color:var(--success)}.obj-prog{color:var(--text-secondary);font-size:.65rem}.quest-rewards{font-size:.7rem;gap:.3rem}.reward-chip{background:#d4a57433;border-radius:var(--radius-sm);padding:.15rem .3rem}.quest-complete-btn{margin-top:.5rem}.tech-panel{overflow:hidden;padding:.6rem}.tech-header{gap:.4rem;margin-bottom:.5rem}.tech-header h3{color:var(--accent-gold);flex:1 1;font-size:.9rem}.tech-header-btns{display:flex;gap:.3rem}.research-speed-display{background:#58687840;border:1px solid var(--royal-blue-light);border-radius:var(--radius-sm);min-width:52px;padding:.25rem .5rem;text-align:center}.rs-value{color:var(--royal-blue-text);font-size:.7rem;font-weight:700}.expand-btn{background:var(--bg-tertiary);border:1px solid var(--accent-gold);border-radius:var(--radius-sm);color:var(--accent-gold);cursor:pointer;font-size:.7rem;min-width:52px;padding:.25rem .5rem}.expand-btn:hover{background:var(--accent-gold);color:var(--bg-primary)}.research-bar-container{background:#d4a5741a;border:1px solid var(--accent-gold);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.5rem}.rb-info{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.rb-time{color:var(--accent-gold);font-weight:700}.rb-bar{background:var(--bg-primary);border-radius:3px;height:6px;overflow:hidden}.rb-fill{background:linear-gradient(90deg,var(--accent-gold),gold);height:100%;transition:width .3s}.rb-percent{color:var(--text-secondary);font-size:.65rem;margin-top:.2rem;text-align:right}.tech-list{display:flex;flex:1 1;flex-direction:column;gap:.3rem;overflow-y:auto}.tech-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:.4rem;padding:.4rem}.tech-item.done{background:#6b8e231a;border-color:var(--success)}.tech-item.active{animation:pulse 1.5s infinite;border-color:var(--accent-gold)}.ti-icon{font-size:1.2rem}.ti-info{flex:1 1;min-width:0}.ti-name{font-size:.75rem;font-weight:600}.ti-cost{display:flex;flex-wrap:wrap;gap:.2rem}.ti-cost span{border-radius:2px;font-size:.6rem;padding:.05rem .2rem}.ti-time{color:var(--royal-blue-light);font-size:.6rem;margin-top:.1rem}.ti-done{color:var(--success);font-weight:700}.ti-active{color:var(--accent-gold)}.ti-btn{background:var(--accent-gold);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;font-size:.65rem;padding:.3rem .5rem}.ti-btn:disabled{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.prod-tooltip{background:var(--bg-secondary);border:2px solid var(--success);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:220px;min-width:160px;padding:.5rem .75rem;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(-100%);z-index:10000}.prod-tooltip-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.4rem;margin-bottom:.35rem;padding-bottom:.35rem}.prod-tooltip-icon{font-size:1.1rem}.prod-tooltip-title{color:var(--success);font-size:.8rem;font-weight:600}.prod-tooltip-body{display:flex;flex-direction:column;gap:.15rem}.prod-tooltip-line{color:var(--text-secondary);display:flex;font-size:.72rem;justify-content:space-between}.prod-tooltip-val{color:var(--success);font-family:monospace;font-weight:600}.modal{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);max-width:400px;padding:1.5rem;text-align:center}.modal h3{color:var(--accent-gold);margin-bottom:.5rem}.modal p{color:var(--text-secondary);margin-bottom:1rem}.modal-buttons{display:flex;gap:.5rem;justify-content:center}.btn-cancel,.btn-danger{padding:.5rem 1rem}.btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.stats-modal{background:var(--bg-secondary);border:2px solid var(--stats-blue-light);border-radius:var(--radius-lg);max-height:80vh;max-width:500px;overflow:hidden;width:90%}.stats-header{align-items:center;background:linear-gradient(135deg,var(--stats-blue),var(--stats-blue-light));border-bottom:2px solid var(--stats-blue-light);display:flex;justify-content:space-between;padding:1rem}.stats-header h2{color:var(--stats-blue-text);font-family:Cinzel,serif}.stats-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:1rem}.stats-section{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.stats-section:last-child{border-bottom:none}.stats-section h3{color:var(--accent-gold);font-size:.85rem;margin-bottom:.5rem}.stat-row{display:flex;font-size:.8rem;justify-content:space-between;padding:.25rem 0}.stat-row span:first-child{color:var(--text-secondary)}.stat-row span:last-child{color:var(--text-primary);font-weight:600}.advisors-modal{background:var(--bg-secondary);border:2px solid var(--royal-purple-light);border-radius:var(--radius-lg);max-height:85vh;max-width:900px;overflow:hidden;width:95%}.advisors-header{align-items:center;background:linear-gradient(135deg,var(--royal-purple),var(--bg-tertiary));border-bottom:2px solid var(--royal-purple-light);display:flex;justify-content:space-between;padding:1rem}.advisors-header h2{color:var(--text-primary);font-family:Cinzel,serif}.advisor-slots{background:#0000004d;border-radius:var(--radius-sm);color:var(--royal-purple-text);font-size:.8rem;padding:.3rem .8rem}.active-advisors-section,.all-advisors-section{padding:1rem}.active-advisors-section{background:#6d587026;border-bottom:2px solid var(--border)}.active-advisors-section h3,.all-advisors-section h3{color:var(--accent-gold);font-size:.9rem;margin-bottom:.75rem}.no-advisors{color:var(--text-secondary);font-size:.85rem;font-style:italic}.active-advisors-grid{display:flex;flex-wrap:wrap;gap:1rem}.active-advisor-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--royal-purple-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:.75rem;min-width:280px;padding:.75rem}.aac-icon{font-size:2rem}.aac-info{flex:1 1}.aac-name{color:var(--text-primary);font-weight:700}.aac-title{color:var(--royal-purple-light);font-size:.7rem}.aac-effects{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.deactivate-btn{background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem}.slot-upgrade-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.slot-upgrade-card{align-items:center;background:var(--bg-primary);border:2px dashed var(--accent-gold);border-radius:var(--radius-md);display:flex;gap:1rem;padding:.75rem 1rem}.suc-info{flex:1 1}.suc-name{color:var(--accent-gold);font-size:.9rem;font-weight:700}.suc-desc{color:var(--text-secondary);font-size:.75rem}.suc-req{color:var(--accent-red);font-size:.7rem;margin-top:.25rem}.suc-cost{display:flex;gap:.3rem}.suc-btn{background:var(--accent-gold);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;font-size:.75rem;font-weight:700;padding:.5rem 1rem}.suc-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.advisors-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto}.advisor-card{animation:staggerFadeIn .3s ease both;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.advisor-card.unlocked{border-color:var(--royal-purple-light)}.advisor-card.active{background:#90b0701a;border-color:var(--success)}.advisor-card.hidden{opacity:.5}.ac-header{align-items:center;display:flex;gap:.6rem}.ac-icon{font-size:2rem}.ac-titles{flex:1 1}.ac-name{font-size:.9rem;font-weight:700}.ac-title{color:var(--royal-purple-light);font-size:.7rem}.ac-active-badge{background:var(--success);border-radius:var(--radius-sm);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem}.ac-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.ac-effects-section{background:var(--bg-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.3rem;padding:.5rem}.ac-effects-row{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.ac-effects-label{color:var(--text-secondary);font-size:.65rem;min-width:55px}.ac-requirement{align-items:center;background:#64646433;border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem}.ac-req-icon{font-size:1rem}.ac-req-text{color:var(--text-secondary);font-size:.75rem}.ac-unlock{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.5rem}.ac-cost{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.activate-btn,.unlock-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:700;padding:.5rem 1rem;width:100%}.unlock-btn{background:var(--royal-purple-light);color:var(--text-primary)}.activate-btn{background:var(--success);color:#fff}.activate-btn:disabled,.unlock-btn:disabled{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.active-badge{color:var(--success);font-size:.8rem;font-weight:700;margin-top:.5rem;text-align:center}.spec-modal-v2{background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:95%}.spec-header-v2{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-primary) 100%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.spec-header-left{align-items:center;display:flex;gap:.75rem}.spec-building-icon{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;font-size:2rem;padding:.5rem}.spec-header-titles h2{color:var(--text-primary);font-family:Cinzel,serif;font-size:1.1rem;margin:0}.spec-header-sub{color:var(--text-secondary);font-size:.75rem}.spec-close-btn{background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1rem;height:32px;transition:all .2s;width:32px}.spec-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.spec-chosen-v2{padding:2rem;text-align:center}.spec-chosen-badge{background:#6b8e2333;border:1px solid #6b8e234d;border-radius:20px;color:var(--success);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;padding:.4rem 1rem}.spec-chosen-card{background:var(--bg-tertiary);border:2px solid var(--success);border-radius:12px;margin:0 auto;max-width:350px;padding:1.5rem}.spec-chosen-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.spec-chosen-icon{font-size:2.5rem}.spec-chosen-info{text-align:left}.spec-chosen-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.spec-chosen-tier{color:var(--text-secondary);font-size:.75rem}.spec-chosen-effect{background:#6b8e2326;border-radius:6px;color:var(--success);font-size:.85rem;font-weight:600;margin-bottom:.75rem;padding:.5rem .75rem}.spec-chosen-desc{color:var(--text-secondary);font-size:.8rem}.spec-chosen-note{color:var(--text-secondary);font-size:.75rem;margin-top:1.5rem;opacity:.7}.spec-content-v2{flex:1 1;overflow-y:auto;padding:1rem}.spec-current-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:.75rem}.spec-current-label{color:var(--text-secondary);font-size:.65rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.spec-current-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;display:flex;gap:.75rem;padding:.6rem .75rem}.spec-current-icon{font-size:1.5rem}.spec-current-info{flex:1 1}.spec-current-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.spec-current-tier{font-size:.7rem}.spec-current-effect{background:#6b8e2326;border-radius:4px;color:var(--success);font-size:.7rem;font-weight:600;padding:.3rem .5rem;white-space:nowrap}.spec-max-tier{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.spec-max-icon{font-size:3rem;margin-bottom:1rem}.spec-max-text{color:var(--accent-gold);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.spec-max-sub{color:var(--text-secondary);font-size:.8rem}.spec-single-tier-header{align-items:center;background:var(--bg-primary);border-radius:6px;color:var(--text-primary);color:var(--tier-color,var(--text-primary));font-size:.85rem;font-weight:600;justify-content:center;padding:.5rem}.spec-single-tier-header,.spec-tier-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.spec-tier-tab{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;gap:.4rem;justify-content:center;padding:.6rem 1rem;transition:all .2s}.spec-tier-tab:hover:not(.locked){border-color:var(--tier-color,var(--text-secondary));color:var(--text-primary)}.spec-tier-tab.active{background:#ffffff0d;border-color:var(--tier-color,var(--accent-gold));color:var(--accent-gold);color:var(--tier-color,var(--accent-gold))}.spec-tier-tab.locked{cursor:not-allowed;opacity:.5}.tier-icon{font-size:1rem}.tier-name{font-weight:600}.tier-lock{font-size:.7rem;margin-left:.2rem}.spec-info-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:.75rem}.spec-info-title{color:var(--text-primary);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.6rem;text-transform:uppercase}.spec-info-row{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.7rem;gap:.5rem;line-height:1.4;margin-bottom:.4rem}.spec-info-row:last-child{margin-bottom:0}.spec-info-row strong{color:var(--text-primary)}.spec-info-row.warning{border-top:1px solid var(--border);color:#dcb464e6;margin-top:.5rem;padding-top:.5rem}.spec-info-row.warning strong{color:#dcb464}.spec-info-icon{flex-shrink:0;text-align:center;width:1.1rem}.spec-grid-v2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.spec-card-v2{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:.6rem;opacity:.6;padding:1rem;transition:all .2s}.spec-card-v2.available{border-color:var(--tier-color,var(--accent-gold));opacity:1}.spec-card-v2.available:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.spec-card-v2.tech-locked{opacity:.4}.spec-card-v2.unaffordable{opacity:.7}.spec-card-header{align-items:flex-start;display:flex;justify-content:space-between}.spec-card-icon{font-size:2rem}.spec-card-tier-badge{background:var(--bg-primary);border:1px solid var(--tier-color,var(--border));border-radius:4px;color:var(--text-secondary);color:var(--tier-color,var(--text-secondary));font-size:.65rem;font-weight:700;padding:.15rem .4rem}.spec-card-body{flex:1 1}.spec-card-name{color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:.25rem}.spec-card-desc{color:var(--text-secondary);font-size:.7rem;line-height:1.3;margin-bottom:.5rem}.spec-card-effect{background:#6b8e2326;color:var(--success);display:inline-block;font-size:.75rem;font-weight:600}.spec-card-effect,.spec-card-tech{border-radius:4px;padding:.35rem .5rem}.spec-card-tech{align-items:center;background:var(--bg-primary);display:flex;font-size:.7rem;gap:.3rem}.spec-card-tech.locked{color:#c87878e6}.spec-card-tech.unlocked{color:var(--success)}.tech-label{color:var(--text-secondary)}.tech-check{color:var(--success);font-weight:700}.tech-lock{font-size:.65rem}.spec-card-cost{display:flex;flex-wrap:wrap;gap:.25rem}.spec-card-btn{background:#6b8e2333;border:1px solid #6b8e2366;border-radius:6px;color:var(--success);cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .2s;width:100%}.spec-card-btn:hover:not(:disabled){background:#6b8e234d;border-color:var(--success)}.spec-card-btn:disabled{background:var(--bg-primary);border-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.tech-overlay{background:#000000e6}.tech-tree-modal{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:85vh;max-width:1400px;overflow:hidden;width:95%}.tech-tree-modal.large{display:flex;flex-direction:column;height:90vh;max-width:1600px}.tech-tree-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-primary));border-bottom:2px solid var(--accent-gold);display:flex;justify-content:space-between;padding:1rem 1.5rem}.tech-tree-title{align-items:center;display:flex;gap:.75rem}.tech-tree-icon{font-size:2rem}.tech-tree-title h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.5rem;margin:0}.tech-tree-count{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;padding:.25rem .6rem}.tech-tree-hint{color:var(--text-secondary);font-size:.75rem;margin-right:1rem}.tech-tree-actions{align-items:center;display:flex;gap:.75rem}.tt-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s}.tt-toggle-btn.active,.tt-toggle-btn:hover{border-color:var(--success);color:var(--success)}.tt-toggle-btn.active{background:#6b8e2333}.tech-tree-body{display:flex;flex:1 1;gap:1rem;max-height:calc(85vh - 140px);min-height:0;overflow:hidden;padding:1rem}.tt-completed-sidebar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;overflow-y:auto;padding:.75rem;width:220px}.tt-completed-sidebar h3{border-bottom:1px solid var(--border);color:var(--success);font-size:.85rem;margin:0 0 .75rem;padding-bottom:.5rem}.tt-no-completed{color:var(--text-secondary);font-size:.75rem;padding:1rem 0;text-align:center}.tt-completed-list{display:flex;flex-direction:column;gap:.4rem}.tt-completed-item{align-items:center;background:var(--bg-primary);border-radius:var(--radius-sm);display:flex;font-size:.7rem;gap:.4rem;padding:.4rem}.tt-completed-icon{font-size:1rem}.tt-completed-name{color:var(--text-primary);flex:1 1}.tt-completed-tier{background:var(--bg-tertiary);border-radius:2px;color:var(--text-secondary);font-size:.6rem;padding:.1rem .3rem}.tech-tree-scroll{cursor:grab;flex:1 1;height:100%;overflow:auto}.tech-tree-scroll:active{cursor:grabbing}.tech-eras{display:flex;gap:1.5rem;min-width:-webkit-max-content;min-width:max-content;padding-bottom:1rem}.era-column{min-width:140px}.era-header{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);margin-bottom:1rem;padding:.5rem;text-align:center}.era-number{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.5rem}.era-label{color:var(--text-secondary);font-size:.7rem}.era-techs{display:flex;flex-direction:column;gap:.75rem;padding-top:.25rem}.tech-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;padding:.75rem;position:relative;transition:all .2s}.tech-card:before{background:var(--border);content:"";height:3px;left:0;position:absolute;right:0;top:0}.tech-card.done{border-color:var(--success)}.tech-card.done:before{background:var(--success)}.tech-card.active{animation:activePulse 1.5s infinite;border-color:var(--accent-gold)}.tech-card.active:before{background:var(--accent-gold)}.tech-card.available{border-color:#d4a57480}.tech-card.available:hover{border-color:var(--accent-gold);box-shadow:0 4px 15px #0006;transform:scale(1.03)}.tech-card.locked{cursor:not-allowed;opacity:.35}.tech-card-check{color:var(--success);font-size:1rem}.tech-card-check,.tech-card-progress{font-weight:700;position:absolute;right:6px;top:6px}.tech-card-progress{color:var(--accent-gold);font-size:.7rem}.tech-card-icon{font-size:1.8rem;margin-bottom:.3rem;text-align:center}.tech-card-name{font-size:.75rem;font-weight:600;line-height:1.2;text-align:center}.tech-card-cost{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:.4rem}.tech-card-cost span{border-radius:2px;font-size:.6rem;padding:.1rem .25rem}.tech-card-time{background:#4a5a6a33;border-radius:2px;color:var(--royal-blue-light);font-size:.55rem;margin-top:.25rem;padding:.1rem .3rem;text-align:center}.tech-card-locked{font-size:1rem;margin-top:.3rem;opacity:.5;text-align:center}.tech-tree-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:.75rem}.tech-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.4rem}.legend-item.building-req{font-size:.7rem}.legend-dot{border:2px solid;border-radius:var(--radius-sm);height:12px;width:12px}.legend-dot.done{background:#6b8e234d;border-color:var(--success)}.legend-dot.active{background:#d4a5744d;border-color:var(--accent-gold)}.legend-dot.can-start{background:#4caf504d;border-color:#4caf50}.legend-dot.available{border-color:#d4a57480}.legend-dot.locked{border-color:var(--border);opacity:.4}.tech-card.can-start{border-color:#4caf50;box-shadow:0 0 8px #4caf504d}.tech-card.can-start:hover{box-shadow:0 0 15px #4caf5080;transform:scale(1.05)}.tech-card.can-start:before{background:#4caf50}.tech-card-building-req{bottom:4px;font-size:.7rem;left:4px;opacity:.7;position:absolute}.tt-tooltip{background:var(--bg-primary);border:2px solid var(--accent-gold);box-shadow:0 4px 25px #0009;max-width:320px;min-width:220px;padding:.75rem 1rem;transform:translate(-50%,-100%);z-index:1000}.tt-tooltip.large{max-width:340px;min-width:260px}.tt-tooltip:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--accent-gold);bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tt-tooltip-header{gap:.5rem;margin-bottom:.5rem}.tt-tooltip-icon{font-size:1.5rem}.tt-tooltip-title{display:flex;flex-direction:column}.tt-tooltip-name{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.95rem;font-weight:600}.tt-tooltip-tier{color:var(--text-secondary);font-size:.65rem}.tt-tooltip-desc{font-size:.75rem;line-height:1.4;margin-bottom:.5rem}.tt-tooltip-flavor{border-left:2px solid var(--border);font-size:.7rem;margin-bottom:.6rem;padding-left:.5rem}.tt-tooltip-section{padding:.5rem 0}.tt-tooltip-section.requirements{background:#ff64641a;margin:0 -1rem;padding:.5rem 1rem}.tt-tooltip-label{font-size:.65rem;margin-bottom:.35rem}.tt-req-item{align-items:center;color:#ff6b6b;display:flex;font-size:.75rem;gap:.35rem;padding:.2rem 0}.tt-req-item .req-icon{font-size:.85rem}.tt-req-item .req-name{flex:1 1}.tt-req-item .req-count{background:#ff646433;border-radius:2px;font-size:.7rem;padding:.1rem .3rem}.tt-tooltip-costs{gap:.3rem;margin-bottom:.35rem}.tt-cost-chip{font-size:.75rem;padding:.15rem .35rem}.tt-cost-chip.need{background:#ff646433;color:#ff6b6b}.tt-unlock-item{color:var(--success);font-size:.75rem;gap:.35rem;padding:.15rem 0}.tt-unlock-item.building{color:#64b5f6}.tt-tooltip-done{color:var(--success);font-size:.85rem;font-weight:600;padding:.5rem 0;text-align:center}.era-count{background:var(--bg-primary);border-radius:2px;color:var(--text-secondary);font-size:.6rem;margin-top:.2rem;padding:.1rem .3rem}.kingdom-visual{border:2px solid var(--border);border-radius:var(--radius-md);height:400px;overflow:hidden;position:relative}.kv-sky{height:65%;left:0;position:absolute;right:0;top:0;transition:background 1s ease}.kv-sky.morning{background:linear-gradient(180deg,#87ceeb,#e6b98a)}.kv-sky.day{background:linear-gradient(180deg,#5ba3d9,#87ceeb)}.kv-sky.afternoon{background:linear-gradient(180deg,#4a90c2,#87ceeb 50%,#f5d76e)}.kv-sky.sunset{background:linear-gradient(180deg,#ff6b35,#f7931e 30%,gold 60%,#87ceeb)}.kv-sky.dusk{background:linear-gradient(180deg,#2c3e50,#8e44ad 40%,#e74c3c 80%,#f39c12)}.kv-sky.night{background:linear-gradient(180deg,#0d1b2a,#1b2838 50%,#2c3e50)}.kv-sky.magical{background:linear-gradient(180deg,#1a0533,#4a1a6b 30%,#7b2d8e 60%,#c77dff)}.kv-sun{animation:sunFloat 8s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,200,0,.8));font-size:3.5rem;position:absolute}.kv-sun.rising{animation:sunRise 60s linear infinite;right:15%;top:40%}.kv-sun.setting{filter:drop-shadow(0 0 30px rgba(255,100,0,.9));font-size:4rem;right:20%;top:35%}.kv-moon{animation:moonFloat 10s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(200,200,255,.6));font-size:2.5rem;position:absolute;right:15%;top:15%}@keyframes sunFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sunRise{0%{opacity:.7;transform:translateY(50px)}50%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(-50px)}}@keyframes moonFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.kv-celestial-dual{display:flex;justify-content:space-around;left:0;position:absolute;right:0;top:10%}.kv-celestial-dual .kv-sun{animation:magicOrbit 20s linear infinite;position:relative}.kv-celestial-dual .kv-moon{animation:magicOrbit 20s linear infinite reverse;position:relative}@keyframes magicOrbit{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(20px) scale(.9)}to{transform:translateY(0) scale(1)}}.kv-weather{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.kv-star{animation:twinkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:3px;position:absolute;width:3px}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.kv-snowflake{animation:snowfall 8s linear infinite;color:#fff;font-size:1rem;opacity:.8;position:absolute}@keyframes snowfall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(400px) rotate(1turn)}}.kv-aurora{height:50%;left:0;overflow:hidden;position:absolute;right:0;top:0}.kv-aurora-wave{animation:auroraWave 10s ease-in-out infinite;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:200%}.kv-aurora-wave:first-child{animation-delay:0s;background:linear-gradient(90deg,#0000,#0f8,#0ff,#0000);top:10%}.kv-aurora-wave:nth-child(2){animation-delay:-3s;background:linear-gradient(90deg,#0000,#f0f,#0ff,#0000);top:20%}.kv-aurora-wave:nth-child(3){animation-delay:-6s;background:linear-gradient(90deg,#0000,#0ff,#0f8,#0000);top:30%}@keyframes auroraWave{0%,to{transform:translateX(-25%) scaleY(1)}50%{transform:translateX(0) scaleY(1.5)}}.kv-bird{animation:birdFly 20s linear infinite;font-size:1.2rem;position:absolute}@keyframes birdFly{0%{transform:translateX(-50px) translateY(0)}25%{transform:translateX(25vw) translateY(-20px)}50%{transform:translateX(50vw) translateY(10px)}75%{transform:translateX(75vw) translateY(-15px)}to{transform:translateX(calc(100vw + 50px)) translateY(0)}}.kv-magic-particle{animation:magicRise 5s ease-out infinite;border-radius:50%;bottom:30%;height:6px;position:absolute;width:6px}@keyframes magicRise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}80%{opacity:.5}to{opacity:0;transform:translateY(-300px) scale(0)}}.kv-landscape{bottom:25%;height:35%;left:0;position:absolute;right:0}.kv-trees-bg{align-items:flex-end;bottom:0;font-size:2rem;height:100%;opacity:.5}.kv-trees-bg,.kv-trees-fg{display:flex;justify-content:space-around;left:0;position:absolute;right:0}.kv-trees-fg{bottom:-10%;font-size:1.5rem;opacity:.7}.kv-hills{height:100%;left:0;right:0}.kv-hill,.kv-hills{bottom:0;position:absolute}.kv-hill{background:linear-gradient(180deg,#7cb342,#558b2f);border-radius:50% 50% 0 0}.kv-hill:first-child{background:linear-gradient(180deg,#8bc34a,#689f38);height:80%;left:-5%;width:40%}.kv-hill:nth-child(2){height:100%;left:25%;width:50%}.kv-hill:nth-child(3){background:linear-gradient(180deg,#9ccc65,#7cb342);height:70%;right:-5%;width:45%}.kv-grass{display:flex;font-size:1rem;justify-content:space-around;left:0;right:0}.kv-grass,.kv-river{bottom:0;position:absolute}.kv-river{animation:riverFlow 3s ease-in-out infinite;background:linear-gradient(180deg,#29b6f6,#0288d1 50%,#01579b);border-radius:50% 50% 0 0;height:30%;left:10%;right:10%}@keyframes riverFlow{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.02)}}.kv-river-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:.8rem;position:absolute}.kv-ocean{background:linear-gradient(180deg,#4fc3f7,#0288d1 40%,#01579b);bottom:0;height:40%}.kv-ocean,.kv-wave{left:0;position:absolute;right:0}.kv-wave{animation:wave 3s ease-in-out infinite;background:#ffffff4d;border-radius:50%;bottom:60%;height:20px}.kv-wave:nth-child(2){animation-delay:-1s;bottom:50%;opacity:.5}.kv-wave:nth-child(3){animation-delay:-2s;bottom:40%;opacity:.3}@keyframes wave{0%,to{transform:translateX(-5%) scaleY(1)}50%{transform:translateX(5%) scaleY(1.5)}}.kv-ship{animation:shipBob 4s ease-in-out infinite,shipSail 30s linear infinite;bottom:35%;font-size:2rem;position:absolute}@keyframes shipBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes shipSail{0%{left:-10%}to{left:110%}}.kv-mountains{align-items:flex-end;bottom:0;display:flex;gap:0;justify-content:center;left:0;position:absolute;right:0}.kv-mountain{filter:drop-shadow(0 5px 10px rgba(0,0,0,.5));font-size:4rem}.kv-mountain:nth-child(2){font-size:5rem;margin:0 -1rem}.kv-floating-islands{align-items:center;display:flex;height:60%;justify-content:space-around;left:0;position:absolute;right:0;top:20%}.kv-island{align-items:center;animation:islandFloat 6s ease-in-out infinite;display:flex;flex-direction:column}.kv-island:first-child{animation-delay:0s}.kv-island:nth-child(2){animation-delay:-2s}.kv-island:nth-child(3){animation-delay:-4s}@keyframes islandFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.kv-island-top{font-size:1.5rem}.kv-island-base{font-size:2rem}.kv-cloud-floor{background:linear-gradient(180deg,#0000,#ffffff4d 50%,#ffffff80);bottom:20%;height:30%}.kv-cloud-floor,.kv-crystals{left:0;position:absolute;right:0}.kv-crystals{align-items:flex-end;bottom:0;display:flex;justify-content:space-around;padding:0 10%}.kv-crystal{animation:crystalFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 15px currentColor);font-size:2.5rem}.kv-crystal:first-child{animation-delay:0s;color:#e040fb}.kv-crystal:nth-child(2){animation-delay:-1.3s;color:#00e5ff;font-size:3rem}.kv-crystal:nth-child(3){animation-delay:-2.6s;color:#76ff03}@keyframes crystalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.kv-magic-glow{background:radial-gradient(ellipse at bottom,#9c27b04d 0,#0000 70%);height:50%}.kv-ground,.kv-magic-glow{bottom:0;left:0;position:absolute;right:0}.kv-ground{height:25%}.kv-ground.forest{background:linear-gradient(180deg,#4a7c23,#2d5016)}.kv-ground.plains{background:linear-gradient(180deg,#7cb342,#558b2f)}.kv-ground.riverside{background:linear-gradient(180deg,#6d4c41,#4e342e)}.kv-ground.coastal{background:linear-gradient(180deg,#ffcc80,#ffab40)}.kv-ground.mountain{background:linear-gradient(180deg,#78909c,#546e7a)}.kv-ground.magical{background:linear-gradient(180deg,#4a148c,#311b92)}.kv-ground.floating{background:linear-gradient(180deg,#ffffff1a,#0000)}.kv-buildings{align-items:flex-end;bottom:22%;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0}.kv-building{animation:buildingPop .5s ease-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5));font-size:2.5rem;transition:transform .2s}.kv-building:hover{transform:scale(1.15)}@keyframes buildingPop{0%{opacity:0;transform:scale(0) translateY(20px)}60%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.kv-buildings.tier-high .kv-building{font-size:3rem}.kv-buildings.tier-max .kv-building{animation:legendaryGlow 2s ease-in-out infinite;font-size:3.5rem}@keyframes legendaryGlow{0%,to{filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5)) drop-shadow(0 0 5px rgba(255,215,0,.3))}50%{filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(255,215,0,.6))}}.kv-flag{animation:flagWave 2s ease-in-out infinite;display:inline-block}@keyframes flagWave{0%,to{transform:skewX(-5deg)}50%{transform:skewX(5deg)}}.kv-info{background:#1a1410f2;border-top:1px solid var(--border);bottom:0;gap:.8rem;height:44px;left:0;padding:0 .75rem;position:absolute;right:0;z-index:10}.kv-info,.kv-tier-badge{align-items:center;display:flex}.kv-tier-badge{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:.3rem;padding:.25rem .5rem}.kv-tier-icon{font-size:1rem}.kv-tier-text{color:var(--accent-gold);font-size:.7rem;font-weight:600}.kv-title-banner{align-items:center;background:linear-gradient(180deg,#2f2a24f2,#2f2a24cc);border-bottom:2px solid var(--accent-gold);display:flex;height:32px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.kv-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.95rem;letter-spacing:.5px;text-shadow:0 1px 2px #00000080}.kv-stats{display:flex;gap:.8rem;margin-left:auto}.kv-stat{align-items:center;display:flex;font-size:.75rem;gap:.2rem}.kv-stat-icon{font-size:.85rem}.kv-stat-value{font-weight:600}.rt-rate-badge{background:var(--success-bg);color:var(--success);font-weight:600;margin-left:auto;padding:.2rem .4rem}.rt-cost-comparison,.rt-rate-badge{border-radius:var(--radius-sm);font-size:.7rem}.rt-cost-comparison{align-items:center;background:var(--bg-tertiary);border-left:3px solid var(--border);display:flex;gap:.5rem;margin:0 .65rem .5rem;padding:.35rem .5rem}.rt-cost-comparison.can-afford{background:var(--success-bg);border-left-color:var(--success)}.rt-cost-comparison.cannot-afford{background:#c0606026;border-left-color:var(--accent-red)}.rt-cost-row{align-items:center;display:flex;gap:.25rem}.rt-cost-label{color:var(--text-muted);font-size:.65rem}.rt-cost-value{color:var(--text-primary);font-weight:600}.rt-cost-sep{color:var(--text-muted)}.rt-cost-comparison.cannot-afford .rt-cost-row:first-child .rt-cost-value{color:var(--accent-red)}.rt-cost-status{font-size:.7rem;font-weight:600;margin-left:auto}.rt-cost-comparison.can-afford .rt-cost-status{color:var(--success)}.rt-cost-comparison.cannot-afford .rt-cost-status{color:var(--accent-red)}.rt-breakdown{border-top:1px solid var(--border);padding:.5rem .65rem}.rt-breakdown-title{color:var(--text-muted);font-size:.7rem;font-weight:600;margin-bottom:.4rem}.rt-bd-row{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;padding:.2rem 0}.rt-bd-label{color:var(--text-secondary)}.rt-bd-value{color:var(--text-primary);font-weight:600}.rt-bd-row.base .rt-bd-value{color:var(--text-secondary)}.rt-bd-row.bonus .rt-bd-value{color:var(--success)}.rt-bd-row.penalty .rt-bd-value{color:var(--accent-red)}.rt-bd-row.event-bonus .rt-bd-value{color:var(--accent-gold)}.rt-bd-row.event-penalty .rt-bd-value{color:var(--accent-copper)}.rt-bd-row.final{padding-top:.35rem}.rt-bd-row.final .rt-bd-label{color:var(--text-primary);font-weight:600}.rt-bd-row.final .rt-bd-value{color:var(--success);font-size:.8rem}.rt-bd-divider{background:var(--border);height:1px;margin:.3rem 0}.rt-bd-buildings{margin-bottom:.25rem;padding-left:1rem}.rt-bd-building{color:var(--text-muted);display:flex;font-size:.6rem;justify-content:space-between;padding:.1rem 0}.rt-bd-building.more{font-style:italic}.rt-simple-rate{border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;padding:.4rem .65rem}.rt-sr-value{color:var(--success);font-weight:600}.rp-res-item{position:relative}.rp-res-item.has-modifiers .rp-res-rate{color:var(--success)}.rp-res-rate.modified{position:relative}.rp-res-mod-indicator{font-size:.5rem;opacity:.7;position:absolute;right:-4px;top:-2px}.rp-breakdown-tooltip{animation:tooltipFadeIn .15s ease-out;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;position:fixed;width:260px;z-index:10000}.rp-bt-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;gap:.5rem;padding:.5rem .6rem}.rp-bt-icon{font-size:1.3rem}.rp-bt-name{color:var(--accent-gold);flex:1 1;font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.rp-bt-total{background:var(--success-bg);border-radius:var(--radius-sm);color:var(--success);font-size:.7rem;font-weight:600;padding:.15rem .35rem}.rp-bt-desc{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.7rem;line-height:1.3;margin:0}.rp-bt-breakdown,.rp-bt-desc{padding:.4rem .6rem}.rp-bt-row{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;padding:.2rem 0}.rp-bt-label{color:var(--text-secondary)}.rp-bt-value{color:var(--text-primary);font-weight:600}.rp-bt-row.base .rp-bt-value{color:var(--text-secondary)}.rp-bt-row.bonus .rp-bt-value{color:var(--success)}.rp-bt-row.penalty .rp-bt-value{color:var(--accent-red)}.rp-bt-row.event-bonus .rp-bt-value{color:var(--accent-gold)}.rp-bt-row.event-penalty .rp-bt-value{color:var(--accent-copper)}.rp-bt-row.total{padding-top:.3rem}.rp-bt-row.total .rp-bt-label{color:var(--text-primary);font-weight:600}.rp-bt-row.total .rp-bt-value{color:var(--success);font-size:.8rem}.rp-bt-divider{background:var(--border);height:1px;margin:.25rem 0}.rp-bt-buildings{margin-bottom:.2rem;padding-left:.8rem}.rp-bt-building{color:var(--text-muted);display:flex;font-size:.6rem;justify-content:space-between;padding:.05rem 0}.rp-bt-building.more{font-style:italic}.resources-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);height:100%;overflow:hidden;padding:.5rem}.resources-panel,.rp-header{display:flex;flex-direction:column}.rp-header{border-bottom:2px solid #8b5a2b4d;flex-shrink:0;gap:.4rem;margin-bottom:.4rem;padding-bottom:.4rem}.rp-header-top{align-items:center;display:flex;justify-content:space-between}.rp-header h3{color:#d4a574;font-family:Cinzel,serif;font-size:.9rem;margin:0}.rp-header-actions{align-items:center;display:flex;gap:.3rem}.rp-action-btn{background:#3c322880;border:1px solid #64554666;border-radius:4px;color:#a09080;cursor:pointer;font-size:.65rem;padding:.2rem .4rem;transition:all .15s ease}.rp-action-btn:hover{background:#50413299;border-color:#78645080;color:#c4a882}.rp-action-btn.active{background:#4ade8026;border-color:#4ade8066;color:#4ade80}.rp-type-toggle{display:flex;gap:.3rem;width:100%}.rp-type-btn{background:#3c322880;border:1px solid #64554666;border-radius:4px;color:#a09080;cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.7rem;font-weight:500;padding:.35rem .5rem;transition:all .15s ease}.rp-type-btn:hover{background:#50413299;border-color:#78645080;color:#c4a882;transform:translateY(-1px)}.rp-type-btn.active{background:linear-gradient(135deg,#d4a57433,#8b5a2b33);border-color:#d4a57499;box-shadow:0 0 8px #d4a5744d;color:#d4a574}.rp-search-container{position:relative}.rp-search-icon{color:#666;font-size:.7rem;left:.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rp-search-input{background:#1e1c1999;border:1px solid #50463c66;border-radius:4px;color:#c4a882;font-size:.75rem;outline:none;padding:.35rem .5rem .35rem 1.6rem;transition:all .15s ease;width:100%}.rp-search-input::placeholder{color:#666}.rp-search-input:focus{background:#23201cb3;border-color:#d4a57480}.rp-search-clear{background:none;border:none;color:#666;cursor:pointer;font-size:.8rem;line-height:1;padding:0;position:absolute;right:.4rem;top:50%;transform:translateY(-50%)}.rp-search-clear:hover{color:#a09080}.rp-resources-list{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.rp-tier-group{display:flex;flex-direction:column;margin-bottom:.4rem}.rp-tier-header{align-items:center;background:linear-gradient(180deg,#463e37d9,#37302ae6);border:1px solid #6e5f5080;border-radius:5px;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff14;display:flex;gap:.4rem;padding:.4rem .6rem;-webkit-user-select:none;user-select:none}.rp-tier-icon{font-size:.9rem}.rp-tier-name{color:#d4a574;font-family:Cinzel,serif;font-size:.8rem;font-weight:600}.rp-tier-count{background:#0000004d;border-radius:10px;color:#888;font-size:.65rem;margin-left:auto;padding:.1rem .35rem}.rp-tier-content{animation:slideDown .2s ease;gap:2px;padding:.3rem 0 0}.rp-resource-row,.rp-tier-content{display:flex;flex-direction:column}.rp-resource-row{background:#2d282366;border:1px solid #78645040;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.rp-resource-row:hover{background:#37322d80;border-color:#8c786459}.rp-resource-row.expanded{background:#3c37328c;border-color:#d4a57466;box-shadow:0 2px 8px #00000026}.rp-resource-row.zero-production{opacity:.6}.rp-resource-row.zero-production:hover{opacity:1}.rp-row-icon.pulse{animation:iconPulse .3s ease}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.rp-row-amount{position:relative}.rp-row-amount.flash{animation:amountFlash .3s ease}@keyframes amountFlash{0%{color:#e8d5b7}40%{color:#86efac}to{color:#e8d5b7}}.rp-floating-gains-container{height:40px;overflow:visible;pointer-events:none;position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:60px}.rp-floating-gain{animation:floatUpFade .9s ease-out forwards;bottom:0;color:#4ade80;font-family:Fira Code,Consolas,monospace;font-weight:700;pointer-events:none;position:absolute;text-shadow:0 0 3px #000c,0 0 6px #4ade8080;white-space:nowrap}.rp-floating-gain.size-sm{font-size:.65rem}.rp-floating-gain.size-md{font-size:.75rem}.rp-floating-gain.size-lg{color:#86efac;font-size:.85rem}.rp-floating-gain.size-xl{color:#fef08a;font-size:.95rem;text-shadow:0 0 3px #000c,0 0 8px #fef08a99}@keyframes floatUpFade{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-28px)}}.rp-row-progress-fill.glow{box-shadow:0 0 4px #4ade8066}.rp-row-main{align-items:center;display:flex;gap:.4rem;min-height:30px;padding:.35rem .5rem;position:relative}.rp-row-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.rp-row-name{color:#c4a882;flex:1 1;font-size:.8rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-row-amount{color:#e8d5b7;font-size:.8rem;font-weight:700;min-width:55px}.rp-row-amount,.rp-row-rate{font-family:Fira Code,Consolas,monospace;text-align:right}.rp-row-rate{border-radius:3px;font-size:.7rem;min-width:50px;padding:.1rem .3rem}.rp-row-rate.positive{background:#4ade801a;color:#4ade80}.rp-row-rate.negative{background:#f871711a;color:#f87171}.rp-row-rate.zero{color:#888}.rp-row-modifier-badge{animation:sparkle 2s infinite;font-size:.75rem;margin-left:.2rem}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.rp-row-progress{background:#0000004d;border-radius:1px;height:2px;margin:0 .6rem;overflow:hidden}.rp-row-progress-fill{background:linear-gradient(90deg,#d4a57466,#d4a57499);border-radius:1px;height:100%;transition:width .5s ease}.rp-resource-row.expanded .rp-row-progress-fill{background:linear-gradient(90deg,#d4a574,#e8d5b7)}.rp-row-details{animation:expandDetails .2s ease;background:#23201c66;border-top:1px solid #78645040;padding:.4rem .6rem .6rem}@keyframes expandDetails{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.rp-row-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.rp-detail-exact{color:#e8d5b7;font-family:Fira Code,Consolas,monospace;font-size:.85rem}.rp-detail-milestone{color:#888;font-size:.75rem}.rp-row-desc{color:#a0a0a0;font-size:.75rem;font-style:italic;line-height:1.4;margin:0 0 .5rem}.rp-row-breakdown{background:#1e1c1980;border:1px solid #64554633;border-radius:4px;display:flex;flex-direction:column;gap:.25rem;padding:.4rem}.rp-bd-row{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:.15rem 0}.rp-bd-row.base .rp-bd-label{color:#c4a882}.rp-bd-row.base .rp-bd-value{color:#e8d5b7}.rp-bd-row.bonus .rp-bd-value{color:#4ade80}.rp-bd-row.penalty .rp-bd-value{color:#f87171}.rp-bd-row.event-bonus .rp-bd-value{color:#fbbf24}.rp-bd-row.event-penalty .rp-bd-value{color:#fb923c}.rp-bd-row.total{font-weight:700}.rp-bd-row.total .rp-bd-label{color:#d4a574}.rp-bd-row.total .rp-bd-value{color:#4ade80;font-size:.85rem}.rp-bd-label{color:#888}.rp-bd-value{color:#c4a882;font-family:Fira Code,Consolas,monospace}.rp-bd-buildings{display:flex;flex-direction:column;gap:.1rem;margin:.15rem 0;padding-left:1rem}.rp-bd-building{color:#888;display:flex;font-size:.7rem;justify-content:space-between}.rp-bd-building span:last-child{color:#a0a0a0;font-family:Fira Code,Consolas,monospace}.rp-bd-building.more{color:#666;font-style:italic}.rp-bd-divider{background:#8b5a2b4d;height:1px;margin:.3rem 0}.rp-resources-list::-webkit-scrollbar{width:6px}.rp-resources-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.rp-resources-list::-webkit-scrollbar-thumb{background:#8b5a2b66;border-radius:3px}.rp-resources-list::-webkit-scrollbar-thumb:hover{background:#8b5a2b99}.rp-resources-list{scrollbar-color:#8b5a2b66 #0003;scrollbar-width:thin}.rp-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1rem}.rp-empty-icon{font-size:1.5rem;opacity:.5}.rp-empty-text{font-size:.8rem;text-align:center}.rp-resource-row.dungeon-resource{border-left:3px solid #0000;transition:all .2s ease}.rp-resource-row.dungeon-resource:hover{border-left-color:initial}.rp-row-stack-size{font-family:Fira Code,Consolas,monospace;font-size:.7rem;margin-left:.2rem;opacity:.7}.rp-detail-rarity{background:#0003;border:1px solid;border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.15rem .4rem}@media (max-width:400px){.rp-row-name{font-size:.8rem}.rp-row-amount{font-size:.85rem;min-width:50px}.rp-row-rate{font-size:.7rem;min-width:45px;padding:.1rem .3rem}}.quest-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.quest-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:.6rem;min-height:1.4rem;padding-bottom:.5rem}.quest-header h3{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.95rem;line-height:1.4rem;margin:0}.quest-log-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.quest-log-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.quest-content{animation:staggerFadeIn .3s ease both}.quest-name{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.3rem}.quest-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin-bottom:.6rem}.quest-objectives{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.6rem}.quest-obj{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;font-size:.75rem;gap:.4rem;padding:.35rem .5rem}.quest-obj.done{background:#90b07026}.obj-icon{font-size:.8rem}.obj-text{color:var(--text-primary);flex:1 1}.obj-progress{background:var(--bg-primary);border-radius:3px;color:var(--text-secondary);font-family:monospace;font-size:.7rem;padding:.1rem .3rem}.quest-obj.done .obj-progress{background:#90b07040;color:var(--success)}.quest-rewards{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.5rem}.rewards-label{color:var(--text-secondary);font-size:.7rem}.reward-chip{align-items:center;background:#e8c09026;border-radius:3px;color:var(--accent-gold);display:inline-flex;font-size:.7rem;gap:.15rem;padding:.15rem .35rem}.quest-complete-btn{background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.6rem;padding:.5rem;transition:all .2s ease;width:100%}.quest-complete-btn:hover{animation:microBounce .3s ease;background:#7a9960}.quest-complete-msg{color:var(--accent-gold);font-size:.85rem;padding:1rem;text-align:center}.quest-log-modal{background:var(--bg-secondary);border:3px solid var(--accent-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:85vh;max-height:750px;max-width:1000px;overflow:hidden;width:95%}.ql-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-primary));border-bottom:2px solid var(--accent-gold);display:flex;gap:.75rem;padding:.5rem .75rem}.ql-header .close-btn{margin-right:.5rem;order:-1}.ql-header-title{align-items:center;display:flex;gap:.5rem}.ql-header-icon{font-size:1.3rem}.ql-header h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1rem;margin:0}.ql-header-progress{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:flex-end}.ql-progress-bar{background:var(--bg-primary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ql-progress-fill{background:linear-gradient(90deg,var(--success),var(--success-light));border-radius:3px;height:100%;transition:width .3s ease}.ql-progress-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}.ql-chapter-nav{background:var(--bg-tertiary);border-bottom:1px solid var(--border);gap:.2rem;padding:.35rem .4rem}.ql-chapter-btn,.ql-chapter-nav{display:flex;justify-content:center}.ql-chapter-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;height:38px;position:relative;transition:all .15s ease;width:38px}.ql-chapter-btn:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ql-chapter-btn.active{background:#c49a4b26;border-color:var(--accent-gold);box-shadow:0 0 8px #c49a4b4d}.ql-chapter-btn.complete{background:var(--success-bg);border-color:var(--success)}.ql-chapter-btn.complete.active{box-shadow:0 0 8px #5a9a4a4d}.ql-chapter-btn.in-progress{border-color:var(--royal-blue)}.ql-chapter-icon{font-size:1rem;line-height:1}.ql-chapter-num{color:var(--text-secondary);font-size:.5rem;font-weight:600;margin-top:1px}.ql-chapter-btn.active .ql-chapter-num{color:var(--accent-gold)}.ql-chapter-btn.complete .ql-chapter-num{color:var(--success)}.ql-chapter-check{align-items:center;background:var(--success);border-radius:50%;color:#fff;display:flex;font-size:.5rem;font-weight:700;height:12px;justify-content:center;position:absolute;right:-3px;top:-3px;width:12px}.ql-chapter-title-bar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;gap:.4rem;padding:.3rem .5rem}.ql-chapter-title-icon{font-size:1rem}.ql-chapter-title-text{align-items:center;display:flex;flex:1 1;gap:.4rem}.ql-chapter-title-name{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.75rem;font-weight:600}.ql-chapter-title-desc{color:var(--text-secondary);font-size:.65rem}.ql-chapter-title-progress{align-items:center;display:flex;gap:.3rem}.ql-chapter-title-count{color:var(--text-primary);font-size:.6rem;font-weight:600}.ql-mini-progress{background:var(--bg-tertiary);border-radius:2px;height:3px;overflow:hidden;width:40px}.ql-mini-progress-fill{background:var(--success);border-radius:2px;height:100%;transition:width .3s ease}.ql-body{display:flex;flex:1 1;overflow:hidden}.ql-list{background:var(--bg-tertiary);border-right:1px solid var(--border);overflow-y:auto;width:300px}.ql-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.4rem;padding:.4rem .5rem;transition:all .15s ease}.ql-item:hover:not(.locked){background:#c49a4b1a}.ql-item.selected{background:#c49a4b2e;border-left-color:var(--accent-gold)}.ql-item.done{background:var(--success-bg);border-left-color:var(--success)}.ql-item.done:hover{background:#5a9a4a38}.ql-item.done.selected{background:#5a9a4a40;border-left-color:var(--success)}.ql-item.locked{cursor:default;opacity:.4}.ql-item.current{background:var(--royal-blue-bg);border-left-color:var(--royal-blue)}.ql-item.current .ql-item-name{color:var(--text-primary);font-weight:600}.ql-item-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.55rem;height:18px;justify-content:center;width:18px}.ql-done-icon{color:var(--success);font-weight:700}.ql-current-icon{color:var(--royal-blue);font-size:.5rem}.ql-locked-icon{font-size:.65rem;opacity:.5}.ql-item-content{display:flex;flex:1 1;flex-direction:column;gap:.05rem;min-width:0}.ql-item-num{color:var(--text-secondary);font-size:.55rem;font-weight:500}.ql-item-name{color:var(--text-primary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-item.done .ql-item-name{color:var(--success)}.ql-details{background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:.75rem}.ql-detail-header{align-items:center;display:flex;gap:.4rem;margin-bottom:.5rem}.ql-detail-status{border-radius:var(--radius-sm);display:inline-block;font-size:.65rem;font-weight:600;padding:.2rem .4rem}.ql-detail-status.done{background:#90b07033;color:var(--success)}.ql-detail-status.current{background:var(--royal-blue-bg);color:var(--royal-blue)}.ql-detail-status.locked{background:#80808026;color:var(--text-secondary)}.ql-details .quest-name{font-size:.95rem;font-weight:700;margin-bottom:.25rem}.ql-details .quest-desc{font-size:.75rem;line-height:1.45;margin-bottom:.6rem}.ql-details .quest-obj{font-size:.75rem;padding:.35rem .5rem}.ql-details .obj-progress{font-size:.65rem;padding:.1rem .3rem}.ql-details .quest-rewards{margin-top:.6rem;padding-top:.6rem}.ql-details .reward-chip{font-size:.7rem;padding:.12rem .35rem}.ql-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.ql-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.ql-empty p{font-size:.85rem;margin:0}.ql-details::-webkit-scrollbar,.ql-list::-webkit-scrollbar{width:6px}.ql-details::-webkit-scrollbar-track,.ql-list::-webkit-scrollbar-track{background:var(--bg-primary)}.ql-details::-webkit-scrollbar-thumb,.ql-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ql-details::-webkit-scrollbar-thumb:hover,.ql-list::-webkit-scrollbar-thumb:hover{background:#555}.ql-category-tabs{background:var(--bg-tertiary);border-bottom:2px solid var(--border);display:flex;gap:0}.ql-category-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;cursor:pointer;display:flex;flex:1 1;gap:.3rem;justify-content:center;margin-bottom:-2px;padding:.45rem .6rem;transition:all .2s ease}.ql-category-tab:hover{background:#e8c0901a}.ql-category-tab.active{background:var(--bg-secondary);border-bottom-color:var(--accent-gold)}.ql-tab-icon{font-size:.9rem}.ql-tab-label{color:var(--text-secondary);font-family:Cinzel,serif;font-size:.75rem}.ql-category-tab.active .ql-tab-label{color:var(--accent-gold)}.ql-tab-count{background:var(--bg-primary);border-radius:3px;color:var(--text-secondary);font-family:monospace;font-size:.6rem;padding:.1rem .3rem}.ql-category-tab.active .ql-tab-count{background:#e8c09033;color:var(--accent-gold)}.ql-chain-nav{grid-gap:.3rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:grid;gap:.3rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:.4rem .5rem}.ql-chain-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.3rem;justify-content:center;padding:.35rem .5rem;transition:all .15s ease}.ql-chain-btn.active,.ql-chain-btn:hover{background:var(--bg-secondary);border-color:var(--accent-gold)}.ql-chain-btn.active{box-shadow:0 0 6px #e8c09040}.ql-chain-btn.complete{border-color:var(--success)}.ql-chain-btn.complete .ql-chain-icon{filter:drop-shadow(0 0 2px var(--success))}.ql-chain-btn.in-progress{border-color:var(--royal-blue)}.ql-chain-icon{font-size:.9rem}.ql-chain-name{color:var(--text-primary);font-size:.65rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-chain-btn.active .ql-chain-name{color:var(--accent-gold)}.ql-chain-count{background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary);flex-shrink:0;font-family:monospace;font-size:.55rem;padding:.1rem .25rem}.ql-chain-btn.complete .ql-chain-count{background:#90b07033;color:var(--success)}.quest-chain-badge{align-items:center;border:1px solid;border-radius:var(--radius-sm);display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;margin-bottom:.5rem;padding:.25rem .5rem}.ql-complete-btn{background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.75rem;padding:.5rem;transition:all .2s ease;width:100%}.ql-complete-btn:hover{background:#7a9960;box-shadow:0 4px 10px #80b8584d;transform:translateY(-1px)}.ql-item-ready{animation:pulse 1.5s ease-in-out infinite;font-size:.7rem;margin-left:.3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ql-detail-status.available{background:#8b5cf633;color:var(--research-purple)}.ql-item.available{background:#8b5cf61a;border-left-color:var(--research-purple)}.ql-item.available:hover{background:#8b5cf633}.ql-track-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.6rem;font-weight:500;padding:.15rem .4rem;transition:all .15s ease;white-space:nowrap}.ql-track-btn:hover{background:var(--bg-secondary);border-color:var(--accent-gold);color:var(--text-primary)}.ql-track-btn.tracked{background:#e8c09026;border-color:var(--accent-gold);color:var(--accent-gold)}.ql-track-btn.tracked:hover{background:#e8c09040}.quest-header-actions{align-items:center;display:flex;gap:.3rem}.quest-unpin-btn{background:#e8c09026;border:1px solid var(--accent-gold);border-radius:var(--radius-sm);cursor:pointer;font-size:.7rem;padding:.2rem .35rem;transition:all .15s ease}.quest-unpin-btn:hover{background:#e8c0904d}.quest-type-badge{color:var(--accent-gold);font-size:.95rem;font-weight:600;line-height:1.4rem}.tech-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:.75rem}.tech-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:.6rem;padding-bottom:.5rem}.tech-header h3{color:var(--research-purple);font-family:Cinzel,serif;font-size:.95rem;margin:0}.tech-tree-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.tech-tree-btn:hover{border-color:var(--research-purple);color:var(--research-purple)}.tech-current{background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:.6rem;padding:.5rem}.tech-current-info{gap:.4rem;margin-bottom:.4rem}.tech-icon{font-size:1.1rem}.tech-name{color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:600}.tech-time{color:var(--research-purple);font-family:monospace;font-size:.7rem}.tech-progress-bar{background:var(--bg-primary);border-radius:3px;height:6px;overflow:hidden}.tech-progress-fill{background:linear-gradient(90deg,var(--research-purple),var(--research-purple-light));height:100%;transition:width .3s linear}.tech-idle{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;margin-bottom:.6rem;padding:.6rem;text-align:center}.tech-queue{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.75rem}.tech-queue-title{color:var(--text-secondary);font-size:.7rem;font-weight:600}.tech-queue-clear{background:none;border:none;color:var(--text-secondary);opacity:.7}.tech-queue-clear:hover{color:var(--danger);opacity:1}.tech-queue-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;padding:.3rem .5rem}.tech-queue-num{color:var(--text-secondary);font-size:.65rem;min-width:1rem}.tech-queue-name{color:var(--text-primary)}.tech-queue-more{color:var(--text-secondary);font-size:.7rem;padding:.2rem}.tech-queue-hint{color:var(--text-secondary);font-size:.6rem;font-style:italic;margin-top:.3rem;text-align:center}.tech-available{display:flex;flex-direction:column;gap:.35rem}.tech-option{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.4rem;padding:.3rem .45rem;transition:all .15s}.tech-option:hover:not(.disabled){background:var(--research-purple-bg);border-color:var(--research-purple)}.tech-option.can-afford{background:linear-gradient(135deg,#8878b014,#0000);border-color:var(--research-purple-light)}.tech-option.disabled{cursor:not-allowed;opacity:.5}.tech-opt-icon{flex-shrink:0;font-size:1.8rem;line-height:1;text-align:center;width:2.2rem}.tech-opt-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.tech-opt-header{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between}.tech-opt-name{color:var(--text-primary);font-family:Cinzel,serif;font-size:.8rem;font-weight:600}.tech-opt-time{color:var(--research-purple-light);flex-shrink:0;font-family:monospace;font-size:.7rem;white-space:nowrap}.tech-opt-cost{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.tech-opt-cost .resource-chip{flex-shrink:0}.tech-opt-req-buildings{border-top:1px solid var(--border);margin-top:.05rem;padding-top:.15rem}.tech-opt-req-label{color:var(--accent-gold);font-size:.65rem;margin-right:.2rem}.tech-opt-unlocks{border-top:1px solid var(--border);margin-top:.05rem;padding-top:.15rem}.tech-opt-unlocks-label{color:var(--text-secondary);font-size:.65rem;margin-right:.2rem}.tech-none{color:var(--text-secondary);font-size:.75rem;padding:1rem;text-align:center}.tech-recent{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.6rem}.tech-recent-label{color:var(--text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.tech-recent-list{display:flex;flex-direction:column;gap:.25rem}.tech-recent-item{align-items:center;background:#90b0701f;border-left:3px solid var(--success);border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:flex;gap:.4rem;padding:.3rem .5rem}.tech-recent-check{color:var(--success);font-size:.7rem;font-weight:700}.tech-recent-icon{font-size:.9rem}.tech-recent-name{color:var(--success);font-size:.75rem;font-weight:500}.tt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.tt-modal{background:linear-gradient(145deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:2px solid var(--research-purple);border-radius:var(--radius-lg);box-shadow:0 0 60px #7060a04d,0 25px 50px #00000080,inset 0 1px 0 #ffffff0d;height:90vh;max-height:900px;width:100%}.tt-modal-header{background:linear-gradient(180deg,#7060a026,#0000);border-bottom:1px solid var(--border);gap:1rem}.tt-close-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s}.tt-close-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.tt-title h2{color:var(--research-purple-light);font-weight:600;letter-spacing:.5px}.tt-header-center{flex:1 1;justify-content:center}.tt-search-bar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 .5rem;position:relative;transition:all .2s;width:220px}.tt-search-bar:focus-within{border-color:var(--research-purple);box-shadow:0 0 0 2px #7060a033}.tt-search-icon{font-size:.85rem;opacity:.5}.tt-search-input{background:none;color:var(--text-primary);flex:1 1;font-size:.8rem;padding:.5rem .4rem}.tt-search-clear,.tt-search-input::placeholder{color:var(--text-secondary);opacity:.6}.tt-search-clear{font-size:.7rem;padding:.25rem;transition:opacity .15s}.tt-search-clear:hover{color:var(--danger);opacity:1}.tt-filter-group{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:.2rem}.tt-filter-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem;transition:all .15s;white-space:nowrap}.tt-filter-btn:hover{background:#ffffff0d;color:var(--text-primary)}.tt-filter-btn.active{background:var(--research-purple);color:#fff}.tt-progress-bar{background:var(--bg-tertiary);width:120px}.tt-progress-fill{background:linear-gradient(90deg,var(--research-purple),var(--research-purple-light));border-radius:4px}.tt-progress-label{color:var(--research-purple-light);min-width:50px}.tt-research-banner{background:linear-gradient(90deg,#7060a033,#7060a01a);border-bottom:1px solid #7060a04d;gap:1rem;padding:.5rem 1rem}.tt-research-info{gap:.5rem}.tt-research-icon{font-size:1.25rem}.tt-research-name{color:var(--research-purple-light);font-size:.85rem}.tt-research-progress{gap:.75rem}.tt-research-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;max-width:400px}.tt-research-fill{animation:researchPulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--research-purple),var(--accent-gold));border-radius:3px;transition:width .3s linear}@keyframes researchPulse{0%,to{opacity:1}50%{opacity:.7}}.tt-research-time{color:var(--accent-gold);font-family:monospace;font-size:.75rem;min-width:50px}.tt-body{background:radial-gradient(circle at 20% 30%,#7060a00d 0,#0000 50%),radial-gradient(circle at 80% 70%,#7060a008 0,#0000 50%),var(--bg-primary);cursor:grab;flex:1 1;overflow:auto}.tt-body:active{cursor:grabbing}.tt-container{min-height:100%}.tt-connections{z-index:1}.tt-connection{stroke-linecap:round;opacity:.3;transition:opacity .2s,stroke-width .2s}.tt-connection.completed{opacity:.6}.tt-connection.available{stroke-dasharray:8 4;animation:flowDash 1s linear infinite}.tt-connection.active{animation:activePulse 1.5s ease-in-out infinite}@keyframes flowDash{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}@keyframes activePulse{0%,to{opacity:1}50%{opacity:.6}}.tt-eras{gap:.75rem;z-index:2}.tt-era{display:flex;flex-direction:column;flex-shrink:0;width:180px}.tt-era-header{background:linear-gradient(135deg,var(--research-purple),#5a4a80);background:linear-gradient(135deg,var(--research-purple),var(--research-purple-dark,#5a4a80));border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;margin-bottom:.5rem;padding:.5rem .75rem}.tt-era-badge{background:#fff3;border-radius:50%}.tt-era-info{flex:1 1;min-width:0}.tt-era-name{color:#fff;display:block;font-family:Cinzel,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-era-count{color:#ffffffb3}.tt-era-content{gap:.5rem}.tt-card{animation:staggerFadeIn .3s ease both;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);min-height:90px;padding:.75rem .5rem}.tt-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.tt-card.clickable:hover{background:var(--research-purple-bg);border-color:var(--research-purple)}.tt-card.clickable:active{transform:translateY(0)}.tt-card-done{background:linear-gradient(135deg,#4ade8026,#4ade800d);border-color:var(--success)}.tt-card-done .tt-card-name{color:var(--success)}.tt-card-active{animation:cardPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#7060a040,#7060a01a);border-color:var(--research-purple)}@keyframes cardPulse{0%,to{box-shadow:0 0 0 0 #7060a066}50%{box-shadow:0 0 15px 3px #7060a033}}.tt-card-available{background:linear-gradient(135deg,#7060a01a,#0000);border-color:var(--research-purple-light)}.tt-card-unaffordable{border-color:#7060a066;opacity:.8}.tt-card-needs-buildings{border-color:#e8a040;opacity:.7}.tt-card-locked{cursor:default;opacity:.35}.tt-card-locked:hover{box-shadow:none;transform:none}.tt-card.victory{background:linear-gradient(135deg,#fbbf2433,#fbbf240d);border-color:var(--accent-gold)}.tt-card-victory-glow{animation:victoryGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-gold),#0000);border-radius:calc(var(--radius-md) + 4px);opacity:.3;z-index:-1}@keyframes victoryGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}.tt-card-badge{border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;height:22px;right:-8px;top:-8px;width:22px}.tt-card-badge.done{background:var(--success)}.tt-card-badge.active{animation:badgePulse 1s ease-in-out infinite;background:var(--research-purple)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tt-card-icon{line-height:1;margin-bottom:.35rem}.tt-card-name{color:var(--text-primary);margin-bottom:.25rem}.tt-cost-chip{background:var(--bg-tertiary);font-size:.6rem;padding:.15rem .3rem}.tt-cost-chip.ok{color:var(--success)}.tt-cost-chip.need{color:var(--danger)}.tt-card-lock{bottom:6px;font-size:.8rem;position:absolute;right:6px}.tt-tooltip{background:var(--bg-secondary);border:2px solid var(--research-purple);border-radius:var(--radius-md);box-shadow:0 0 40px #7060a04d,0 20px 40px #0006;padding:0;pointer-events:none;position:fixed;width:340px;z-index:1100}.tt-tooltip-header{align-items:flex-start;background:linear-gradient(135deg,#7060a033,#0000);border-bottom:1px solid var(--border);display:flex;gap:.75rem;padding:.9rem}.tt-tooltip-icon{font-size:2.25rem;line-height:1}.tt-tooltip-titles{flex:1 1;min-width:0}.tt-tooltip-name{color:var(--research-purple-light);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.tt-tooltip-era{color:var(--text-secondary);font-size:.75rem}.tt-tooltip-status{border-radius:3px;font-size:.7rem;padding:.25rem .5rem;white-space:nowrap}.tt-tooltip-status-done{background:#4ade8033;color:var(--success)}.tt-tooltip-status-active{background:#7060a033;color:var(--research-purple-light)}.tt-tooltip-status-available{background:#7060a026;color:var(--research-purple-light)}.tt-tooltip-status-unaffordable{background:#fc818126;color:var(--danger)}.tt-tooltip-status-needs-buildings{background:#e8a04026;color:#e8a040}.tt-tooltip-status-locked{background:#80808026;color:var(--text-secondary)}.tt-tooltip-desc{color:var(--text-primary);font-size:.85rem;line-height:1.45;margin:0;padding:.75rem .9rem}.tt-tooltip-flavor{background:var(--bg-tertiary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-style:italic;padding:.6rem .9rem}.tt-tooltip-section{border-top:1px solid var(--border);padding:.7rem .9rem}.tt-tooltip-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.tt-tooltip-req{align-items:center;display:flex;font-size:.75rem;gap:.4rem;padding:.2rem 0}.tt-tooltip-req.met{color:var(--success)}.tt-tooltip-req.unmet{color:var(--danger)}.tt-tooltip-req-count{font-family:monospace;font-size:.7rem;margin-left:auto}.tt-tooltip-costs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}.tt-tooltip-cost{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.tt-tooltip-cost.ok{color:var(--success)}.tt-tooltip-cost.need{color:var(--danger)}.tt-tooltip-cost-have{color:var(--text-secondary);font-size:.65rem;margin-left:.2rem}.tt-tooltip-time{color:var(--text-secondary);font-size:.7rem}.tt-tooltip-unlock{align-items:center;color:var(--text-primary);display:flex;font-size:.75rem;gap:.4rem;padding:.2rem 0}.tt-tooltip-unlock.building{color:var(--accent-gold)}.tt-tooltip-unlock.tech{color:var(--research-purple-light)}.tt-tooltip-unlock-type{color:var(--text-secondary);font-size:.6rem;margin-left:auto;text-transform:uppercase}.tt-tooltip-more{color:var(--text-secondary);font-size:.65rem;font-style:italic;padding-top:.25rem}.tt-tooltip-victory{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-top:1px solid var(--accent-gold);color:var(--accent-gold);font-size:.8rem;font-weight:600;padding:.6rem .75rem;text-align:center}.tt-modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border)}.tt-legend{gap:.75rem}.tt-legend-item{color:var(--text-secondary);font-size:.65rem}.tt-legend-dot{border:2px solid var(--border);border-radius:50%}.tt-legend-dot.done{background:#4ade804d;border-color:var(--success)}.tt-legend-dot.active{background:#7060a04d;border-color:var(--research-purple)}.tt-legend-dot.available{background:#7060a026;border-color:var(--research-purple-light)}.tt-legend-dot.unaffordable{background:#0000;border-color:#7060a066}.tt-legend-dot.needs-buildings{background:#e8a04026;border-color:#e8a040}.tt-legend-dot.locked{background:#0000;border-color:var(--border);opacity:.5}.tt-hint{color:var(--text-secondary);font-size:.65rem}.tt-hint kbd{background:var(--bg-primary);border:1px solid var(--border);display:inline-block;font-family:monospace;font-size:.6rem;margin:0 .15rem;padding:.1rem .35rem}.tt-body::-webkit-scrollbar{height:10px;width:10px}.tt-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:5px}.tt-body::-webkit-scrollbar-thumb{background:var(--border-light);border:2px solid var(--bg-tertiary);border-radius:5px}.tt-body::-webkit-scrollbar-thumb:hover{background:var(--research-purple)}.tt-body::-webkit-scrollbar-corner{background:var(--bg-tertiary)}.tt-tooltip::-webkit-scrollbar{width:6px}.tt-tooltip::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}@media (max-width:900px){.tt-modal-header{flex-wrap:wrap;gap:.5rem}.tt-header-center{justify-content:flex-start;order:3;width:100%}.tt-search-bar{flex:1 1}.tt-filter-group{flex-shrink:0}.tt-era{width:160px}}@media (max-width:600px){.tt-modal{border:none;border-radius:0;height:100vh;max-height:none}.tt-filter-group{display:none}.tt-era{width:140px}.tt-legend{display:none}}.tt-tree-panel{min-width:0}.tt-detail-panel{background:var(--bg-tertiary);border-left:1px solid var(--border);flex-shrink:0;transition:width .6s cubic-bezier(.4,0,.2,1);width:24px}.tt-detail-panel.expanded{transition:width .2s ease-out}.tt-detail-empty{flex:1 1}.tt-detail-header{align-items:flex-start;background:linear-gradient(135deg,#7060a026,#0000);border-bottom:1px solid var(--border);padding:1rem}.tt-detail-titles{min-width:0}.tt-detail-name{color:var(--research-purple-light);display:block;font-size:1.1rem;margin-bottom:.25rem}.tt-detail-era{color:var(--text-secondary);font-size:.75rem}.tt-detail-status{font-size:.7rem;padding:.25rem .5rem}.tt-detail-status-done{background:#4ade8033;color:var(--success)}.tt-detail-status-active{background:#7060a033;color:var(--research-purple-light)}.tt-detail-status-available{background:#7060a026;color:var(--research-purple-light)}.tt-detail-status-unaffordable{background:#fc818126;color:var(--danger)}.tt-detail-status-needs-buildings{background:#e8a04026;color:#e8a040}.tt-detail-status-locked{background:#80808026;color:var(--text-secondary)}.tt-detail-desc{color:var(--text-primary);font-size:.9rem;margin:0;padding:1rem}.tt-detail-flavor{background:var(--bg-secondary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;padding:.75rem 1rem}.tt-detail-section{border-top:1px solid var(--border);padding:1rem}.tt-detail-label{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem}.tt-detail-req{font-size:.85rem;gap:.5rem;padding:.4rem 0}.tt-detail-req.met{color:var(--success)}.tt-detail-req.unmet{color:var(--danger)}.tt-detail-req-count{font-size:.75rem;opacity:.7}.tt-detail-costs{gap:.5rem}.tt-detail-cost{background:var(--bg-secondary);display:flex;font-size:.85rem;gap:.3rem;padding:.4rem .6rem}.tt-detail-cost.ok{color:var(--success)}.tt-detail-cost.need{color:var(--danger)}.tt-detail-cost-have{font-size:.7rem;margin-left:.2rem;opacity:.6}.tt-detail-time{color:var(--text-secondary);font-size:.85rem;margin-top:.75rem}.tt-detail-unlock{align-items:center;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem 0}.tt-detail-unlock.building{color:var(--accent-gold)}.tt-detail-unlock.tech{color:var(--research-purple-light)}.tt-detail-unlock-type{font-size:.65rem;margin-left:auto;opacity:.5;text-transform:uppercase}.tt-detail-victory{background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:1px solid #ffd7004d;color:var(--accent-gold);font-size:.85rem;margin:1rem}.tt-detail-research-btn{background:linear-gradient(135deg,var(--research-purple) 0,var(--research-purple-light) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:1rem;padding:.75rem 1rem;transition:all .2s ease}.tt-detail-research-btn:hover{animation:microBounce .3s ease;box-shadow:0 4px 12px #7060a066;transform:translateY(-2px)}.tt-card.selected{box-shadow:0 0 0 2px var(--research-purple-light),0 4px 12px #7060a066}@media (max-width:900px){.tt-detail-panel{display:none}}.center-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.25rem;padding:.4rem .5rem}.center-tab{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s;white-space:nowrap}.center-tab:after{background:var(--accent-gold);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .25s ease}.center-tab:hover{background:#fbbf241a;border-color:#fbbf2466;color:var(--text-primary)}.center-tab:hover:after{transform:scaleX(.6)}.center-tab.active{background:#fbbf2426;border-color:var(--accent-gold);color:var(--accent-gold)}.center-tab.active:after{transform:scaleX(1)}.center-tab .tab-icon{font-size:1rem}.center-tab .tab-badge{background:var(--accent-gold);border-radius:8px;color:var(--bg-primary);font-size:.65rem;font-weight:700;min-width:1.1rem;padding:.1rem .35rem;text-align:center}.wonder-panel{display:flex;flex-direction:column;min-height:0}.wonder-panel .panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:.5rem .75rem}.wonder-panel .panel-header h3{color:var(--accent-gold);font-size:1rem;margin:0}.wonder-slots-indicator{align-items:center;background:var(--bg-tertiary);border:1px solid var(--accent-gold);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.3rem .6rem}.slots-visual{display:flex;gap:.25rem}.slot-pip{background:var(--bg-primary);border:2px solid var(--border);border-radius:50%;height:14px;transition:all .3s ease;width:14px}.slot-pip.filled{background:linear-gradient(135deg,var(--accent-gold),#f59e0b);border-color:var(--accent-gold);box-shadow:0 0 8px #fbbf2466}.slots-text{color:var(--accent-gold);font-size:.8rem;font-weight:700}.wonder-panel-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding:.5rem}.wonder-construction-active{animation:wonder-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--bg-tertiary) 0,#fbbf2426 100%);border:2px solid var(--accent-gold);border-radius:var(--radius-md);padding:.6rem}@keyframes wonder-pulse{0%,to{box-shadow:0 0 8px #fbbf244d}50%{box-shadow:0 0 16px #fbbf2480}}.wca-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem}.wca-icon{animation:wonder-icon-glow 1.5s ease-in-out infinite;font-size:1.6rem}@keyframes wonder-icon-glow{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}}.wca-info{flex:1 1}.wca-name{color:var(--accent-gold);font-size:.9rem;font-weight:700}.wca-time{color:var(--text-secondary);font-size:.75rem}.wca-cancel-btn{align-items:center;background:#fc818133;border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .2s;width:28px}.wca-cancel-btn:hover{background:var(--accent-red);color:#fff}.wca-progress-bar{background:var(--bg-primary);border-radius:10px;height:20px;overflow:hidden;position:relative}.wca-progress-fill{background:linear-gradient(90deg,var(--accent-gold),#f59e0b);border-radius:10px;height:100%;position:relative;transition:width .5s ease}.wca-progress-fill:after{animation:progress-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute}@keyframes progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.wca-progress-text{color:var(--text-primary);font-size:.75rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #00000080;top:50%;transform:translate(-50%,-50%)}.wca-confirm-cancel{background:#fc818126;border:1px solid var(--accent-red);border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem}.wca-confirm-cancel p{color:var(--text-secondary);font-size:.75rem;margin:0 0 .4rem}.wca-confirm-buttons{display:flex;gap:.4rem}.btn-danger{background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.35rem .7rem;transition:all .2s}.btn-danger:hover{background:#e53e3e;transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.35rem .7rem;transition:all .2s}.btn-secondary:hover{border-color:var(--text-secondary)}.built-wonders-section{background:var(--bg-tertiary);border:1px solid #fbbf244d;border-radius:var(--radius-md);padding:.6rem}.bw-header{align-items:center;color:var(--accent-gold);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.bw-count{background:#fbbf2433;border-radius:var(--radius-sm);font-size:.75rem;padding:.15rem .4rem}.bw-list{display:flex;flex-direction:column;gap:.4rem}.bw-item{align-items:center;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid #fbbf2466;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem .6rem;transition:all .2s}.bw-item:hover{background:#fbbf2433;border-color:var(--accent-gold)}.bw-item.destroying{background:#fc818126;border-color:var(--accent-red)}.bw-icon{font-size:1.4rem}.bw-info{flex:1 1;min-width:0}.bw-name{color:var(--text-primary);display:block;font-size:.85rem;font-weight:600}.bw-tier{color:var(--accent-gold);font-size:.65rem}.bw-destroy-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;opacity:.4;transition:all .2s;width:30px}.bw-destroy-btn:hover:not(:disabled){background:#fc818133;border-color:var(--accent-red);opacity:1}.bw-destroy-btn:disabled{cursor:not-allowed;opacity:.2}.bw-destroy-confirm{align-items:center;display:flex;gap:.4rem;margin-left:auto}.destroy-warning{color:var(--accent-red);font-size:.7rem;font-weight:600}.btn-destroy-confirm{background:var(--accent-red);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:.25rem .5rem;transition:all .2s}.btn-destroy-confirm:hover{background:#e53e3e}.btn-destroy-cancel{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;width:24px}.bw-max-warning{align-items:center;background:#fbbf241a;border:1px dashed var(--accent-gold);border-radius:var(--radius-sm);color:var(--accent-gold);display:flex;font-size:.75rem;gap:.4rem;margin-top:.5rem;padding:.4rem .6rem}.wonder-tier-selector{background:var(--bg-primary);border-radius:var(--radius-md);display:flex;flex-shrink:0;gap:.2rem;overflow-x:auto;padding:.3rem}.wts-btn{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:.7rem;gap:.15rem;justify-content:center;min-width:45px;padding:.35rem .5rem;position:relative;transition:all .15s}.wts-btn:hover{background:#fbbf2426;border-color:#fbbf2480}.wts-btn.active{background:#fbbf2440;border-color:var(--accent-gold)}.wts-tier{color:var(--accent-gold);font-weight:700}.wts-icon{font-size:.9rem}.wts-built{background:var(--success);border-radius:50%;color:#fff;font-size:.55rem;font-weight:700;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.wonder-era-info,.wts-built{align-items:center;display:flex}.wonder-era-info{background:linear-gradient(90deg,#fbbf241a,#0000);border-left:3px solid var(--accent-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.75rem;gap:.5rem;padding:.4rem .6rem}.era-icon{font-size:1.1rem}.era-name{color:var(--accent-gold);font-weight:600}.era-bonus{color:var(--text-secondary);font-style:italic}.wonders-grid{grid-gap:.75rem;align-content:start;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(3,1fr)}.wonder-card{animation:staggerFadeIn .3s ease both;background:var(--bg-tertiary);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.wonder-card:hover{box-shadow:0 6px 20px #0006;filter:brightness(1.05);transform:translateY(-2px)}.wonder-card.t1{background:linear-gradient(135deg,var(--bg-tertiary),#8b5a2b1a);border-color:#8b5a2b}.wonder-card.t2{background:linear-gradient(135deg,var(--bg-tertiary),#7080901a);border-color:#708090}.wonder-card.t3{background:linear-gradient(135deg,var(--bg-tertiary),#228b221a);border-color:#228b22}.wonder-card.t4{background:linear-gradient(135deg,var(--bg-tertiary),#4682b41a);border-color:#4682b4}.wonder-card.t5{background:linear-gradient(135deg,var(--bg-tertiary),#9932cc1a);border-color:#9932cc}.wonder-card.t6{background:linear-gradient(135deg,var(--bg-tertiary),#cd853f1a);border-color:peru}.wonder-card.t7{background:linear-gradient(135deg,var(--bg-tertiary),#ffd7001a);border-color:gold}.wonder-card.t8{background:linear-gradient(135deg,var(--bg-tertiary),#00ced11a);border-color:#00ced1}.wonder-card.t9{background:linear-gradient(135deg,var(--bg-tertiary),#ff63471a);border-color:tomato}.wonder-card.t10{background:linear-gradient(135deg,var(--bg-tertiary),#9400d31a);border-color:#9400d3}.wonder-card.t11{background:linear-gradient(135deg,var(--bg-tertiary),#ffffff14);border-color:#fff;box-shadow:0 0 15px #ffffff1a}.wonder-card.locked{filter:grayscale(30%);opacity:.5}.wonder-card.built{background:linear-gradient(135deg,var(--bg-tertiary),#48bb7833);border-color:var(--success)}.wonder-card.just-completed{animation:wonderComplete .8s ease-out}@keyframes wonderComplete{0%{box-shadow:0 0 0 #dab05000;transform:scale(1)}50%{box-shadow:0 0 25px #dab050b3,0 0 50px #dab05066;transform:scale(1.03)}to{box-shadow:0 0 0 #dab05000;transform:scale(1)}}.wonder-card.building{animation:wonder-building 1.5s ease-in-out infinite}@keyframes wonder-building{0%,to{border-color:var(--accent-gold);box-shadow:0 0 10px #fbbf244d}50%{border-color:#f59e0b;box-shadow:0 0 20px #fbbf2480}}.wc-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;gap:.6rem;padding-bottom:.4rem}.wc-icon{flex-shrink:0;font-size:2rem;line-height:1}.wc-info{flex:1 1;min-width:0}.wc-name{color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.2;margin-bottom:.15rem}.wc-time{color:var(--text-secondary);font-size:.7rem}.wc-tier{background:#fbbf2440;border-radius:4px;color:var(--accent-gold);flex-shrink:0;font-size:.65rem;font-weight:700;padding:.2rem .4rem}.wc-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.75rem;line-height:1.35;overflow:hidden}.wc-effects{background:#00000040;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:.25rem;padding:.4rem}.wce-chip{align-items:center;border-radius:3px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.15rem;padding:.15rem .35rem}.wce-chip.bonus{background:#48bb7840;border:1px solid #48bb7880;color:#68d391}.wce-chip.bonus.global{background:#fbbf2440;border-color:#fbbf2480;color:var(--accent-gold)}.wce-chip.bonus.research{background:#9370db40;border-color:#9370db80;color:#b19cd9}.wce-chip.flat{background:#6495ed40;border:1px solid #6495ed80;color:#87cefa}.wc-costs{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.wcc-section{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.wcc-label{flex-shrink:0;font-size:.7rem}.wcc-list{display:flex;flex-wrap:wrap;gap:.2rem}.wcc-more{background:var(--bg-primary);border-radius:3px;color:var(--text-secondary);font-size:.6rem;padding:.15rem .3rem}.wcc-building{background:#ffa50033;border:1px solid #ffa50080;border-radius:4px;color:orange;font-size:.65rem;font-weight:500;padding:.15rem .35rem}.wcc-building.insufficient{background:#fc818133;border-color:#fc818180;color:#fc8181}.wc-actions{margin-top:auto;padding-top:.4rem}.wc-btn{background:var(--bg-primary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:700;padding:.5rem .75rem;transition:all .2s;width:100%}.wc-btn.can-build{background:linear-gradient(135deg,var(--accent-gold),#f59e0b);color:#1a1a2e}.wc-btn.can-build:hover{box-shadow:0 4px 15px #fbbf2480;transform:translateY(-2px)}.wc-btn:disabled{cursor:not-allowed;opacity:.5}.wc-built-badge{background:#48bb7833;border:2px solid var(--success);border-radius:var(--radius-sm);color:#68d391}.wc-building-badge,.wc-built-badge{font-size:.8rem;font-weight:700;padding:.5rem;text-align:center}.wc-building-badge{animation:building-pulse 1s ease-in-out infinite;background:#fbbf2433;border:2px solid var(--accent-gold);border-radius:var(--radius-sm);color:var(--accent-gold)}@keyframes building-pulse{0%,to{opacity:1}50%{opacity:.7}}.wonder-tooltip{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 0 40px #fbbf2433,0 20px 40px #00000080;max-height:80vh;overflow-y:auto;pointer-events:none;position:fixed;width:340px;z-index:1100}.wt-header{align-items:flex-start;background:linear-gradient(135deg,#fbbf2426,#0000);border-bottom:1px solid var(--border);display:flex;gap:.6rem;padding:.75rem}.wt-icon{font-size:2.2rem;line-height:1}.wt-titles{flex:1 1;min-width:0}.wt-name{color:var(--accent-gold);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.15rem}.wt-era{color:var(--text-secondary);font-size:.7rem}.wt-built-badge{background:#48bb7833;border-radius:var(--radius-sm);color:var(--success);font-size:.7rem;font-weight:600;padding:.2rem .5rem}.wt-description{color:var(--text-primary);font-size:.85rem;line-height:1.4;margin:0;padding:.6rem .75rem}.wt-flavor{background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-style:italic;padding:.5rem .75rem}.wt-flavor,.wt-section{border-top:1px solid var(--border)}.wt-section{padding:.6rem .75rem}.wt-section-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.wt-effects-list{display:flex;flex-direction:column;gap:.3rem}.wt-effect{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;font-size:.8rem;gap:.5rem;padding:.3rem .5rem}.wt-effect.bonus{color:#68d391}.wt-effect.global{color:var(--accent-gold)}.wt-effect.research{color:#b19cd9}.wt-effect.flat{color:#87cefa}.wt-effect-icon{font-size:1rem}.wt-effect-text{flex:1 1}.wt-costs{display:flex;flex-wrap:wrap;gap:.3rem}.wt-cost{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.wt-cost.ok{color:var(--success)}.wt-cost.need{color:var(--danger)}.wt-cost-have{color:var(--text-secondary);font-size:.65rem}.wt-buildings{display:flex;flex-direction:column;gap:.25rem}.wt-building{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;font-size:.8rem;gap:.4rem;padding:.25rem .5rem}.wt-building.ok{color:var(--success)}.wt-building.need{color:var(--danger)}.wt-building-count{font-family:monospace;font-size:.75rem;margin-left:auto}.wt-build-time{color:var(--text-secondary);font-size:.75rem;margin-top:.4rem}.wt-lore{background:linear-gradient(135deg,#fbbf240d,#0000)}.wt-lore-text{color:var(--text-secondary);font-size:.8rem;font-style:italic;line-height:1.5;margin:0}.wonder-tooltip::-webkit-scrollbar{width:6px}.wonder-tooltip::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}@media (max-width:1200px){.wonders-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.wonders-grid{grid-template-columns:1fr}.wonder-tier-selector{justify-content:flex-start}.wts-btn{min-width:40px;padding:.3rem .4rem}.wonder-tooltip{width:280px}}.age-progress-container{isolation:isolate;position:relative;z-index:100}.age-progress-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:.75rem;padding:.25rem 1rem;transition:all .2s;-webkit-user-select:none;user-select:none}.age-progress-bar:hover{background:var(--bg-tertiary);border-bottom-color:var(--accent-gold)}.apb-left{align-items:center;display:flex;gap:.4rem;min-width:130px}.apb-era-icon{filter:drop-shadow(0 0 3px rgba(251,191,36,.5));font-size:1rem}.apb-era-name{color:var(--accent-gold);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.apb-center{flex:1 1;padding:0 .5rem}.apb-track{background:var(--bg-primary);border-radius:2px;height:4px;overflow:hidden;position:relative}.apb-fill{background:var(--accent-gold);border-radius:2px;box-shadow:0 0 6px #fbbf2466;height:100%;max-width:100%;transition:width .5s ease}.apb-marker{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;height:4px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:4px}.apb-marker.unlocked{background:var(--accent-gold);border-color:var(--accent-gold)}.apb-marker.current{animation:pulse-marker 1.5s ease-in-out infinite;background:#fff;border:2px solid var(--accent-gold);box-shadow:0 0 6px #fbbf24cc;height:8px;width:8px}@keyframes pulse-marker{0%,to{box-shadow:0 0 6px #fbbf24cc}50%{box-shadow:0 0 12px #fbbf24}}.apb-right{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;min-width:60px}.apb-percent{color:var(--text-primary);font-size:.75rem;font-weight:600}.apb-expand{color:var(--text-secondary);font-size:.6rem;transition:transform .2s}.age-progress-bar:hover .apb-expand{color:var(--accent-gold)}.age-timeline{animation:slideDown .25s ease-out;background:var(--bg-secondary);border-bottom:2px solid var(--accent-gold);box-shadow:0 4px 12px #0000004d;left:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;z-index:200}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.at-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 1rem}.at-header,.at-header h3{align-items:center;display:flex}.at-header h3{color:var(--accent-gold);font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:1px;margin:0;text-transform:uppercase}.at-total{color:var(--text-secondary);display:flex;font-size:.7rem;gap:1rem}.at-total-item{align-items:center;display:flex;gap:.25rem}.at-total-item .value{color:var(--accent-gold);font-weight:600}.at-eras-wrapper{padding:1rem}.at-eras{display:flex;justify-content:space-between;padding:0 1rem;position:relative}.at-eras:before{background:var(--bg-primary);right:2rem;z-index:0}.at-eras:after,.at-eras:before{border-radius:2px;content:"";height:3px;left:2rem;position:absolute;top:24px}.at-eras:after{background:var(--accent-gold);box-shadow:0 0 6px #fbbf2466;width:0;width:var(--progress-width,0);z-index:1}.at-era{align-items:center;display:flex;flex-direction:column;position:relative;transition:all .2s;width:70px;z-index:2}.at-era:hover{transform:translateY(-2px)}.at-era-node{align-items:center;background:var(--bg-tertiary);border:3px solid var(--border);border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;font-size:1.3rem;height:48px;justify-content:center;position:relative;transition:all .2s;width:48px}.at-era.locked .at-era-node{border-color:var(--border);filter:grayscale(60%);opacity:.4}.at-era.unlocked .at-era-node{background:var(--bg-secondary);border-color:var(--accent-gold)}.at-era.current .at-era-node{animation:currentGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2433,var(--bg-secondary));border-color:#fff;box-shadow:0 0 15px #fbbf2480,0 2px 8px #0000004d}.at-era.complete .at-era-node{background:linear-gradient(135deg,#48bb7826,var(--bg-secondary));border-color:var(--accent-green)}@keyframes currentGlow{0%,to{box-shadow:0 0 15px #fbbf2480,0 2px 8px #0000004d}50%{box-shadow:0 0 25px #fbbf24b3,0 2px 8px #0000004d}}.at-era-badge{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);display:flex;font-size:.55rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.at-era.complete .at-era-badge{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.at-era.current .at-era-badge{animation:pulseBadge 1s ease-in-out infinite;background:var(--accent-gold);border-color:var(--accent-gold);color:#000}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.at-era-info{margin-top:.4rem;text-align:center;width:100%}.at-era-name{color:var(--text-primary);font-size:.6rem;font-weight:600;margin-bottom:.2rem;white-space:nowrap}.at-era.locked .at-era-name{color:var(--text-secondary)}.at-era.current .at-era-name{color:var(--accent-gold)}.at-era-stats{flex-direction:column;gap:.1rem}.at-era-stat,.at-era-stats{align-items:center;display:flex}.at-era-stat{color:var(--text-secondary);font-size:.5rem;gap:.15rem}.at-era-stat .icon{font-size:.55rem}.at-era-stat .count{color:var(--text-primary);font-weight:600}.at-era-minibar{background:var(--bg-primary);border-radius:2px;height:3px;margin-top:.25rem;overflow:hidden;width:90%}.at-era-minibar-fill{background:var(--border);border-radius:2px;height:100%;max-width:100%;transition:width .3s}.at-era.unlocked .at-era-minibar-fill{background:var(--accent-gold)}.at-era.complete .at-era-minibar-fill{background:var(--accent-green)}.at-era.current .at-era-minibar-fill{background:var(--accent-gold);box-shadow:0 0 4px #fbbf2480}.at-era.current:before{animation:bounceArrow 1s ease-in-out infinite;color:var(--accent-gold);content:"▼";font-size:.6rem;left:50%;position:absolute;top:-14px;transform:translateX(-50%)}@keyframes bounceArrow{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}.at-era.selected .at-era-node{border-color:#fff;box-shadow:0 0 20px #ffffff80}.era-tooltip{animation:tooltipFadeIn .15s ease-out;background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:8px;box-shadow:0 4px 20px #00000080;padding:.75rem;pointer-events:none;position:fixed;width:220px;z-index:10000}.et-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.et-icon{font-size:1.5rem}.et-title{flex:1 1}.et-name{color:var(--accent-gold);font-size:.85rem;font-weight:700}.et-progress{color:var(--text-secondary);font-size:.65rem}.et-complete{color:var(--accent-green);font-size:1rem}.et-bar{background:var(--bg-primary);border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden}.et-bar-fill{background:var(--accent-gold);border-radius:2px;height:100%;max-width:100%}.et-stats{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding-bottom:.5rem}.et-stat{align-items:center;display:flex;font-size:.7rem;gap:.3rem}.et-stat-icon{text-align:center;width:16px}.et-stat-label{color:var(--text-secondary)}.et-stat-value{color:var(--text-primary);font-weight:600;margin-left:auto}.et-preview{margin-bottom:.4rem}.et-preview-label{color:var(--text-secondary);font-size:.6rem;margin-bottom:.2rem}.et-preview-items{display:flex;flex-wrap:wrap;gap:.25rem}.et-preview-item{align-items:center;border-radius:4px;display:flex;font-size:.8rem;height:22px;justify-content:center;width:22px}.et-preview-item.done{background:#48bb7833;border:1px solid var(--accent-green)}.et-preview-item.pending{background:var(--bg-tertiary);border:1px solid var(--border);opacity:.6}.et-preview-more{color:var(--text-secondary);font-size:.6rem}.et-bonus,.et-preview-more{align-items:center;display:flex}.et-bonus{background:#fbbf241a;border-radius:4px;gap:.3rem;margin-bottom:.4rem;padding:.35rem}.et-bonus-icon{font-size:.7rem}.et-bonus-text{color:var(--accent-gold);font-size:.65rem}.et-hint{color:var(--text-secondary);font-size:.55rem;font-style:italic;text-align:center}.era-detail-overlay{align-items:center;animation:overlayFadeIn .15s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.era-detail-panel{animation:panelPopIn .2s ease-out;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 30px #fbbf241a;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:500px}@keyframes panelPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.edp-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem}.edp-header,.edp-title{align-items:center;display:flex}.edp-title{gap:.75rem}.edp-icon{font-size:2rem}.edp-name{color:var(--accent-gold);font-size:1.1rem;font-weight:700}.edp-subtitle{font-size:.7rem}.edp-close,.edp-subtitle{color:var(--text-secondary)}.edp-close{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1;padding:.5rem;transition:all .15s}.edp-close:hover{background:var(--bg-primary);color:var(--text-primary)}.edp-progress{border-bottom:1px solid var(--border);padding:.75rem 1rem}.edp-progress-bar{background:var(--bg-primary);border-radius:4px;height:8px;margin-bottom:.35rem;overflow:hidden}.edp-progress-fill{background:var(--accent-gold);border-radius:4px;height:100%;max-width:100%;transition:width .3s}.edp-progress-text{color:var(--text-secondary);font-size:.75rem;text-align:right}.edp-body{flex:1 1;overflow-y:auto;padding:1rem}.edp-sections{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.edp-section{background:var(--bg-tertiary);border-radius:8px;padding:.75rem}.edp-section.full-width{grid-column:1/-1}.edp-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:.6rem;padding-bottom:.4rem}.edp-section-icon{font-size:1rem}.edp-section-title{color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:600}.edp-section-count{color:var(--accent-gold);font-size:.75rem;font-weight:600}.edp-items{display:flex;flex-direction:column;gap:.35rem;max-height:150px;overflow-y:auto}.edp-items.compact{flex-direction:row;flex-wrap:wrap;gap:.4rem;max-height:none}.edp-item{align-items:center;border-radius:6px;display:flex;font-size:.75rem;gap:.5rem;padding:.4rem .5rem;transition:background .15s}.edp-item.done{background:#48bb7826}.edp-item.pending{background:var(--bg-secondary);opacity:.8}.edp-item.locked{opacity:.4}.edp-item:hover{background:var(--bg-primary)}.edp-item-icon{font-size:1rem}.edp-item-name{color:var(--text-primary);flex:1 1}.edp-item-check{color:var(--accent-green);font-size:.8rem;font-weight:700}.edp-item-status{color:var(--text-secondary);font-size:.75rem}.edp-item-compact{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;font-size:1.1rem;height:32px;justify-content:center;opacity:.5;transition:all .15s;width:32px}.edp-item-compact.owned{background:#48bb7833;border:1px solid var(--accent-green);opacity:1}.edp-item-compact:hover{transform:scale(1.1)}.edp-footer{background:var(--bg-tertiary);border-top:1px solid var(--border);padding:.75rem 1rem}.edp-bonus{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;display:flex;gap:.5rem;padding:.6rem .75rem}.edp-bonus-icon{font-size:1.2rem}.edp-bonus-label{color:var(--text-secondary);font-size:.7rem}.edp-bonus-text{color:var(--accent-gold);font-size:.85rem;font-weight:600}@media (max-width:900px){.at-era{width:60px}.at-era-node{font-size:1.1rem;height:40px;width:40px}.at-era-name{font-size:.5rem}.edp-sections{grid-template-columns:1fr}}@media (max-width:768px){.apb-left{min-width:auto}.apb-era-name{display:none}.at-eras-wrapper{overflow-x:auto}.at-eras{min-width:700px}.era-detail-panel{max-height:85vh;width:95vw}}.tt-modal-overlay{background:#000000d9}.tt-modal{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:2px solid #9a95a8;border:2px solid var(--accent-muted,#9a95a8);border-radius:12px;display:flex;flex-direction:column;height:85vh;max-width:1400px;overflow:hidden;width:95%}.tt-modal-header{align-items:center;background:linear-gradient(135deg,#252540,#12121f);background:linear-gradient(135deg,var(--bg-tertiary,#252540) 0,var(--bg-primary,#12121f) 100%);border-bottom:2px solid #9a95a8;border-bottom:2px solid var(--accent-muted,#9a95a8);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem}.tt-header-left{gap:.75rem}.tt-close-btn,.tt-header-left{align-items:center;display:flex}.tt-close-btn{background:#ffffff1a;border:1px solid #333;border:1px solid var(--border,#333);border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.tt-close-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.tt-title{align-items:center;display:flex;gap:.5rem}.tt-title-icon{font-size:1.5rem}.tt-title h2{color:#c4c0d0;color:var(--accent-light,#c4c0d0);font-family:Cinzel,serif;font-size:1.25rem;margin:0}.tt-header-center{align-items:center;display:flex;gap:1rem}.tt-search-bar{align-items:center;background:#12121f;background:var(--bg-primary,#12121f);border:1px solid #333;border:1px solid var(--border,#333);border-radius:6px;display:flex;gap:.5rem;padding:.4rem .75rem}.tt-search-icon{font-size:.9rem;opacity:.6}.tt-search-input{background:#0000;border:none;color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.85rem;outline:none;width:150px}.tt-search-clear,.tt-search-input::placeholder{color:#888;color:var(--text-secondary,#888)}.tt-search-clear{background:none;border:none;cursor:pointer;font-size:.8rem;padding:0}.tt-filter-group{display:flex;gap:.25rem}.tt-filter-btn{background:#252540;background:var(--bg-tertiary,#252540);border:1px solid #333;border:1px solid var(--border,#333);border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.75rem;padding:.35rem .6rem;transition:all .2s}.tt-filter-btn:hover{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.tt-filter-btn.active,.tt-filter-btn:hover{border-color:#9a95a8;border-color:var(--accent-muted,#9a95a8)}.tt-filter-btn.active{background:#9a95a833;color:#c4c0d0;color:var(--accent-light,#c4c0d0)}.tt-header-right{gap:.75rem}.tt-header-right,.tt-progress{align-items:center;display:flex}.tt-progress{gap:.5rem}.tt-progress-bar{background:#12121f;background:var(--bg-primary,#12121f);border-radius:4px;height:8px;overflow:hidden;width:100px}.tt-progress-fill{background:linear-gradient(90deg,#6b8e23,#8fbc8f);background:linear-gradient(90deg,var(--success,#6b8e23) 0,#8fbc8f 100%);height:100%;transition:width .3s ease}.tt-progress-label{color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-weight:600}.tt-research-banner{align-items:center;background:linear-gradient(90deg,#8a2be233,#4b008226);border-bottom:1px solid #8a2be24d;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem 1rem}.tt-research-info{align-items:center;display:flex;gap:.35rem}.tt-research-icon{font-size:.9rem}.tt-research-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.75rem;font-weight:600}.tt-research-progress{align-items:center;display:flex;flex:1 1;gap:.5rem}.tt-research-bar{background:#12121f;background:var(--bg-primary,#12121f);border-radius:1.5px;flex:1 1;height:3px;overflow:hidden}.tt-research-fill{background:linear-gradient(90deg,#78648ccc,#9682a0cc);height:100%;transition:width .5s ease}.tt-research-time{color:#999;color:var(--text-secondary,#999);font-size:.7rem;font-weight:600;min-width:45px}.tt-split-view{display:flex;flex:1 1;min-height:0;overflow:hidden}.tt-tree-panel{cursor:grab;flex:1 1;overflow:auto;position:relative}.tt-tree-panel:active{cursor:grabbing}.tt-container{min-width:-webkit-max-content;min-width:max-content;padding:1rem;position:relative}.tt-connections{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.tt-connection{stroke:#333;stroke:var(--border,#333);stroke-width:2;fill:none;opacity:.4}.tt-connection.completed{stroke:#6b8e23;stroke:var(--success,#6b8e23);opacity:.8}.tt-connection.active{stroke:#8c78a0e6;filter:drop-shadow(0 0 3px rgba(140,120,160,.4));opacity:1}.tt-connection.available{stroke:#6b8e23;stroke:var(--success,#6b8e23);opacity:.5}.tt-connection.queued{stroke:#f59e0b;stroke-dasharray:8 4;animation:queue-dash 1s linear infinite;opacity:.9}@keyframes queue-dash{to{stroke-dashoffset:-12}}.tt-eras{display:flex;gap:1.5rem;position:relative;z-index:1}.tt-era{min-width:150px}.tt-era-header{background:linear-gradient(180deg,#a78bfa4d,#8b5cf633 50%,#6d48ce40);border-bottom:1px solid #8b5cf666;border-radius:8px;border-top:1px solid #8b5cf666;border-color:#c8b4ff80 #8b5cf666 #5a3cb466;border-style:solid;border-width:1px;box-shadow:0 2px 4px #0003,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0000001a;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.tt-era-badge,.tt-era-header{align-items:center;display:flex}.tt-era-badge{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:6px;box-shadow:0 2px 8px #8b5cf666;color:#fff;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.tt-era-info{display:flex;flex-direction:column}.tt-era-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.75rem;font-weight:600}.tt-era-count{color:#888;color:var(--text-secondary,#888);font-size:.65rem}.tt-era-content{gap:.75rem}.tt-card,.tt-era-content{display:flex;flex-direction:column}.tt-card{align-items:center;background:#252540;background:var(--bg-tertiary,#252540);border:2px solid #333;border:2px solid var(--border,#333);border-radius:8px;box-sizing:border-box;cursor:default;height:100px;justify-content:center;padding:.75rem;position:relative;transition:all .2s ease}.tt-card.clickable{cursor:pointer}.tt-card.clickable:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.tt-card.selected{border-color:#9a95a8;border-color:var(--accent-muted,#9a95a8);box-shadow:0 0 12px #9a95a84d}.tt-card.locked{border-color:#a78bfa;box-shadow:0 0 16px #a78bfa66}.tt-card.pinned{border-color:#4ade80;box-shadow:0 0 16px #4ade8066}.tt-card.highlighted{animation:tech-highlight-pulse 2s ease-in-out;border:2px solid #facc15!important;box-shadow:0 0 20px #facc1599,0 0 30px #facc154d}@keyframes tech-highlight-pulse{0%,to{box-shadow:0 0 15px #facc1580,0 0 25px #facc154d}50%{box-shadow:0 0 25px #facc15b3,0 0 40px #facc1580}}.tt-card-done{background:linear-gradient(135deg,#6b8e2326,#0000);border-color:#6b8e23;border-color:var(--success,#6b8e23)}.tt-card-active{animation:research-pulse 2s ease-in-out infinite;border-color:#8c78a0cc}@keyframes research-pulse{0%,to{box-shadow:0 0 6px #8c78a040}50%{box-shadow:0 0 12px #8c78a066}}.tt-card-available{border-color:#4ade80}.tt-card-available.clickable:hover{border-color:#22c55e;box-shadow:0 0 12px #4ade804d}.tt-card-unaffordable{border-color:#9a95a866}.tt-card-locked,.tt-card-needs-buildings{cursor:not-allowed;opacity:.5}.tt-card.queued{box-shadow:0 0 8px #f59e0b4d}.tt-card.victory{border-color:#b8b0c8}.tt-card-victory-glow{animation:victory-glow 3s ease-in-out infinite;background:radial-gradient(circle,#b8b0c840 0,#0000 70%);border-radius:12px;inset:-4px;pointer-events:none;position:absolute}@keyframes victory-glow{0%,to{opacity:.5}50%{opacity:1}}.tt-card-icon{font-size:1.75rem;margin-bottom:.25rem;text-align:center}.tt-card-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.75rem;font-weight:600;line-height:1.2;text-align:center}.tt-card-cost{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:.4rem}.tt-cost-chip{align-items:center;border-radius:3px;display:inline-flex;font-size:.65rem;gap:.15rem;padding:.1rem .3rem}.tt-cost-chip.ok{background:#6b8e2333;color:#6b8e23;color:var(--success,#6b8e23)}.tt-cost-chip.need{background:#ef444433;color:#ef4444}.tt-card-lock{font-size:1rem;margin-top:.25rem;opacity:.6;text-align:center}.tt-card-badge{align-items:center;border-radius:10px;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-6px;top:-6px}.tt-card-badge.done{background:#6b8e23;background:var(--success,#6b8e23);color:#fff}.tt-card-badge.active{background:#78648ce6;color:#fff}.tt-card-badge.queued{background:#f59e0b}.tt-detail-panel{background:linear-gradient(180deg,#252540,#1a1a2e);background:linear-gradient(180deg,var(--bg-tertiary,#252540) 0,var(--bg-secondary,#1a1a2e) 100%);border-left:1px solid #333;border-left:1px solid var(--border,#333);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:width .3s ease,min-width .3s ease;width:0}.tt-detail-panel.expanded{max-height:100%;min-width:300px;overflow-y:auto;padding:1rem;width:300px}.tt-detail-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border,#333);display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.tt-detail-header-top{align-items:center;display:flex;gap:.75rem}.tt-detail-unlock-btn{background:#a78bfa33;border:1px solid #a78bfa;border-radius:4px;cursor:pointer;font-size:.9rem;margin-left:auto;padding:.25rem .5rem;transition:all .2s ease}.tt-detail-unlock-btn:hover{background:#a78bfa66;transform:scale(1.05)}.tt-detail-panel.locked{border-left:3px solid #a78bfa}.tt-detail-icon{font-size:2.5rem;line-height:1}.tt-detail-name{color:#c4c0d0;color:var(--accent-light,#c4c0d0);flex:1 1;font-size:1.5rem;font-weight:700;line-height:1.2}.tt-detail-close-btn{align-items:center;background:#0000004d;border:1px solid #333;border:1px solid var(--border,#333);border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.tt-detail-close-btn:hover{background:#f003;border-color:#f44;color:#f66}.tt-detail-header-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tt-detail-header-item{display:flex;flex-direction:column;gap:.25rem}.tt-detail-header-label{color:#888;color:var(--text-secondary,#888);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tt-detail-header-value{color:#c4c0d0;color:var(--accent-light,#c4c0d0);font-size:.8rem;font-weight:500}.tt-detail-titles{flex:1 1}.tt-detail-era{color:#888;color:var(--text-secondary,#888);font-size:.7rem}.tt-detail-status{border-radius:4px;font-size:.65rem;padding:.2rem .5rem;white-space:nowrap}.tt-detail-status-done{background:#6b8e2333;color:#6b8e23;color:var(--success,#6b8e23)}.tt-detail-status-active{background:#78648c33;color:#b4a0c8e6}.tt-detail-status-available{background:#4ade8033;color:#4ade80}.tt-detail-status-unaffordable{background:#fbbf2433;color:#fbbf24}.tt-detail-status-locked,.tt-detail-status-needs-buildings{background:#6b728033;color:#9ca3af}.tt-detail-desc{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.tt-detail-flavor{border-left:3px solid #333;border-left:3px solid var(--border,#333);color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-style:italic}.tt-detail-flavor,.tt-detail-section{background:#12121f;background:var(--bg-primary,#12121f);border-radius:6px;margin-bottom:.75rem;padding:.5rem}.tt-detail-label{color:#888;color:var(--text-secondary,#888);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.tt-detail-req{align-items:center;display:flex;font-size:.75rem;gap:.4rem;padding:.25rem 0}.tt-detail-req.unmet{color:#ef4444}.tt-detail-req-count{background:#ef444433;border-radius:3px;font-size:.7rem;margin-left:auto;padding:.1rem .3rem}.tt-detail-costs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.tt-detail-cost{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;gap:.2rem;padding:.2rem .4rem}.tt-detail-cost.ok{background:#6b8e2333;color:#6b8e23;color:var(--success,#6b8e23)}.tt-detail-cost.need{background:#ef444433;color:#ef4444}.tt-detail-cost-have{font-size:.65rem;opacity:.7}.tt-detail-time{color:#888;color:var(--text-secondary,#888);font-size:.75rem}.tt-material-sources{border-top:1px dashed #9a95a84d;margin-top:.75rem;padding-top:.75rem}.tt-material-sources-header{color:#9a95a8;color:var(--accent-muted,#9a95a8);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.tt-material-sources-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tt-material-card{background:#1e1e3299;border:1px solid #9a95a833;border-radius:6px;overflow:hidden;padding:.5rem}.tt-material-header{align-items:center;border-bottom:1px solid #9a95a826;display:flex;gap:.4rem;margin-bottom:.4rem;padding-bottom:.4rem}.tt-material-icon{font-size:1rem}.tt-material-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.72rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-material-drops{display:flex;flex-direction:column;gap:.25rem}.tt-drop-row{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:.68rem;justify-content:space-between;padding:.2rem .3rem}.tt-drop-row.boss{background:linear-gradient(90deg,#8b5cf640,#0003);border-left:2px solid #a78bfa}.tt-drop-mob{align-items:center;display:flex;flex:1 1;gap:.3rem;min-width:0}.tt-drop-icon{flex-shrink:0;font-size:.85rem}.tt-drop-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-drop-info{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.tt-drop-tier{background:#64647866;border-radius:3px;color:#888;color:var(--text-secondary,#888);font-size:.6rem;font-weight:700;padding:.1rem .25rem}.tt-drop-tier.tier-4{background:#a78bfa4d;color:#c4b5fd}.tt-drop-tier.tier-5{background:#fbbf2440;color:#fcd34d}.tt-drop-chance{color:#6b8e23;color:var(--success,#6b8e23);font-size:.65rem;font-weight:600;min-width:28px;text-align:right}.tt-drop-row.boss .tt-drop-chance{color:#a78bfa}.tt-detail-unlocks{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:8px}.tt-detail-unlock-building{align-items:stretch;background:#0000;border:none;border-radius:0;display:flex;min-height:36px;padding:0;transition:all .2s ease}.tt-detail-unlock-building .building-chip{border-radius:6px;padding:6px 8px;width:100%}.tt-detail-unlock-tech{align-items:center;background:#a78bfa26;border:none;border-radius:6px;display:flex;gap:6px;min-height:36px;padding:6px 8px;transition:all .2s ease}.tt-detail-unlock-tech:hover{background:#a78bfa40}.tt-unlock-icon{flex-shrink:0;font-size:1.1rem}.tt-unlock-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);flex:1 1;font-size:.75rem}.tt-detail-victory{background:linear-gradient(135deg,#b8b0c833,#9a95a81a);border:1px solid #b8b0c84d;border-radius:6px;color:#c4c0d0;font-size:.8rem;font-weight:600;padding:.75rem;text-align:center}.tt-detail-panel .tt-detail-start-btn{background:linear-gradient(135deg,#a78bfa4d,#8b5cf640);border:1px solid #a78bfa99;border-radius:6px;box-shadow:0 0 12px #a78bfa4d,0 4px 8px #0003;color:#c4b5fd;cursor:pointer;display:block;font-size:.8rem;font-weight:600;margin:.75rem auto;padding:.6rem 1rem;transition:all .2s ease;width:calc(100% - 2rem)}.tt-detail-panel .tt-detail-start-btn:hover{background:linear-gradient(135deg,#a78bfa66,#8b5cf659);border-color:#a78bfacc;box-shadow:0 0 20px #a78bfa80,0 4px 12px #0000004d;color:#e0d7ff}.tt-detail-empty{display:none}.tt-modal-footer{align-items:center;background:#252540;background:var(--bg-tertiary,#252540);border-top:1px solid #333;border-top:1px solid var(--border,#333);display:flex;flex-shrink:0;justify-content:space-between;padding:.5rem 1rem}.tt-legend{display:flex;flex-wrap:wrap;gap:1rem}.tt-legend-item{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.7rem;gap:.35rem}.tt-legend-dot{border-radius:3px;height:10px;width:10px}.tt-legend-dot.done{background:#6b8e23;background:var(--success,#6b8e23)}.tt-legend-dot.active{background:#78648ce6}.tt-legend-dot.available{background:#4ade80}.tt-legend-dot.locked{background:#333;background:var(--border,#333)}.tt-queue-info{background:#f59e0b14;border-radius:2px;display:inline-flex;font-size:.6rem;gap:.2rem;height:16px;margin-left:.5rem;padding:0 .25rem}.tt-queue-label{font-size:.55rem}.tt-queue-clear{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:2px;display:flex;font-size:.6rem;font-weight:600;height:14px;justify-content:center;line-height:1;margin-left:2px;padding:0;width:14px}.tt-queue-compact{align-items:center;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:4px;display:flex;font-size:.7rem;gap:8px;padding:4px 10px}.tt-queue-label{font-size:.7rem;white-space:nowrap}.tt-queue-items{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden}.tt-queue-chip{align-items:center;background:#0000004d;border:1px solid #f59e0b4d;border-radius:3px;display:inline-flex;font-size:.7rem;gap:2px;padding:2px 6px;transition:all .15s ease;white-space:nowrap}.tt-queue-chip:hover{background:#f59e0b26;border-color:#f59e0b}.tt-queue-more{color:#f59e0b;font-style:italic;font-weight:600}.tt-queue-clear-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:3px;color:#ef4444;cursor:pointer;font-size:.7rem;font-weight:600;padding:3px 8px;transition:all .15s ease;white-space:nowrap}.tt-queue-clear-btn:hover{background:#ef444440;border-color:#ef4444}.tt-hint{color:#888;color:var(--text-secondary,#888);font-size:.7rem}.tt-hint kbd{background:#12121f;background:var(--bg-primary,#12121f);border:1px solid #333;border:1px solid var(--border,#333);border-radius:3px;font-family:inherit;font-size:.65rem;padding:.15rem .4rem}.tt-tree-panel::-webkit-scrollbar{height:8px;width:8px}.tt-tree-panel::-webkit-scrollbar-track{background:#12121f;background:var(--bg-primary,#12121f)}.tt-tree-panel::-webkit-scrollbar-thumb{background:#333;background:var(--border,#333);border-radius:4px}.tt-tree-panel::-webkit-scrollbar-thumb:hover{background:#9a95a8;background:var(--accent-muted,#9a95a8)}.tt-tree-panel::-webkit-scrollbar-corner{background:#12121f;background:var(--bg-primary,#12121f)}.adv-modal-overlay{background:#000000d9}.adv-modal{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:2px solid #9a95a8;border:2px solid var(--accent-muted,#9a95a8);border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:1100px;overflow:hidden;width:95%}.adv-modal-header{align-items:center;background:linear-gradient(135deg,#252540,#12121f);background:linear-gradient(135deg,var(--bg-tertiary,#252540) 0,var(--bg-primary,#12121f) 100%);border-bottom:2px solid #9a95a8;border-bottom:2px solid var(--accent-muted,#9a95a8);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem}.adv-header-left{align-items:center;display:flex;gap:.75rem}.adv-close-btn{align-items:center;background:#ffffff1a;border:1px solid #333;border:1px solid var(--border,#333);border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.adv-close-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.adv-title{align-items:center;display:flex;gap:.5rem}.adv-title-icon{font-size:1.5rem}.adv-title h2{color:#c4c0d0;color:var(--accent-light,#c4c0d0);font-family:Cinzel,serif;font-size:1.25rem;margin:0}.adv-header-center{align-items:center;display:flex;gap:.75rem}.adv-filter-group{display:flex;gap:.25rem}.adv-filter-btn{background:#252540;background:var(--bg-tertiary,#252540);border:1px solid #333;border:1px solid var(--border,#333);border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.75rem;padding:.35rem .6rem;transition:all .2s}.adv-filter-btn:hover{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.adv-filter-btn.active,.adv-filter-btn:hover{border-color:#9a95a8;border-color:var(--accent-muted,#9a95a8)}.adv-filter-btn.active{background:#9a95a833;color:#c4c0d0;color:var(--accent-light,#c4c0d0)}.adv-tier-select{background:#252540;background:var(--bg-tertiary,#252540);border:1px solid #333;border:1px solid var(--border,#333);border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.75rem;padding:.35rem .5rem}.adv-header-right{align-items:center;display:flex;gap:1rem}.adv-slots-display{align-items:center;background:linear-gradient(135deg,#8b5cf640,#a78bfa26);border:1px solid #8b5cf666;border-radius:6px;color:#e5e5e5;color:var(--text-primary,#e5e5e5);display:flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.35rem .6rem}.adv-slots-icon{font-size:.9rem}.adv-progress-label{color:#888;color:var(--text-secondary,#888);font-size:.75rem}.adv-council-banner{align-items:center;background:linear-gradient(90deg,#8b5cf626,#4b00821a);border-bottom:1px solid #8b5cf633;display:flex;flex-shrink:0;gap:.75rem;padding:.4rem 1rem}.adv-council-label{color:#888;color:var(--text-secondary,#888);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.adv-council-members{display:flex;flex-wrap:wrap;gap:.5rem}.adv-council-member{align-items:center;background:#6b8e2333;border:1px solid #6b8e2366;border-radius:4px;cursor:pointer;display:flex;gap:.35rem;padding:.25rem .5rem;transition:all .2s}.adv-council-member:hover{background:#6b8e234d}.adv-member-icon{font-size:1rem}.adv-member-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.7rem;font-weight:600}.adv-member-dismiss{background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.6rem;margin-left:.25rem;opacity:.5;padding:0;transition:all .2s}.adv-member-dismiss:hover{color:#ef4444;opacity:1}.adv-council-empty{align-items:center;border:1px dashed #333;border:1px dashed var(--border,#333);border-radius:4px;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.9rem;height:28px;justify-content:center;opacity:.5;width:28px}.adv-effects-summary{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto;padding-left:1rem}.adv-effect-chip{border-radius:3px;font-size:.6rem;padding:.15rem .4rem;white-space:nowrap}.adv-effect-chip.bonus{background:#6b8e2333;border:1px solid #6b8e234d;color:#9acd32}.adv-effect-chip.penalty{background:#ef444426;border:1px solid #ef444440;color:#f87171}.adv-effect-chip.special{background:#ffd70026;border:1px solid #ffd70040;color:gold}.adv-split-view{display:flex;flex:1 1;min-height:0;overflow:hidden}.adv-grid-panel{flex:1 1;overflow-y:auto;padding:1rem}.adv-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.adv-card{background:#252540;background:var(--bg-tertiary,#252540);border:2px solid #333;border:2px solid var(--border,#333);border-radius:8px;cursor:pointer;padding:.75rem;position:relative;text-align:center;transition:all .2s ease}.adv-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.adv-card.selected{border-color:#9a95a8;border-color:var(--accent-muted,#9a95a8);box-shadow:0 0 12px #9a95a84d}.adv-card-active{background:linear-gradient(135deg,#6b8e2326,#0000);border-color:#6b8e23;border-color:var(--success,#6b8e23)}.adv-card-unlocked{border-color:#8b5cf680}.adv-card-available{border-color:#4ade80}.adv-card-available:hover{border-color:#22c55e;box-shadow:0 0 12px #4ade804d}.adv-card-locked{cursor:not-allowed;opacity:.4}.adv-card-locked:hover{box-shadow:none;transform:none}.adv-card-icon{font-size:2rem;margin-bottom:.25rem}.adv-card-name{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.8rem;font-weight:600;line-height:1.2}.adv-card-title{color:#888;color:var(--text-secondary,#888);font-size:.65rem;margin-bottom:.35rem}.adv-card-preview{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:.35rem}.adv-preview-bonus{background:#6b8e2333;color:#6b8e23;color:var(--success,#6b8e23)}.adv-preview-bonus,.adv-preview-special{border-radius:2px;font-size:.6rem;padding:.1rem .25rem}.adv-preview-special{background:#ffd70033;color:gold}.adv-card-tier{color:#666;color:var(--text-secondary,#666);font-size:.55rem;letter-spacing:.5px;margin-top:.35rem;text-transform:uppercase}.adv-card-badge{align-items:center;border-radius:9px;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-6px;top:-6px}.adv-card-badge.active{background:#6b8e23;background:var(--success,#6b8e23);color:#fff}.adv-card-badge.unlocked{background:#8b5cf6cc;color:#fff}.adv-card-badge.locked{background:#252540;background:var(--bg-tertiary,#252540);color:#888;color:var(--text-secondary,#888);font-size:.5rem}.adv-detail-panel{background:linear-gradient(180deg,#252540,#1a1a2e);background:linear-gradient(180deg,var(--bg-tertiary,#252540) 0,var(--bg-secondary,#1a1a2e) 100%);border-left:1px solid #333;border-left:1px solid var(--border,#333);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:width .3s ease,min-width .3s ease;width:0}.adv-detail-panel.expanded{min-width:320px;overflow-y:auto;padding:1rem;width:320px}.adv-detail-header{align-items:flex-start;border-bottom:1px solid #333;border-bottom:1px solid var(--border,#333);display:flex;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.adv-detail-icon{font-size:2.5rem}.adv-detail-titles{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.adv-detail-name{color:#c4c0d0;color:var(--accent-light,#c4c0d0);font-size:1rem;font-weight:700}.adv-detail-title{color:#8b5cf6cc;font-size:.75rem;font-weight:600}.adv-detail-era{color:#888;color:var(--text-secondary,#888);font-size:.65rem}.adv-detail-status{border-radius:4px;font-size:.6rem;font-weight:600;padding:.2rem .4rem;white-space:nowrap}.adv-status-active{background:#6b8e2333;color:#6b8e23;color:var(--success,#6b8e23)}.adv-status-unlocked{background:#8b5cf633;color:#a78bfae6}.adv-status-available{background:#4ade8033;color:#4ade80}.adv-status-locked{background:#6b728033;color:#9ca3af}.adv-detail-desc{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.adv-detail-flavor{border-left:3px solid #8b5cf666;color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-style:italic}.adv-detail-flavor,.adv-detail-section{background:#12121f;background:var(--bg-primary,#12121f);border-radius:6px;margin-bottom:.75rem;padding:.5rem}.adv-detail-section.special{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid #ffd70033}.adv-detail-section.requirement{background:#ef44441a;border:1px solid #ef444433}.adv-detail-label{color:#888;color:var(--text-secondary,#888);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.adv-effects-list{display:flex;flex-direction:column;gap:.25rem}.adv-effect{align-items:center;display:flex;font-size:.75rem;gap:.4rem;padding:.2rem 0}.adv-effect.bonus{color:#6b8e23;color:var(--success,#6b8e23)}.adv-effect.penalty{color:#ef4444}.adv-effect-icon{font-size:.9rem;text-align:center;width:1.2rem}.adv-effect-name{flex:1 1;text-transform:capitalize}.adv-effect-value{font-weight:600}.adv-special-ability{padding:.25rem 0}.adv-special-desc{color:gold;font-size:.8rem;font-weight:600}.adv-requirement{align-items:center;color:#ef4444;display:flex;font-size:.75rem;gap:.4rem}.adv-req-icon{font-size:1rem}.adv-detail-costs{display:flex;flex-wrap:wrap;gap:.35rem}.adv-detail-actions{margin-top:auto;padding-top:.75rem}.adv-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;width:100%}.adv-action-btn.hire{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.adv-action-btn.hire:hover:not(:disabled){box-shadow:0 0 12px #4ade8066}.adv-action-btn.activate{background:linear-gradient(135deg,#8b5cf6cc,#6d48cecc);color:#fff}.adv-action-btn.activate:hover:not(:disabled){box-shadow:0 0 12px #8b5cf666}.adv-action-btn.dismiss{background:#ef444433;border:1px solid #ef444466;color:#ef4444}.adv-action-btn.dismiss:hover{background:#ef44444d}.adv-action-btn:disabled{background:#252540;background:var(--bg-tertiary,#252540);box-shadow:none;cursor:not-allowed}.adv-action-btn:disabled,.adv-detail-empty{color:#888;color:var(--text-secondary,#888)}.adv-detail-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.adv-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.adv-empty-text{font-size:.8rem}.adv-modal-footer{align-items:center;background:#252540;background:var(--bg-tertiary,#252540);border-top:1px solid #333;border-top:1px solid var(--border,#333);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:.5rem 1rem}.adv-legend{display:flex;flex-wrap:wrap;gap:.75rem}.adv-legend-item{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.65rem;gap:.3rem}.adv-legend-dot{border-radius:2px;height:8px;width:8px}.adv-legend-dot.active{background:#6b8e23;background:var(--success,#6b8e23)}.adv-legend-dot.unlocked{background:#8b5cf6cc}.adv-legend-dot.available{background:#4ade80}.adv-legend-dot.locked{background:#333;background:var(--border,#333)}.adv-slot-upgrade{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:4px;display:flex;gap:.5rem;padding:.25rem .5rem}.adv-slot-label{color:#888;color:var(--text-secondary,#888);font-size:.65rem}.adv-slot-req{background:#ef44441a;border-radius:3px;color:#ef4444;font-size:.6rem;padding:.1rem .3rem}.adv-slot-cost{display:flex;gap:.25rem}.adv-slot-res{border-radius:2px;font-size:.6rem;padding:.1rem .2rem}.adv-slot-res.ok{color:#6b8e23;color:var(--success,#6b8e23)}.adv-slot-res.need{color:#ef4444}.adv-slot-btn{background:#8b5cf64d;border:1px solid #8b5cf680;border-radius:3px;color:#e5e5e5;color:var(--text-primary,#e5e5e5);cursor:pointer;font-size:.6rem;font-weight:600;padding:.2rem .5rem;transition:all .2s}.adv-slot-btn:hover:not(:disabled){background:#8b5cf680}.adv-slot-btn:disabled{cursor:not-allowed;opacity:.4}.adv-hint{color:#888;color:var(--text-secondary,#888);font-size:.65rem}.adv-hint kbd{background:#12121f;background:var(--bg-primary,#12121f);border:1px solid #333;border:1px solid var(--border,#333);border-radius:2px;font-family:inherit;font-size:.6rem;padding:.1rem .3rem}.adv-detail-panel::-webkit-scrollbar,.adv-grid-panel::-webkit-scrollbar{width:6px}.adv-detail-panel::-webkit-scrollbar-track,.adv-grid-panel::-webkit-scrollbar-track{background:#12121f;background:var(--bg-primary,#12121f)}.adv-detail-panel::-webkit-scrollbar-thumb,.adv-grid-panel::-webkit-scrollbar-thumb{background:#333;background:var(--border,#333);border-radius:3px}.adv-detail-panel::-webkit-scrollbar-thumb:hover,.adv-grid-panel::-webkit-scrollbar-thumb:hover{background:#9a95a8;background:var(--accent-muted,#9a95a8)}.wm-layout{height:100%;overflow:hidden}.wm-layout,.wm-map-area{background:var(--bg-primary);display:flex}.wm-map-area{flex:65 1;flex-direction:column;min-width:0;position:relative}.wm-canvas-wrap{cursor:grab;flex:1 1;overflow:hidden}.wm-canvas-wrap:active{cursor:grabbing}.wm-canvas-wrap canvas{display:block;height:100%;width:100%}.wm-toast-stack{align-items:center;display:flex;flex-direction:column;gap:.25rem;left:50%;min-height:28px;pointer-events:none;position:absolute;top:70px;transform:translateX(-50%);z-index:100}.wm-toast{animation:wm-toast-slide-fade 1.5s ease-out forwards;border-radius:var(--radius-sm);box-shadow:0 1px 4px #0003;font-size:.75rem;font-weight:700;padding:.35rem .65rem;white-space:nowrap}.wm-toast.success{background:#5a8264f2;border:1px solid #78b48c99;color:#e8f5e8;text-shadow:0 1px 2px #0006}.wm-toast.error{background:#825050f2;border:1px solid #b46e6e99;color:#f5e8e8;text-shadow:0 1px 2px #0006}.wm-toast.fading{animation:wm-toast-fade-out .3s ease-out forwards!important}@keyframes wm-toast-slide-fade{0%{opacity:0;transform:translateX(-8px)}8%{opacity:1;transform:translateX(0)}75%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(0)}}@keyframes wm-toast-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(8px)}}.wm-toast.combo-pulse{opacity:1!important}.wm-toast-pulse-anim{animation:wm-gather-pulse .4s ease-out}@keyframes wm-gather-pulse{0%{transform:scale(1)}25%{transform:scale(1.12)}50%{transform:scale(.98)}75%{transform:scale(1.03)}to{transform:scale(1)}}.wm-combo-multiplier{color:#facc15;font-weight:700;margin-right:.5rem}@keyframes combo-badge-pulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.wm-map-controls{background:var(--bg-secondary);display:flex;flex-direction:column;gap:2px;padding:4px;position:absolute;right:8px;top:8px}.wm-map-controls,.wm-map-controls button{border:1px solid var(--border);border-radius:var(--radius-sm)}.wm-map-controls button{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:700;height:24px;transition:all .15s;width:24px}.wm-map-controls button:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.wm-map-controls span{color:var(--text-muted);font-size:.55rem;padding:1px 0;text-align:center}.wm-trade-route-toggle{position:relative}.wm-trade-route-toggle.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.wm-trade-route-toggle.active:hover{background:#c9a044;color:var(--bg-primary)}.wm-map-hint{bottom:6px;color:var(--text-muted);font-size:.55rem;left:50%;opacity:.6;pointer-events:none;position:absolute;transform:translateX(-50%)}.wm-explore-row{align-items:center;display:flex;gap:6px;left:8px;position:absolute;top:8px;z-index:10}.wm-explore-limit{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.4rem;padding:.35rem .6rem;transition:all .15s}.wm-explore-limit.active,.wm-explore-limit:hover{border-color:var(--accent-gold)}.wm-explore-icon{font-size:.9rem}.wm-explore-text{color:var(--text-primary);font-family:Cinzel,serif;font-size:.75rem;font-weight:600}.wm-explore-hint{color:var(--text-muted);font-size:.65rem;margin-left:.2rem}.wm-trade-route-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.4rem;justify-content:center;left:8px;min-width:92px;padding:.35rem .6rem;position:absolute;top:48px;transition:all .15s;z-index:10}.wm-trade-route-bar.active,.wm-trade-route-bar:hover{border-color:var(--accent-gold)}.wm-trade-route-bar.active{background:#dab05026}.wm-tr-bar-icon{font-size:.9rem}.wm-tr-bar-status{color:var(--text-primary);font-size:.75rem;font-weight:600}.wm-trade-route-bar.active .wm-tr-bar-status{color:var(--accent-gold)}.wm-help-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:26px;justify-content:center;transition:all .15s;width:26px}.wm-help-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);color:var(--accent-gold)}.wm-explore-tooltip{background:var(--bg-primary);border:1px solid var(--accent-gold);border-radius:var(--radius);box-shadow:0 4px 20px #00000080;left:140px;overflow:hidden;position:absolute;top:8px;width:260px;z-index:100}.wm-tooltip-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem .75rem}.wm-tooltip-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.75rem;font-weight:600}.wm-tooltip-close{align-items:center;background:#0000;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;height:20px;justify-content:center;transition:all .15s;width:20px}.wm-tooltip-close:hover{border-color:#c55;color:#c55}.wm-tooltip-body{padding:.75rem}.wm-tooltip-desc{color:var(--text-secondary);font-size:.7rem;line-height:1.5;margin:0 0 .6rem}.wm-tooltip-desc strong{color:var(--accent-gold)}.wm-tooltip-bonuses{display:flex;flex-direction:column;gap:.25rem;max-height:180px;overflow-y:auto}.wm-tooltip-bonus{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;display:flex;font-size:.68rem;justify-content:space-between;padding:.3rem .5rem}.wm-bonus-tech{color:var(--text-primary);font-weight:500;text-transform:capitalize}.wm-bonus-value{color:var(--success);font-weight:600}.wm-beacons{border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:.5rem .6rem}.wm-beacons-header{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.68rem;font-weight:600;margin-bottom:.4rem}.wm-beacons-list{display:flex;flex-wrap:wrap;gap:.3rem}.wm-beacon-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.65rem;gap:.3rem;padding:.25rem .5rem;transition:all .15s}.wm-beacon-btn:hover:not(:disabled){background:#9070d01a;border-color:#9070d0;color:#b090e0}.wm-beacon-btn.current{background:#d2af6e1a;border-color:var(--accent-gold);color:var(--accent-gold)}.wm-beacon-btn:disabled{cursor:not-allowed;opacity:.5}.wm-beacon-icon{font-size:.8rem}.wm-beacon-name{font-weight:500}.wm-modal-overlay{background:#000000b3}.wm-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #00000080;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.wm-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.wm-modal-header h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.9rem;font-weight:600;margin:0}.wm-modal-close{background:#0000;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:1.2rem;transition:all .15s}.wm-modal-close:hover{border-color:#c55;color:#c55}.wm-modal-content{max-height:calc(80vh - 60px);padding:1rem}.wm-help-section{margin-bottom:1rem}.wm-help-section:last-child{margin-bottom:0}.wm-help-section h3{color:var(--text-primary);font-size:.75rem;font-weight:600;margin:0 0 .35rem}.wm-help-section p{color:var(--text-secondary);font-size:.68rem;line-height:1.5;margin:0}.wm-help-section strong{color:var(--accent-gold)}.wm-side-panel{background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex:35 1;flex-direction:column;max-width:290px;min-width:190px;overflow-x:hidden;overflow-y:auto}.wm-location-card{align-items:flex-start;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;gap:.6rem;padding:.75rem 1rem;position:relative}.wm-loc-icon{flex-shrink:0;font-size:1.6rem;line-height:1}.wm-loc-info{flex:1 1;min-width:0}.wm-loc-info h3{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.9rem;font-weight:600;margin:0}.wm-loc-info p{color:var(--text-secondary);font-size:.7rem;line-height:1.4;margin:4px 0 0}.wm-outpost-badge{background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success);font-size:.6rem;font-weight:600;padding:3px 8px;position:absolute;right:8px;top:8px}.wm-wonder-site-card{animation:wonder-site-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#d4a05526 0,var(--bg-tertiary) 100%);border-left:3px solid #d4a055;flex-direction:column;gap:.75rem}@keyframes wonder-site-glow{0%,to{box-shadow:inset 0 0 10px #d4a0551a}50%{box-shadow:inset 0 0 20px #d4a05533}}.wm-wonder-site-header{align-items:center;display:flex;gap:.75rem}.wm-wonder-site-icon{filter:drop-shadow(0 0 8px rgba(212,160,85,.5));font-size:2rem;line-height:1}.wm-wonder-site-title{flex:1 1}.wm-wonder-site-badge{background:#d4a05533;border-radius:3px;color:#d4a055;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px;padding:2px 6px;text-transform:uppercase}.wm-wonder-site-title h3{color:#d4a055;font-family:Cinzel,serif;font-size:1rem;font-weight:700;margin:0}.wm-wonder-site-body{display:flex;flex-direction:column;gap:.6rem}.wm-wonder-site-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.5;margin:0}.wm-wonder-site-cta{align-items:center;background:#d4a05526;border:1px solid #d4a0554d;border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .65rem}.wm-wonder-cta-icon{font-size:1rem}.wm-wonder-site-cta strong{color:#d4a055}.wm-wonder-click-hint{color:var(--text-muted);font-size:.65rem;margin-top:.25rem;opacity:.7;text-align:center}.wm-wonder-expand-hint{color:#d4a055;font-size:.7rem;opacity:.6;transition:opacity .2s}.wm-wonder-site-card:hover .wm-wonder-expand-hint{opacity:1}.wm-wonder-site-card.expanded{background:linear-gradient(135deg,#d4a05533 0,var(--bg-tertiary) 100%)}.wm-wonder-details{display:flex;flex-direction:column;gap:.6rem}.wm-wonder-lore{background:#0003;border-left:2px solid #d4a05566;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.72rem;font-style:italic;line-height:1.5;margin:0;padding:.5rem}.wm-wonder-effects{display:flex;flex-direction:column;gap:.4rem}.wm-wonder-effects-label{color:#d4a055;font-size:.68rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wm-wonder-effect-group{display:flex;flex-wrap:wrap;gap:.3rem}.wm-wonder-effect{border-radius:3px;font-size:.7rem;padding:.2rem .4rem;white-space:nowrap}.wm-wonder-effect.bonus{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.wm-wonder-effect.global{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.wm-wonder-effect.research{background:#a855f726;border:1px solid #a855f74d;color:#c084fc}.wm-wonder-effect.flat{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.wm-wonder-tier{border-top:1px solid #d4a05533;color:var(--text-muted);font-size:.65rem;padding-top:.25rem;text-align:right}.wm-cooldowns{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.6rem;padding:.6rem .75rem}.wm-cd{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;flex:1 1;font-size:.65rem;font-weight:500;justify-content:space-between;min-width:70px;padding:.35rem .5rem;transition:all .2s}.wm-cd.move.active{background:var(--royal-blue-bg);border-color:#648cb466;color:var(--royal-blue)}.wm-cd.gather.active{background:var(--success-bg);border-color:#5a9a4a66;color:var(--success)}.wm-cd.expedition{background:#b48c3c1a;border-color:#b48c3c4d;color:var(--accent-gold)}.wm-cd.expedition.active{background:linear-gradient(135deg,#b48c3c26,#c8a0501a);border-color:var(--accent-gold)}.wm-auto-move{align-items:center;background:#64b4ff1a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem .75rem}.wm-auto-move-status{align-items:center;display:flex;gap:.4rem}.wm-auto-icon{animation:autoMoveIcon 1s ease-in-out infinite;font-size:.9rem}@keyframes autoMoveIcon{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.wm-auto-text{color:#7ab8e8;font-size:.68rem;font-weight:500}.wm-auto-cancel{background:#0000;border:1px solid #ff646466;border-radius:var(--radius-sm);color:#d88;cursor:pointer;font-size:.62rem;font-weight:500;padding:.25rem .5rem;transition:all .15s}.wm-auto-cancel:hover{background:#ff646426;border-color:#d88}.wm-actions{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:.75rem}.wm-action-group{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.wm-action-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.wm-gather-buttons{display:flex;gap:.5rem}.wm-gather-buttons .wm-btn{flex:1 1}.wm-btn-toggle{background:#d977064d;border:1px solid #d9770680;border-radius:var(--radius-sm);color:#d97706e6;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .15s}.wm-btn-toggle:hover{background:#d9770666;border-color:#d9770699}.wm-btn-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.wm-btn-toggle.active:hover{background:#2563eb;border-color:#2563eb}.wm-resource-list{display:flex;gap:.3rem;justify-content:space-between;margin-bottom:.6rem}.wm-resource-list.count-1{justify-content:center}.wm-resource-list.count-1 .wm-res-tag{flex:1 1;max-width:100%}.wm-resource-list.count-2{justify-content:space-between}.wm-resource-list.count-2 .wm-res-tag{flex:1 1;max-width:calc(50% - .15rem)}.wm-resource-list.count-3,.wm-resource-list.count-4,.wm-resource-list.count-5,.wm-resource-list.count-6{justify-content:space-between}.wm-resource-list.count-3 .wm-res-tag{flex:1 1;max-width:calc(33.333% - .2rem)}.wm-resource-list.count-4 .wm-res-tag{flex:1 1;flex-basis:calc(50% - 0.15rem);max-width:calc(50% - .15rem)}.wm-resource-list.count-5 .wm-res-tag,.wm-resource-list.count-6 .wm-res-tag{flex:1 1;flex-basis:calc(33.333% - 0.2rem);max-width:calc(33.333% - .2rem)}.wm-cost-list,.wm-resource-list.count-4,.wm-resource-list.count-5,.wm-resource-list.count-6{flex-wrap:wrap}.wm-cost-list{display:flex;gap:.35rem;margin-bottom:.6rem}.wm-res-tag{font-size:.68rem;padding:.25rem .4rem;text-align:center}.wm-cost-tag,.wm-res-tag{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);text-transform:capitalize}.wm-cost-tag{font-size:.7rem;padding:.25rem .5rem}.wm-tile-quality{background:var(--bg-tertiary);border-radius:3px;color:var(--text-muted);font-size:.6rem;font-weight:600;margin-left:.5rem;padding:.1rem .35rem}.wm-tile-quality.high{background:#65a85526;color:var(--success)}.wm-tile-quality.low{background:#a8555526;color:#c99}.wm-cost-tag.insufficient{background:#b450461a;border-color:#b4504666;color:#c08a85}.wm-income-preview{color:var(--success);font-size:.7rem;font-style:italic;margin-bottom:.6rem}.wm-income-active{display:flex;flex-wrap:wrap;gap:.35rem}.wm-income-tag{background:var(--success-bg);border:1px solid var(--success);border-radius:4px;color:var(--success);font-size:.7rem;padding:.25rem .5rem}.wm-btn{border:1px solid;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .15s;width:100%}.wm-btn.primary{background:var(--success);border-color:var(--success);color:#fff}.wm-btn.primary:hover:not(:disabled){animation:microBounce .3s ease;background:#7a9960}.wm-btn.primary:disabled{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.wm-btn.auto-gather{background:#3b82f6;border-color:#3b82f6;color:#fff}.wm-btn.auto-gather:hover:not(:disabled){background:#2563eb}.wm-btn.auto-gather:disabled{background:#3b82f666;border-color:#3b82f666;color:#fff9;cursor:not-allowed}@keyframes togglePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wm-btn.auto-gather.just-enabled{animation:togglePulse .3s ease-out}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.95)}to{transform:scale(1)}}.wm-btn.bounce{animation:bounce .2s cubic-bezier(.34,1.56,.64,1)}.wm-btn.gold{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.wm-btn.gold:hover:not(:disabled){filter:brightness(1.1)}.wm-btn.gold:disabled{color:var(--text-muted);cursor:not-allowed}.wm-btn.gold:disabled,.wm-btn.secondary{background:var(--bg-tertiary);border-color:var(--border)}.wm-btn.secondary{color:var(--text-secondary)}.wm-btn.secondary:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.wm-btn.danger{background:linear-gradient(135deg,#b4504633,#963c3726);border-color:#b4504680;color:#d88}.wm-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#b450464d,#963c3740);border-color:#c8645a99;color:#e99}.wm-dungeon-entry{margin:.5rem 0}.wm-btn-dungeon{align-items:center;background:linear-gradient(135deg,#dc262640,#b4282826);border:2px solid #dc262699;border-radius:var(--radius-sm);box-shadow:0 2px 8px #dc262633;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.wm-btn-dungeon:hover{background:linear-gradient(135deg,#dc262659,#b4282840);border-color:#ef4444cc;box-shadow:0 4px 12px #dc26264d;color:#fca5a5;transform:translateY(-2px)}.wm-btn-dungeon:active{box-shadow:0 2px 6px #dc262633;transform:translateY(0)}.wm-btn-encounter{align-items:center;background:linear-gradient(135deg,#14b8a640,#0d948826);border:2px solid #14b8a699;border-radius:var(--radius-sm);box-shadow:0 2px 8px #14b8a633;color:#5eead4;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.wm-btn-encounter:hover{background:linear-gradient(135deg,#14b8a659,#0d948840);border-color:#2dd4bfcc;box-shadow:0 4px 12px #14b8a64d;color:#99f6e4;transform:translateY(-2px)}.wm-btn-encounter:active{box-shadow:0 2px 6px #14b8a633;transform:translateY(0)}.wm-btn-encounter:disabled{cursor:not-allowed;opacity:.6;transform:none}.wm-btn-encounter:disabled:hover{background:linear-gradient(135deg,#14b8a640,#0d948826);border-color:#14b8a699;box-shadow:0 2px 8px #14b8a633;color:#5eead4;transform:none}.wm-btn-icon{display:inline-block;font-size:1.2rem}.wm-btn-text{letter-spacing:.3px;text-transform:uppercase}.wm-expedition-durations{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.wm-expedition-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.4rem .3rem;transition:all .15s ease}.wm-expedition-btn:hover{background:var(--bg-tertiary);border-color:#b48c3c80}.wm-expedition-btn.selected{background:#b48c3c26;border-color:var(--accent-gold);box-shadow:0 0 6px #b48c3c40}.wm-exp-label{color:var(--text-primary);font-size:.6rem;font-weight:600}.wm-exp-mult{color:var(--accent-gold);font-size:.55rem;font-weight:500}.wm-expedition-preview{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;margin-top:.4rem;padding:.5rem}.wm-expedition-preview-label{color:var(--text-muted);font-size:.6rem;letter-spacing:.3px;margin-bottom:.3rem;text-transform:uppercase}.wm-expedition-preview .wm-resource-list{margin-bottom:.5rem}.wm-expedition-preview .wm-btn{margin-top:.3rem}.wm-expedition-active{background:linear-gradient(135deg,var(--bg-tertiary),#b48c3c0f);border-color:var(--accent-gold);padding:.75rem!important}.wm-expedition-grid{grid-gap:.4rem;align-items:center;display:grid;gap:.4rem;grid-template-columns:1fr 1fr 1fr}.wm-expedition-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.35rem;grid-column:1/4;padding-bottom:.35rem}.wm-expedition-title{color:var(--accent-gold);font-size:.72rem;font-weight:600}.wm-expedition-rewards-row{display:flex;gap:.4rem;grid-column:1/4;justify-content:space-around;padding:.3rem 0}.wm-exp-reward{color:var(--success);flex:1 1;font-size:.68rem}.wm-exp-cancel,.wm-exp-reward{font-weight:500;text-align:center}.wm-exp-cancel{background:#b4504626;border:1px solid #b4504666;border-radius:4px;color:#d88;cursor:pointer;font-size:.65rem;grid-column:1;padding:.35rem .5rem;transition:all .15s}.wm-exp-cancel:hover{background:#b4504640;border-color:#c8645a80}.wm-expedition-timer{font-feature-settings:"tnum";background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;grid-column:2/4;padding:.3rem .5rem;text-align:center}.wm-expedition-bar-wrap{display:none}.wm-expedition-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;height:6px;overflow:hidden}.wm-expedition-fill{background:linear-gradient(90deg,var(--accent-gold),#e0c080);border-radius:2px;height:100%;transition:width .1s linear}.wm-kingdom-info{flex:1 1;padding:.75rem}.wm-kingdom-info p{color:var(--text-secondary);font-size:.75rem;line-height:1.6;margin:0 0 .5rem}.wm-kingdom-info p:last-child{margin-bottom:0}.wm-stats{background:var(--bg-tertiary);border-top:1px solid var(--border);display:flex;gap:.75rem;margin-top:auto;padding:.4rem .5rem}.wm-stat{flex:1 1;text-align:center}.wm-stat-label{color:var(--text-muted);display:block;font-size:.5rem;letter-spacing:.3px;margin-bottom:1px;text-transform:uppercase}.wm-stat-value{color:var(--text-primary);display:block;font-family:Cinzel,serif;font-size:.75rem;font-weight:600}.wm-side-panel::-webkit-scrollbar{width:5px}.wm-side-panel::-webkit-scrollbar-track{background:var(--bg-primary)}.wm-side-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.wm-side-panel::-webkit-scrollbar-thumb:hover{background:#555}.wm-event-log{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);margin:.75rem .75rem 0}.wm-event-log-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--accent-gold);display:flex;font-family:Cinzel,serif;font-size:.68rem;font-weight:600;justify-content:space-between;letter-spacing:.03em;padding:.4rem .65rem}.wm-event-nav{align-items:center;display:flex;gap:.35rem}.wm-event-nav-btn{background:#3c322880;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:.6rem;padding:.15rem .4rem;transition:all .15s ease}.wm-event-nav-btn:hover:not(:disabled){background:#50463799;color:var(--text-primary)}.wm-event-nav-btn:disabled{cursor:default;opacity:.35}.wm-event-nav-count{color:var(--text-muted);font-size:.6rem;min-width:2.5rem;text-align:center}.wm-event-log-entries{max-height:180px;overflow-x:hidden;overflow-y:auto}.wm-event-entry{animation:eventFadeIn .3s ease-out;background:#0000;border-bottom:1px solid #ffffff0a;box-sizing:border-box;min-height:72px;padding:.65rem .75rem;transition:background .2s ease}.wm-event-entry:first-child{background:#ffffff05}.wm-event-entry:last-child{border-bottom:none}@keyframes eventFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.wm-event-entry.good{border-left:3px solid var(--success);padding-left:calc(.7rem - 3px)}.wm-event-entry.bad{border-left:3px solid #a85555;padding-left:calc(.7rem - 3px)}.wm-event-biome{align-items:center;display:flex;gap:.35rem;margin-bottom:.3rem}.wm-event-icon{font-size:.9rem}.wm-event-biome-name{color:var(--text-muted);font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.wm-event-text{word-wrap:break-word;color:var(--text-primary);font-size:.7rem;font-style:italic;line-height:1.45;opacity:.9}.wm-event-effects{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem}.wm-event-reward{color:var(--success);font-size:.68rem;font-weight:600}.wm-event-penalty{color:#d88;font-size:.68rem;font-weight:600}.wm-event-log-entries::-webkit-scrollbar{width:6px}.wm-event-log-entries::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.wm-event-log-entries::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.wm-event-log-entries::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:700px){.wm-layout{flex-direction:column}.wm-map-area{flex:1 1;min-height:180px}.wm-side-panel{border-left:none;border-top:1px solid var(--border);flex:none;max-height:35vh;max-width:none;min-width:0}.wm-expedition-durations{justify-content:center}}.wm-build-section{padding:.75rem}.wm-build-section .wm-action-label{align-items:center;display:flex;gap:.5rem}.wm-cost-tooltip-trigger{color:var(--text-muted);cursor:help;font-size:.65rem;opacity:.7;transition:opacity .15s}.wm-cost-tooltip-trigger:hover{color:var(--accent);opacity:1}.wm-building-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;max-height:200px;overflow-y:auto}.wm-building-row{align-items:center;background:#3c322859;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem .75rem;transition:all .15s ease}.wm-building-row:hover{background:#50463773}.wm-building-row.selected{background:#d4a85526;box-shadow:0 0 6px #d4a85533}.wm-building-row.unaffordable{opacity:.55}.wm-building-row.unaffordable:hover{opacity:.7}.wm-building-row-left{align-items:center;display:flex;gap:.5rem;min-width:0}.wm-building-icon{flex-shrink:0;font-size:.9rem}.wm-building-name{color:var(--text-primary);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-building-count{color:var(--text-muted);flex-shrink:0;font-size:.65rem}.wm-building-row-right{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.wm-building-row-top{display:flex;width:100%}.wm-building-row-bottom{display:flex;gap:.3rem;justify-content:space-between}.wm-building-row-bottom.count-1{justify-content:center}.wm-building-row-bottom.count-1 .resource-chip{flex:1 1;max-width:100%}.wm-building-row-bottom.count-2 .resource-chip{flex:1 1;max-width:calc(50% - .15rem)}.wm-building-row-bottom.count-3 .resource-chip{flex:1 1;max-width:calc(33.333% - .2rem)}.wm-building-row-bottom.count-4 .resource-chip{flex:1 1;max-width:calc(25% - .225rem)}.wm-building-row-bottom .resource-chip{border:1px solid var(--border);justify-content:center;white-space:nowrap}.wm-building-empty{color:var(--text-muted);font-size:.7rem;font-style:italic;padding:1rem;text-align:center}.wm-build-action{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.wm-info-btn{background:#3c322866;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.7rem;font-weight:500;padding:.4rem .75rem;transition:all .15s ease}.wm-info-btn:hover{background:#50463780;border-color:var(--text-muted);color:var(--text-primary)}.wm-build-btn{background:linear-gradient(135deg,#d4a85540,#b48c4633);border:1px solid var(--accent);border-radius:4px;color:var(--accent);cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem 1.25rem;transition:all .15s ease}.wm-build-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4a85559,#b48c464d);box-shadow:0 0 8px #d4a8554d}.wm-build-btn:disabled{cursor:not-allowed;opacity:.4}.wm-built-info{background:#65a8551a;border:1px solid #65a85540;border-radius:5px;color:var(--success);font-size:.75rem;margin-top:.5rem;padding:.5rem .75rem;text-align:center}.wm-building-info-panel{background:#2d2823b3;border:1px solid var(--border);border-radius:6px;margin-top:.75rem;padding:.75rem}.wm-info-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:.5rem;margin-bottom:.6rem;padding-bottom:.5rem}.wm-info-icon{font-size:1.1rem}.wm-info-name{color:var(--accent);flex:1 1;font-size:.85rem;font-weight:600}.wm-info-tier{background:#ffffff0f;border-radius:3px;color:var(--text-muted);font-size:.65rem;padding:.15rem .4rem}.wm-info-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4;margin-bottom:.75rem}.wm-info-section{margin-bottom:.6rem}.wm-info-section:last-of-type{margin-bottom:0}.wm-info-label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.03em;margin-bottom:.35rem;text-transform:uppercase}.wm-info-values{display:flex;flex-wrap:wrap;gap:.5rem}.wm-info-prod{color:var(--success);font-size:.72rem}.wm-info-consume{color:#c99;font-size:.72rem}.wm-info-cost-compare{align-items:flex-start;display:flex;gap:.75rem}.wm-cost-column{display:flex;flex-direction:column;gap:.2rem}.wm-cost-header{color:var(--text-muted);font-size:.65rem;font-weight:600;margin-bottom:.15rem}.wm-cost-column.tile-cost .wm-cost-header{color:var(--accent)}.wm-cost-item{color:var(--text-secondary);font-size:.72rem}.wm-cost-item.insufficient{color:#c88}.wm-cost-arrow{color:var(--text-muted);font-size:.8rem;margin-top:1rem}.wm-info-flavor{border-top:1px solid #ffffff0f;color:var(--text-muted);font-size:.68rem;font-style:italic;line-height:1.35;margin-top:.6rem;padding-top:.5rem}.wm-preview-panel{background:var(--bg-tertiary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);margin:.75rem .75rem 0;padding:.75rem}.wm-preview-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.wm-preview-icon{font-size:1rem}.wm-preview-name{color:var(--accent);flex:1 1;font-size:.8rem;font-weight:600}.wm-preview-close{background:#0000;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.2rem .4rem;transition:all .15s ease}.wm-preview-close:hover{background:#ffffff1a;color:var(--text-primary)}.wm-preview-hint{border-bottom:1px solid #ffffff0f;color:var(--text-muted);font-size:.65rem;font-style:italic;padding-bottom:.5rem}.wm-preview-hint,.wm-preview-section{margin-bottom:.6rem}.wm-preview-section:last-child{margin-bottom:0}.wm-preview-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.68rem;font-weight:600;gap:.5rem;margin-bottom:.3rem}.wm-preview-yields{display:flex;flex-wrap:wrap;gap:.5rem}.wm-preview-yield{background:#65a8551a;border-radius:3px;color:var(--success);font-size:.7rem;padding:.2rem .5rem}.wm-gather-chip.resource-chip{background:#80b85826;border:1px solid var(--success)}.wm-gather-chip.resource-chip .rc-amount,.wm-gather-chip.resource-chip .rc-icon{color:var(--success)}.wm-gather-chip.resource-chip .rc-amount{font-weight:600}.wm-preview-building{background:#d4a8551a;border-radius:4px;color:var(--accent);font-size:.72rem;padding:.3rem .5rem}.wm-preview-wonder{background:linear-gradient(135deg,#d4a0551f 0,var(--bg-tertiary) 100%);border-left:3px solid #d4a055}.wm-preview-wonder .wm-preview-name{color:#d4a055}.wm-preview-wonder-badge{background:#d4a05533;border-radius:3px;color:#d4a055;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;padding:2px 6px;text-transform:uppercase}.wm-preview-wonder-hint{border-left:2px solid #d4a05566;color:var(--text-secondary);font-style:italic;margin-left:0;padding-left:.5rem}.wm-preview-wonder-effects{display:flex;flex-wrap:wrap;gap:.3rem}.wm-preview-wonder-footer{align-items:center;border-top:1px solid #d4a05533;display:flex;justify-content:space-between;margin-top:.6rem;padding-top:.5rem}.wm-preview-wonder-tier{color:var(--text-muted);font-size:.65rem}.wm-preview-wonder-cta{color:#d4a055;font-size:.65rem;font-weight:500}.wm-dungeon-preview-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr);padding:.5rem 0}.wm-dungeon-stat-compact{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.15rem;padding:.3rem .4rem;text-align:center}.wm-dungeon-stat-label{color:var(--text-muted);font-size:.58rem;letter-spacing:.02em;text-transform:uppercase}.wm-dungeon-stat-value{color:var(--text-primary);font-size:.7rem;font-weight:700;line-height:1}.wm-dungeon-enemies-compact{grid-column:span 2}.wm-dungeon-enemies-compact,.wm-dungeon-loot-compact{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.25rem;padding:.3rem .4rem}.wm-dungeon-loot-compact{text-align:center}.wm-dungeon-compact-label{color:var(--text-muted);font-size:.58rem;letter-spacing:.02em;text-transform:uppercase}.wm-dungeon-mob-icons{align-items:center;display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center}.wm-dungeon-mob-icon{font-size:.85rem;line-height:1}.wm-dungeon-mob-count{color:var(--text-muted);font-size:.6rem;font-weight:600;margin-left:.1rem}.wm-loot-tier-compact{color:var(--accent-gold);font-size:.66rem;font-weight:700;line-height:1;text-transform:capitalize}.wm-preview-beacon{background:#5090c026;border-radius:4px;color:#70b0e0;font-size:.7rem;padding:.3rem .5rem}.wm-preview-builds{display:flex;flex-direction:column;gap:.25rem}.wm-preview-build-item{display:flex}.wm-preview-build-item .building-chip{width:100%}.wm-preview-build-more{font-size:.6rem;padding:.2rem 0}.wm-preview-build-more,.wm-preview-empty{color:var(--text-muted);text-align:center}.wm-preview-empty{background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:.75rem;font-style:italic;padding:.4rem .5rem}.wm-abilities-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:.3rem;padding:.35rem .6rem;transition:all .2s ease}.wm-abilities-btn:hover{background:#fbbf241a;border-color:#fbbf2466;color:var(--accent-gold)}.wm-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wm-modal-content{border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 0 40px #fbbf2426,0 20px 40px #00000080;max-height:85vh;max-width:90vw;overflow-y:auto;position:relative}.wm-abilities-modal{background:var(--bg-secondary);width:460px}.wm-modal-close{align-items:center;background:#fc818126;border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:10}.wm-modal-close:hover{background:var(--accent-red);color:#fff}.wm-great-work-banner{animation:wm-gw-slide-in .3s ease-out;left:50%;position:absolute;top:10px;transform:translateX(-50%);z-index:200}@keyframes wm-gw-slide-in{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.wm-gw-banner-content{align-items:center;background:linear-gradient(135deg,#8b5cf6f2,#6d3ed8f2);border:2px solid #a78bfa;border-radius:var(--radius-md);box-shadow:0 4px 20px #8b5cf680,0 0 30px #8b5cf64d;display:flex;gap:.75rem;padding:.6rem 1rem}.wm-gw-icon{font-size:1.4rem}.wm-gw-info{display:flex;flex-direction:column;gap:.1rem}.wm-gw-title{color:#fff;font-size:.9rem;font-weight:700}.wm-gw-hint{color:#fffc;font-size:.7rem}.wm-gw-cancel{background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem .8rem;transition:all .2s}.wm-gw-cancel:hover{background:#ffffff40;border-color:#ffffff80}.wm-preview-traderoute{background:linear-gradient(135deg,#dab05014,#504a4026);border:1px solid #dab05040;border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem}.wm-preview-traderoute .wm-preview-label{align-items:center;display:flex;gap:.5rem}.wm-tr-connected{background:#80b85833;border-radius:3px;color:var(--success);font-size:.6rem;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:.15rem .4rem;text-transform:uppercase}.wm-tr-status{font-size:.68rem;line-height:1.4;margin-top:.35rem}.wm-tr-active{color:var(--success);font-style:italic}.wm-tr-blocked{color:var(--text-muted);font-style:italic}.wm-tr-build-section{margin-top:.4rem}.wm-tr-cost-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.wm-tr-cost-chip{background:#00000026;border:1px solid var(--border);border-radius:4px}.wm-tr-insufficient{border-color:#c0606080;opacity:.6}.wm-tr-distance{color:var(--text-muted);font-size:.62rem;margin-bottom:.4rem}.wm-tr-build-btn{background:linear-gradient(180deg,var(--accent-gold) 0,#c9a044 100%);border:1px solid var(--accent-gold);border-radius:4px;color:var(--bg-primary);cursor:pointer;font-family:Cinzel,serif;font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:.45rem .75rem;text-transform:uppercase;transition:all .2s ease;width:100%}.wm-tr-build-btn:hover:not(:disabled){background:linear-gradient(180deg,#e8c060 0,var(--accent-gold) 100%);box-shadow:0 2px 6px #dab0504d;transform:translateY(-1px)}.wm-tr-build-btn:active:not(:disabled){transform:translateY(0)}.wm-tr-build-btn:disabled{background:var(--bg-light);border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.5}.wm-tr-section{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.5rem}.wm-tr-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.wm-tr-label{color:var(--accent-gold);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wm-preview-greatwork{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem}.wm-preview-greatwork-complete{background:#22c55e1a;border-color:#22c55e4d}.wm-gw-constructing{color:#f59e0b!important}.wm-gw-complete{color:#22c55e!important}.wm-gw-info-panel{align-items:center;display:flex;gap:.5rem;margin:.4rem 0}.wm-gw-icon{font-size:1.3rem}.wm-gw-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.wm-gw-progress-bar{background:#0000004d;border-radius:3px;height:6px;margin:.3rem 0;overflow:hidden;width:100%}.wm-gw-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;height:100%;transition:width .2s ease-out}.wm-gw-timer{color:#f59e0b;font-size:.72rem;text-align:center}.wm-gw-effects{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.wm-gw-effect{background:#0003;border-radius:var(--radius-sm);font-size:.7rem;padding:.15rem .4rem}.wm-gw-effect.bonus{color:var(--success)}.wm-gw-effect.global{color:var(--royal-blue)}.wm-tr-preview{background:#dab0500f;border:1px solid #dab05033;border-radius:var(--radius-sm);margin-top:.35rem;padding:.35rem .4rem}.wm-tr-preview-status{align-items:center;border-radius:var(--radius-sm);display:flex;gap:.35rem;padding:.25rem .3rem}.wm-tr-preview-icon{font-size:.85rem;line-height:1}.wm-tr-preview-info{display:flex;flex-direction:column;gap:0}.wm-tr-preview-title{color:var(--text-primary);font-size:.68rem;font-weight:600;line-height:1.2}.wm-tr-preview-desc{color:var(--text-secondary);font-size:.6rem;line-height:1.2}.wm-tr-preview-connected{background:var(--success-bg);border:1px solid var(--success)}.wm-tr-preview-connected .wm-tr-preview-title{color:var(--success)}.wm-tr-preview-partial{background:#dab0501f;border:1px solid #dab0504d}.wm-tr-preview-partial .wm-tr-preview-title{color:var(--accent-gold)}.wm-tr-preview-none{background:#64646414;border:1px solid #64646426}.wm-tr-preview-none .wm-tr-preview-title{color:var(--text-secondary)}.wm-tr-preview-compact{margin-top:.35rem}.wm-tr-inline{font-size:.68rem;font-weight:600}.wm-tr-inline.connected{color:var(--success)}.wm-tr-inline.partial{color:var(--accent-gold)}.wm-tr-inline.none{color:var(--text-muted)}.wm-kingdom-card{align-items:stretch;background:linear-gradient(135deg,#00000059,#00000026);border:1px solid #dab05066;flex-direction:column;gap:8px;padding:.75rem}.wm-kingdom-card .wm-loc-info{margin-left:0;width:100%}.wm-kingdom-icon{align-self:center;border:1px solid #ffffff1a;box-shadow:0 2px 8px #0000004d;height:48px;margin-bottom:.5rem;width:48px}.wm-kingdom-card h3{font-size:.95rem;line-height:1.2}.wm-kingdom-card p{color:var(--text-muted);font-size:.8rem;line-height:1.3}.wm-kingdom-type{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wm-view-kingdom-btn{background:#dab0501f;border:1px solid #dab05059;border-radius:4px;color:var(--accent-gold);cursor:pointer;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;margin-top:4px;padding:7px 12px;text-shadow:0 1px 2px #0006;transition:all .2s ease;width:100%}.wm-view-kingdom-btn:hover{background:#dab05033;border-color:#dab05080;box-shadow:0 2px 8px #dab05040;color:#f0d070;transform:translateY(-1px)}.wm-view-kingdom-btn:active{transform:translateY(0)}.building-tooltip,.resource-tooltip,.tech-tooltip{width:300px}.building-chip{align-items:center;background:#8b5a2b26;border:1px solid #8b5a2b4d;border-radius:4px;cursor:help;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.15rem .4rem;transition:all .15s ease}.building-chip:hover{background:#8b5a2b40;border-color:#8b5a2b80;transform:translateY(-2px)}.building-chip .bc-icon{font-size:.9em}.building-chip .bc-name{color:var(--text-primary);font-weight:500}.building-chip .bc-count{color:var(--accent-gold);font-weight:600;margin-left:.15rem}.building-chip.bc-small{font-size:.7rem;padding:.1rem .3rem}.building-chip.bc-large{font-size:.9rem;padding:.2rem .5rem}.bc-unknown{color:var(--text-muted);font-style:italic}.building-tooltip{background:var(--bg-primary);border:1px solid var(--accent-gold);border-radius:8px;box-shadow:0 8px 32px #0009;overflow:hidden;padding:0;pointer-events:none;position:fixed;width:300px;z-index:10000}.bt-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;gap:.6rem;padding:.6rem .8rem}.bt-icon{font-size:1.4rem}.bt-info{display:flex;flex-direction:column}.bt-name{color:var(--accent-gold);font-family:Cinzel,serif;font-size:.9rem;font-weight:600}.bt-tier{color:var(--text-muted);font-size:.65rem}.bt-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0;padding:.6rem .8rem}.bt-desc,.bt-section{border-bottom:1px solid var(--border)}.bt-section{padding:.5rem .8rem}.bt-section:last-of-type{border-bottom:none}.bt-section-title{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.03em;margin-bottom:.4rem;text-transform:uppercase}.bt-requires .bt-tech-chain{display:flex;flex-direction:column;gap:.35rem}.bt-tech-item{align-items:center;background:#9370db1f;border:1px solid #9370db4d;border-radius:4px;display:flex;gap:.4rem;padding:.35rem .5rem}.bt-tech-item.main{background:#9370db33;border-color:#9370db80}.bt-tech-icon{font-size:.85rem}.bt-tech-name{color:#b8a0d8;flex:1 1;font-size:.75rem;font-weight:500}.bt-tech-tier{background:#0003;border-radius:3px;color:var(--text-muted);font-size:.6rem;padding:.1rem .3rem}.bt-prereq-chain{background:#00000026;border-radius:4px;display:flex;flex-direction:column;gap:.2rem;margin-top:.3rem;padding:.4rem}.bt-prereq-label{color:var(--text-muted);font-size:.6rem;font-style:italic}.bt-prereq-list{color:var(--text-secondary);font-size:.68rem;line-height:1.5}.bt-prereq-item{white-space:nowrap}.bt-available{padding:.4rem .8rem}.bt-available-text{color:var(--success);font-size:.75rem;font-weight:500}.bt-cost-list{display:flex;flex-wrap:wrap;gap:.4rem}.bt-cost-item{align-items:center;background:#daa5201a;border:1px solid #daa52040;border-radius:4px;display:flex;font-size:.72rem;gap:.25rem;padding:.25rem .4rem}.bt-cost-icon{font-size:.8rem}.bt-cost-amount{color:var(--text-primary);font-weight:600}.bt-cost-name{color:var(--text-muted);font-size:.65rem}.bt-cost-note{color:var(--text-muted);font-size:.6rem;font-style:italic;margin-top:.3rem}.bt-prod-list{display:flex;flex-wrap:wrap;gap:.4rem}.bt-prod-item{align-items:center;background:#65a8551f;border:1px solid #65a8554d;border-radius:4px;display:flex;font-size:.72rem;gap:.25rem;padding:.25rem .4rem}.bt-prod-icon{font-size:.8rem}.bt-prod-rate{color:var(--success);font-weight:600}.bt-prod-name{color:var(--text-muted);font-size:.65rem}.bt-flavor{background:var(--bg-tertiary);border-top:1px solid var(--border);color:var(--text-muted);font-size:.68rem;font-style:italic;line-height:1.4;padding:.5rem .8rem}.tech-chip{align-items:center;background:#9370db1f;border:1px solid #9370db4d;border-radius:4px;cursor:help;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.15rem .4rem;transition:all .15s ease}.tech-chip:hover{background:#9370db38;border-color:#9370db80;transform:translateY(-2px)}.tech-chip .tc-icon{font-size:.9em}.tech-chip .tc-name{color:#b8a0d8;font-weight:500}.tech-chip.tc-small{font-size:.7rem;padding:.1rem .3rem}.tech-chip.tc-large{font-size:.9rem;padding:.2rem .5rem}.tc-unknown{color:var(--text-muted);font-style:italic}.tech-tooltip{background:var(--bg-primary);border:1px solid #9370db99;border-radius:8px;box-shadow:0 8px 32px #0009;overflow:hidden;padding:0;pointer-events:none;position:fixed;width:300px;z-index:10000}.tt-header{align-items:center;background:#9370db1a;border-bottom:1px solid #9370db33;display:flex;gap:.6rem;padding:.6rem .8rem}.tt-icon{font-size:1.4rem}.tt-info{display:flex;flex-direction:column}.tt-name{color:#c8b8e8;font-family:Cinzel,serif;font-size:.9rem;font-weight:600}.tt-tier{color:var(--text-muted);font-size:.65rem}.tt-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0;padding:.6rem .8rem}.tt-desc,.tt-section{border-bottom:1px solid var(--border)}.tt-section{padding:.5rem .8rem}.tt-section:last-of-type{border-bottom:none}.tt-section-title{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.03em;margin-bottom:.4rem;text-transform:uppercase}.tt-prereq-list{display:flex;flex-wrap:wrap;gap:.35rem}.tt-prereq-item{align-items:center;background:#9370db26;border:1px solid #9370db4d;border-radius:4px;display:flex;font-size:.72rem;gap:.3rem;padding:.25rem .45rem}.tt-prereq-icon{font-size:.8rem}.tt-prereq-name{color:#b8a0d8;font-weight:500}.tt-building-list{display:flex;flex-wrap:wrap;gap:.35rem}.tt-building-item{align-items:center;background:#8b5a2b26;border:1px solid #8b5a2b4d;border-radius:4px;display:flex;font-size:.72rem;gap:.25rem;padding:.25rem .45rem}.tt-building-icon{font-size:.8rem}.tt-building-name{color:var(--text-primary);font-weight:500}.tt-building-count{color:var(--accent-gold);font-size:.68rem;font-weight:600}.tt-cost-list{display:flex;flex-wrap:wrap;gap:.4rem}.tt-cost-item{align-items:center;background:#daa5201a;border:1px solid #daa52040;border-radius:4px;display:flex;font-size:.72rem;gap:.25rem;padding:.25rem .4rem}.tt-cost-icon{font-size:.8rem}.tt-cost-amount{color:var(--text-primary);font-weight:600}.tt-cost-name{color:var(--text-muted);font-size:.65rem}.tt-unlock-list{display:flex;flex-wrap:wrap;gap:.35rem}.tt-unlock-item{align-items:center;background:#65a8551f;border:1px solid #65a8554d;border-radius:4px;display:flex;font-size:.72rem;gap:.25rem;padding:.25rem .45rem}.tt-unlock-icon{font-size:.8rem}.tt-unlock-name{color:var(--success);font-weight:500}.tt-unlock-more{color:var(--text-muted);font-size:.68rem;font-style:italic;padding:.25rem .4rem}.tt-available{padding:.4rem .8rem}.tt-available-text{color:var(--success);font-size:.75rem;font-weight:500}.tt-flavor{background:var(--bg-tertiary);border-top:1px solid var(--border);color:var(--text-muted);font-size:.68rem;font-style:italic;line-height:1.4;padding:.5rem .8rem}.quest-objectives .resource-chip{margin:0 .1rem}.quest-obj-rich{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem 0}.quest-obj-rich .obj-icon{flex-shrink:0;margin-top:.1rem}.quest-obj-rich .obj-text{display:inline;line-height:1.6}.quest-obj-rich .obj-text .building-chip,.quest-obj-rich .obj-text .resource-chip,.quest-obj-rich .obj-text .tech-chip{vertical-align:middle}.obj-hint{color:var(--text-muted);display:block;font-size:.7rem;font-style:italic;margin-left:.1rem;margin-top:.2rem}.obj-hint .building-chip,.obj-hint .tech-chip{font-size:.65rem;padding:.08rem .25rem}.ql-detail-extra{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.ql-extra-title{color:var(--accent-gold);font-size:.75rem;font-weight:600;margin-bottom:.5rem}.ql-extra-content{display:flex;flex-direction:column;gap:.5rem}.ql-req-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;display:flex;gap:.4rem;padding:.4rem .5rem}.ql-req-icon{flex-shrink:0;font-size:.85rem}.ql-req-text{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.ql-req-text strong{color:var(--text-primary);font-weight:600}.ql-req-sub{color:var(--text-muted);display:block;font-size:.68rem;margin-top:.2rem}.ql-req-sub .building-chip,.ql-req-sub .tech-chip{font-size:.65rem;margin:0 .15rem}.ql-req-chain{color:var(--text-muted);display:block;font-size:.62rem;font-style:italic;margin-left:.5rem;margin-top:.15rem}.tech-current-unlocks{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem;padding-top:.4rem}.tech-unlocks-label{color:var(--text-muted);font-size:.7rem;margin-right:.2rem}.tech-opt-req-buildings,.tech-opt-unlocks{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.7rem;gap:.25rem;margin-top:.25rem}.tech-opt-more{color:var(--text-muted);font-size:.65rem;font-style:italic}.wcc-buildings{display:flex;flex-wrap:wrap;gap:.3rem}.wcc-building-item{align-items:center;background:#8b5a2b1a;border:1px solid #8b5a2b33;border-radius:4px;display:flex;gap:.2rem;padding:.15rem .3rem}.wcc-building-item.insufficient{background:#dc35451a;border-color:#dc354566}.wcc-building-count{color:var(--text-secondary);font-size:.7rem;font-weight:600}.wt-building-tech{color:var(--text-muted);font-size:.65rem;margin-left:.3rem}.wm-building-row-left .building-chip{font-size:.75rem}.wm-built-info .building-chip,.wm-preview-building .building-chip{font-size:.8rem}.disaster-indicator{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:.35rem;padding:.3rem .6rem}.disaster-indicator.warning{background:#50412899;border-color:#8c6e3280;color:#c8aa64e6}.disaster-indicator.active{animation:subtle-pulse 2s ease-in-out infinite;background:#50282899;border-color:#8c3c3c80;color:#c87878e6}.disaster-icon{font-size:.85rem}.disaster-name{font-weight:600}.disaster-timer{background:#00000040;border-radius:3px;font-family:monospace;font-size:.6rem;opacity:.8;padding:.1rem .3rem}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.8}}.event-indicator{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:.35rem;padding:.3rem .6rem}.event-indicator.active{background:#2d463799;border-color:#50785a80;color:#8cb48ce6}.event-icon{font-size:.85rem}.event-name{font-weight:600}.notification{animation:slideIn .2s ease-out;background:#282832e6;border:none!important;border-left:3px solid #96969680!important;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#ffffffd9;font-size:.75rem;font-weight:500;padding:.4rem .75rem;width:220px}.notification.warning{background:#3c3223e6;border-left:3px solid #b48c3c99!important}.notification.error{background:#3c2323e6;border-left:3px solid #b4505099!important}.notification.success{background:#23372de6;border-left:3px solid #50966499!important}.notification.info{background:#282832e6;border-left:3px solid #78788c99!important}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.disaster-indicator,.event-indicator{cursor:help;position:relative}.event-tooltip{animation:tooltipFadeIn .15s ease-out;border-radius:6px;box-shadow:0 4px 16px #0006;left:50%;margin-top:8px;padding:0;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);width:240px;z-index:1000}.disaster-tooltip{background:#2d2323f2;border:1px solid #78464666}.positive-tooltip{background:#232d28f2;border:1px solid #466e5066}.event-tooltip-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:.4rem;padding:.5rem .75rem}.disaster-tooltip .event-tooltip-header{background:#643c3c33;border-radius:5px 5px 0 0}.positive-tooltip .event-tooltip-header{background:#3c644633;border-radius:5px 5px 0 0}.event-tooltip-icon{font-size:1.1rem}.event-tooltip-title{color:#ffffffe6;font-size:.8rem;font-weight:600}.event-tooltip-effect{color:#dcdcdccc;font-size:.75rem;line-height:1.4;padding:.5rem .75rem}.disaster-tooltip .event-tooltip-effect{color:#c88c8ce6}.positive-tooltip .event-tooltip-effect{color:#8cbe96e6}.event-tooltip-duration{border-top:1px solid #ffffff0d;color:#a0a0a0cc;font-size:.7rem;padding:.4rem .75rem}.event-tooltip-system{background:#00000026;border-radius:0 0 5px 5px;color:#828282b3;font-size:.65rem;font-style:italic;padding:.4rem .75rem}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.event-tooltip:before{border-left:6px solid #0000;border-right:6px solid #0000;content:"";left:50%;position:absolute;top:-6px;transform:translateX(-50%)}.disaster-tooltip:before{border-bottom:6px solid #78464666}.positive-tooltip:before{border-bottom:6px solid #466e5066}.tt-card.queued{border-color:#f59e0b!important;box-shadow:0 0 12px #f59e0b66}.tt-card.queued:after{background:linear-gradient(135deg,#f59e0b1a,#0000 50%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.tt-card-badge.queued{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-6px;top:-6px}.tt-legend-dot.queued{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.tt-queue-info{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;display:flex;gap:1rem;padding:.5rem 1rem}.tt-queue-label{color:#f59e0b;font-size:.85rem;font-weight:600}.tt-queue-clear{background:#ef444433;border:1px solid #ef444466;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .2s}.tt-queue-clear:hover{background:#ef44444d;border-color:#ef4444}.tech-cancel-btn{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;margin-left:auto;transition:all .2s;width:24px}.tech-cancel-btn:hover{background:#ef444466;border-color:#ef4444;transform:scale(1.1)}.tech-queue{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:6px;margin-top:.5rem;padding:.5rem}.tech-queue-header{align-items:center;color:#f59e0b;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.4rem}.tech-queue-clear{background:#0000;border:1px solid #ef444466;border-radius:3px;color:#ef4444;cursor:pointer;font-size:.65rem;padding:.15rem .5rem;transition:all .2s}.tech-queue-clear:hover{background:#ef444433}.tech-queue-list{display:flex;flex-direction:column;gap:.25rem}.tech-queue-item{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:.7rem;gap:.4rem;padding:.25rem .4rem}.tech-queue-num{align-items:center;background:#f59e0b;border-radius:50%;color:#000;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;width:16px}.tech-queue-icon{font-size:.9rem}.tech-queue-name{color:#e5e5e5;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-queue-more{color:#737373;font-size:.65rem;padding:.15rem;text-align:center}.tech-current-info{align-items:center;display:flex;gap:.5rem}.tt-connection.queued{animation:queue-pulse 2s ease-in-out infinite}@keyframes queue-pulse{0%,to{opacity:1}50%{opacity:.5}}.world-event-indicator{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.wei-main{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:.7rem;gap:.3rem;padding:.25rem .5rem;transition:all .2s ease}.wei-icon{font-size:.8rem}.wei-label{font-size:.7rem;font-weight:600;letter-spacing:.02em}.wei-timer{background:#00000040;border-radius:2px;font-family:Courier New,monospace;font-size:.6rem;margin-left:.2rem;opacity:.8;padding:.08rem .25rem}.wei-bg-neutral{background:#323741b3;border-color:#505a6480}.wei-neutral .wei-label{color:#a0a5afe6}.wei-neutral .wei-timer{color:#828791cc}.wei-bg-positive{background:#2d4637b3;border-color:#466e5080}.wei-positive .wei-label{color:#8cbe96f2}.wei-positive .wei-timer{color:#78aa82d9}.wei-bg-negative{animation:subtle-crisis-pulse 2.5s ease-in-out infinite;background:#462d2db3;border-color:#78464680}.wei-negative .wei-label{color:#c88c8cf2}.wei-negative .wei-timer{color:#b47878d9}@keyframes subtle-crisis-pulse{0%,to{border-color:#78464680}50%{border-color:#8c505099}}.wei-tooltip{animation:tooltip-fade-in .15s ease-out;background:#1e2026fa;border:1px solid #50555f80;border-radius:8px;box-shadow:0 6px 24px #0006;left:50%;padding:.75rem;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);width:260px;z-index:1000}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.wei-tooltip-arrow{border-bottom:6px solid #50555f80;border-left:6px solid #0000;border-right:6px solid #0000;height:0;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:0}.wei-tooltip-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:.5rem;margin-bottom:.6rem;padding-bottom:.6rem}.wei-tooltip-header.positive{border-color:#466e504d}.wei-tooltip-header.negative{border-color:#7846464d}.wei-tooltip-icon{font-size:1.2rem}.wei-tooltip-title{color:#f0f0f5f2;font-size:.9rem;font-weight:600}.wei-tooltip-header.positive .wei-tooltip-title{color:#8cbe96f2}.wei-tooltip-header.negative .wei-tooltip-title{color:#c88c8cf2}.wei-tooltip-desc{color:#b4b9c3d9;font-size:.75rem;line-height:1.4;margin:0 0 .6rem}.wei-tooltip-effect{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}.wei-effect-item{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:500;gap:.4rem;padding:.25rem .5rem}.wei-effect-item.positive{background:#3c5a4640;border:1px solid #466e504d;color:#8cbe96e6}.wei-effect-item.negative{background:#5a373740;border:1px solid #7846464d;color:#c88c8ce6}.wei-tooltip-time{background:#3c465a40;border:1px solid #5064824d;border-radius:4px;color:#8ca0c8e6;font-size:.7rem;font-weight:600;margin-bottom:.4rem;padding:.3rem .5rem;text-align:center}.wei-tooltip-reduced{background:#50412840;border:1px solid #78643c4d;border-radius:4px;color:#c8aa6ee6;font-size:.65rem;padding:.25rem .5rem;text-align:center}.wei-tooltip-hint{background:#3c3c5033;border:1px solid #5a5a7840;border-radius:4px;color:#a0a0becc;font-size:.65rem;line-height:1.4;margin-top:.4rem;padding:.4rem .5rem}.world-event-indicator:hover .wei-main{transform:translateY(-1px)}.wei-neutral:hover .wei-main{border-color:#646e7899}.wei-positive:hover .wei-main{border-color:#5a826499}.wei-negative:hover .wei-main{border-color:#8c5a5a99}
/*# sourceMappingURL=main.33e4e27c.css.map*/