:root{--bg-dark: #111827;--bg-panel: #1f2937;--bg-element: #374151;--accent: #3b82f6;--gold: #ffd700;--evade: var(--gold);--stun: var(--gold);--crystals: #38bdf8;--text: #ffffff;--text-secondary: #ccc;--text-muted: #aaa;--life: #ef4444;--danger: var(--life);--success: #22c55e;--warning: #f97316;--border: #444;--text-description: #ddd;--ascension: #a8e6cf;--grad-fire: linear-gradient(135deg, #ff6b6b 0%, #ffb86b 100%);--grad-cold: linear-gradient(135deg, #9be7ff 0%, #60a5fa 100%);--grad-air: linear-gradient(135deg, #d8f3ff 0%, #8bd3ff 100%);--grad-earth: linear-gradient(135deg, #86efac 0%, #4ade80 100%);--grad-lightning: linear-gradient(135deg, #fff59a 0%, #f97316 100%);--grad-water: linear-gradient(135deg, #67e8f9 0%, #2563eb 100%);--persistent-storage-slot: rgb(57, 175, 230)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:Arial,sans-serif;background-color:var(--bg-dark);color:var(--text);min-height:100vh;padding:.5rem}ul,li{list-style:disc;margin:0 8px;padding:0 12px}body.dev-active .game-container{max-width:calc(100vw - 720px);margin-left:370px;margin-right:370px;transition:max-width .3s,margin .3s}@media (max-width: 1200px){body.dev-active .game-container{max-width:100vw;margin-left:0;margin-right:0}}.tooltip-header{color:#4caf50;font-weight:700;margin-bottom:4px}#custom-confirm-dialog{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;font-family:inherit}#custom-confirm-dialog.show{display:flex}#custom-confirm-dialog .confirm-backdrop{position:absolute;inset:0;background:#0006}.rate-counters-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;align-items:center;background:#000c;color:var(--text);padding:4px 0;z-index:1000;font-size:14px}.rate-counters-bar .counter{margin:0 8px}.rate-counters-bar .reset-btn{background:var(--bg-element);color:var(--text);border:1px solid var(--bg-element);border-radius:4px;padding:2px 6px;cursor:pointer}.rate-counters-bar .counter-offline.offline-eligible{color:#10b981}.rate-counters-bar .counter-offline.offline-not-eligible{color:#ef4444}#custom-confirm-dialog .confirm-content{position:relative;background:#222;color:#fff;border-radius:8px;padding:24px 32px;min-width:300px;box-shadow:0 4px 24px #0006;z-index:1;text-align:center;animation:popin .2s}#custom-confirm-dialog .confirm-message{margin-bottom:18px;font-size:1.1em;line-height:1.5}#custom-confirm-dialog .confirm-actions{display:flex;gap:16px;justify-content:center}#custom-confirm-dialog .confirm-btn{padding:8px 24px;border:none;border-radius:4px;font-size:1em;cursor:pointer;background:#059669;color:#fff;transition:background .2s}#custom-confirm-dialog .confirm-btn.confirm-no{background:#dc2626}#custom-confirm-dialog .confirm-btn:hover{filter:brightness(1.1)}@keyframes popin{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.tooltip{position:absolute;background-color:#333;color:#fff;margin:5px;border-radius:4px;pointer-events:none;transition:opacity .2s;opacity:0;max-width:350px;word-wrap:break-word;white-space:normal;z-index:1100;padding:8px 12px}.tooltip.show{opacity:1}.tooltip.hidden{display:none}.modify-panel{position:fixed;top:0;right:0;background-color:#1f2937;color:#fff;border:1px solid black;padding:10px;max-height:100%;max-width:350px;overflow-y:auto;z-index:9999;font-family:monospace;font-size:12px}.modify-panel h3{margin-top:10px;margin-bottom:5px}.modify-panel button{background-color:#374151;color:#fff;border:none;padding:5px 10px;margin-bottom:5px;cursor:pointer;border-radius:5px;width:100%}.modify-panel button:hover{background-color:#4b5563}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:12px 24px;border-radius:4px;opacity:0;transition:opacity .3s ease-in-out;z-index:1002}.toast.show{opacity:1}.toast.error{background-color:#dc2626}.toast.success{background-color:#059669}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-panel);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-panel)}.input-row{display:flex;align-items:center;gap:4px;margin-bottom:6px}.input-number{background:#232b3a;color:#fff;border:1px solid var(--accent, #3b82f6);border-radius:4px;padding:6px 12px;font-size:1.1em;width:100px;transition:border .2s,box-shadow .2s}.input-number:focus{border:1.5px solid #60a5fa;box-shadow:0 0 0 2px #3b82f633;outline:none}img{width:24px;height:24px;vertical-align:middle;border-radius:3px;object-fit:cover}:root{--primary-color: #2c3e50;--secondary-color: #34495e;--bg-base: #4a5d70;--font-main: "Poppins", sans-serif;--fire: rgb(228, 85, 85);--cold: rgb(85, 170, 228);--air: rgb(138, 170, 190);--earth: rgb(96, 163, 40);--lightning: rgb(255, 204, 0);--water: rgb(0, 128, 255);--item-normal: #ffffff;--item-magic: #4287f5;--item-rare: #eef12a;--item-epic: #9b59b6;--item-legendary: #0aa80a;--item-mythic: #ff0033;--item-unique: #ff9f00;--item-set: #09d9e0}.game-container{display:flex;flex-direction:row;align-items:flex-start}.sidebar{display:flex;flex-direction:column;align-items:flex-start;min-width:190px;max-width:190px;padding-right:10px}.resource-bar{display:flex;flex-direction:column;width:100%;gap:4px;margin-bottom:6px;-webkit-user-select:none;user-select:none}.resource{background-color:var(--bg-panel);padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:end;gap:.5rem}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.game-panel,.combat-panel{background-color:var(--bg-panel);padding:.5rem;border-radius:.5rem;position:relative}.character-info{display:flex}.tab-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.tab-btn{background-color:var(--bg-element);color:var(--text);border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s;position:relative}.tab-btn.active{background-color:var(--accent)}.tab-btn:after{content:"";position:absolute;top:4px;right:2px;width:8px;height:8px;border-radius:50%;background:#ef4444;display:none;z-index:10}.tab-btn.has-indicator:after{display:block}.tab-panel{display:none;padding:.1rem;border-radius:.5rem;height:100%;min-height:100%;max-height:90vh;overflow-y:auto}.tab-panel.active{display:block}#character-avatar,.enemy-avatar{width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;overflow:hidden;border-radius:2.5rem}#character-avatar img,.enemy-avatar img{width:100%;height:100%;object-fit:contain;display:block}.enemy-avatar{margin:0 auto}.enemy-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;color:var(--text);margin-top:.5rem}.enemy-stats-card{background-color:var(--bg-element);border-radius:.5rem;border:1px solid;padding:.35rem .4rem}.enemy-stats-card--full{grid-column:1 / -1}.enemy-stat-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:2px 0}.enemy-stat-label{opacity:.85;white-space:nowrap}.enemy-stat-value{font-weight:700;white-space:nowrap}.enemy-elements-table{display:grid;grid-template-columns:minmax(7.5rem,.7fr) minmax(0,.8fr) minmax(0,1fr);gap:.1rem .65rem;align-items:center}.enemy-elements-header{font-size:.75rem;opacity:.75;font-weight:700}.enemy-elements-col{text-align:right}.enemy-elements-element{display:flex;align-items:center;gap:.35rem;min-width:0}.enemy-elements-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;opacity:.9}.enemy-elements-value{text-align:right;font-weight:700}.enemy-reward-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:2px 0}.enemy-reward-label{display:inline-flex;align-items:center;gap:.35rem;opacity:.9;white-space:nowrap}.enemy-reward-value{font-weight:700;white-space:nowrap}.enemy-rewards-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:center}.enemy-reward-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid;border-radius:.5rem;padding:.35rem .55rem;background-color:var(--bg-element);height:2rem}.enemy-stats-card--rewards{border:none;background:transparent;padding:0}@media (max-width: 1200px){.enemy-stats{grid-template-columns:1fr}}.enemy-fire-damage,.enemy-fire-resistance{color:var(--fire)}.enemy-cold-damage,.enemy-cold-resistance{color:var(--cold)}.enemy-air-damage,.enemy-air-resistance{color:var(--air)}.enemy-earth-damage,.enemy-earth-resistance{color:var(--earth)}.enemy-lightning-damage,.enemy-lightning-resistance{color:var(--lightning)}.enemy-water-damage,.enemy-water-resistance{color:var(--water)}.enemy-section{background-color:var(--bg-element);padding:1rem;border-radius:.5rem;text-align:start;border:1px solid;display:flex;flex-direction:column;align-items:stretch;position:relative}.enemy-main-row{position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;height:100%}.enemy-avatar{width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;overflow:hidden;border-radius:2.5rem;margin-right:1.5rem}.enemy-life-and-stats{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:8rem}.enemy-life-bar{width:100%;height:1rem;background-color:var(--bg-element);border-radius:.5rem;margin-bottom:.5rem;overflow:hidden;position:relative}#enemy-life-fill{height:100%;background-color:#ff4d4d;border-radius:.5rem;transition:width .3s}.damage-number{position:absolute;color:var(--life);margin-left:40px;font-size:1.2rem;pointer-events:none;animation:damage-popup 2s ease-out forwards;padding:5px;border-radius:5px;text-shadow:0px 0px 2px #fff,0 0 2px #fff,0 0 2px #ff0000;background:#0000001a;transform:translate(var(--x),var(--y))}.damage-number.critical{color:red;font-weight:700;font-size:1.5rem}.damage-number.physical{color:var(--item-normal)}.damage-number.fire{color:var(--fire)}.damage-number.cold{color:var(--cold)}.damage-number.air{color:var(--air)}.damage-number.earth{color:var(--earth)}.damage-number.lightning{color:var(--lightning)}.damage-number.water{color:var(--water)}.damage-number.source-thornsDamage{color:#fff}.damage-number .damage-icon{display:inline-block;width:1rem;height:1rem;margin-right:.25rem;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:contain}.damage-number .damage-icon-thorns{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmJhZGdlIHsgZmlsbDogIzJlY2M3MTsgfQogICAgICAuZWRnZSB7IGZpbGw6ICMyN2FlNjA7IG9wYWNpdHk6IDAuNTsgfQogICAgICAudGhvc24geyBmaWxsOiAjZWFmZmVmOyB9CiAgICA8L3N0eWxlPgogICAgPHBhdGggaWQ9InNwaWtlIiBkPSJNMCwtMTAgMiwtNSA3LC01IDMsLTIgNSwyIDAsMCAtNSwyIC0zLC0yIC03LC01IC0yLC01eiIvPgogIDwvZGVmcz4KCiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQsMjQpIj4KICAgIDwhLS0gU3Bpa3kgYmFkZ2UgLS0+CiAgICA8Y2lyY2xlIHI9IjE0IiBjbGFzcz0iYmFkZ2UiLz4KICAgIDxnIGNsYXNzPSJlZGdlIj4KICAgICAgPHVzZSBocmVmPSIjc3Bpa2UiIHRyYW5zZm9ybT0icm90YXRlKDApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgzMCkiLz4KICAgICAgPHVzZSBocmVmPSIjc3Bpa2UiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgICA8dXNlIGhyZWY9IiNzcGlrZSIgdHJhbnNmb3JtPSJyb3RhdGUoOTApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgxNTApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgxODApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgyNDApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgzMDApIi8+CiAgICAgIDx1c2UgaHJlZj0iI3NwaWtlIiB0cmFuc2Zvcm09InJvdGF0ZSgzMzApIi8+CiAgICA8L2c+CgogICAgPCEtLSBTbWFsbCB0aG9ybiB0cmlhbmdsZXMgaW5zaWRlIC0tPgogICAgPHBhdGggY2xhc3M9InRob3JuIiBkPSJNLTYsLTEgbDQsLTMgbC0xLDQgeiIvPgogICAgPHBhdGggY2xhc3M9InRob3JuIiBkPSJNMCwxIGw0LC0zIGwtMSw0IHoiLz4KICAgIDxwYXRoIGNsYXNzPSJ0aG9ybiIgZD0iTTYsMCBsNCwtMyBsLTEsNCB6Ii8+CiAgPC9nPgo8L3N2Zz4K);background-color:transparent;border:none}@keyframes damage-popup{0%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-40px)}to{opacity:0;transform:translateY(-70px)}}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}.sidebar{display:none}.sidebar-toggle{display:flex}}.sidebar-toggle{display:flex;position:fixed;top:1.5rem;left:1.5rem;z-index:900;background:#232b3a;color:#fff;border:none;border-radius:50%;width:48px;height:48px;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:background .2s}@media (min-width: 1200px){.sidebar-toggle{display:none}}.sidebar.sidebar-visible{display:flex!important;position:fixed;top:0;left:0;height:100vh;background:#181e29;z-index:1100;box-shadow:2px 0 12px #0000002e;padding-top:2.5rem}.sidebar-backdrop{display:none}@media (max-width: 1200px){.sidebar-backdrop.sidebar-backdrop-visible{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:1099}}#stage-display{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background-color:#4b5563;padding:5px 10px;border-radius:8px;text-align:center;vertical-align:middle}.tab-panel{scroll-behavior:smooth}.enemy-section.gray{color:gray;border-color:gray}.enemy-section.blue{color:#4169e1;border-color:#4169e1}.enemy-section.purple{color:#e50fe5;border-color:#e50fe5}.enemy-section.orange{color:orange;border-color:orange}.enemy-section.red{color:red;border-color:red}.xp-bar,.life-bar,.enemy-life-bar,.mana-bar{width:100%;position:relative;height:20px;background-color:#a8a3a3;border-radius:5px;margin:5px 0}.character-resources{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.character-hp-mana{display:flex;flex-direction:column;width:100%;padding:0 10px}#xp-fill,#life-fill,#mana-fill{height:100%;border-radius:5px}#life-fill{background-color:#ff4d4d}#mana-fill{background-color:#4d4dff}#xp-fill{background-color:#3ba53b}.xp-text,.life-text,#enemy-life-text,.mana-text{position:absolute;width:100%;text-align:center;top:0;left:0;line-height:20px;font-weight:700;color:#fff;z-index:1}.xp-bar,.life-bar,.mana-bar{overflow:hidden}.enemy-name{text-align:left;margin:0;font-size:1.2rem;font-weight:700}#death-screen{position:absolute;left:0;width:100%;background:#000c;color:var(--text);display:none;align-items:center;justify-content:center;flex-direction:column;z-index:20;font-size:2rem}.enemy-name-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.enemy-name-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.enemy-ailments{display:flex;align-items:center;justify-content:flex-end}.enemy-stats-caret{background:transparent;border:1px solid;color:var(--text);border-radius:.4rem;width:2rem;height:2rem;line-height:2rem;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.enemy-stats-caret.collapsed{transform:rotate(-90deg)}.enemy-ailments .ailment-icon{width:32px;height:32px;margin-right:8px;background-size:cover;border-radius:4px}@media (max-width: 1200px){.combat-panel{display:none}.combat-panel.active{display:block}.game-panel.hidden{display:none}.tab-btn[data-tab=battle]{display:block!important}.sidebar.sidebar-visible{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;min-width:0;max-width:400px;height:auto;max-height:80vh;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,255,255,.1);overflow-y:auto;flex-direction:column}.sidebar.sidebar-visible .tab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.sidebar.sidebar-visible .resource-bar{margin-bottom:0}.sidebar-toggle{position:fixed;z-index:900;top:auto;bottom:1.5rem;right:1.5rem;left:auto;transform:none;width:56px;height:56px;background:var(--accent);box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,255,255,.2)}.sidebar-toggle:active{transform:scale(.95)}}.dev-btn{background-color:#23886f;display:none}.shop-tab-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:0 10px;border-bottom:2px solid var(--bg-element)}.shop-tab-btn{background:transparent;border:none;color:#9ca3af;padding:10px 20px;cursor:pointer;font-size:1rem;font-weight:600;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.shop-tab-btn:hover{color:var(--text);background-color:#ffffff0d}.shop-tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.shop-tab-panel{display:none}.shop-tab-panel.active{display:block;animation:fadeIn .3s ease-out}@media (max-width: 520px){.shop-tab-buttons{gap:8px;padding:0 6px}.shop-tab-btn{padding:8px 12px;font-size:.95rem}}.elemental-row-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.elemental-label{display:flex;align-items:center}.elemental-meta{display:flex;align-items:center;gap:8px;font-size:.85rem}.elemental-share{color:#ccc;white-space:nowrap}.elemental-allocation{text-align:right;min-width:64px;font-variant-numeric:tabular-nums}.journal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:0 10px;border-bottom:2px solid var(--bg-element)}.journal-tab-btn{background:none;border:none;color:var(--text-muted);padding:10px 15px;cursor:pointer;font-size:1rem;font-weight:700;position:relative;transition:color .2s,background-color .2s;border-radius:5px 5px 0 0}.journal-tab-btn:hover{background-color:var(--bg-element);color:var(--text)}.journal-tab-btn.active{color:var(--text);background-color:var(--bg-element);border-bottom:2px solid var(--accent);margin-bottom:-2px}.journal-tab-btn:after{content:"";position:absolute;top:4px;right:2px;width:8px;height:8px;border-radius:50%;background:#ef4444;display:none;z-index:10}.journal-tab-btn.has-indicator:after{display:block}.journal-content .journal-panel{display:none}.journal-content .journal-panel.active{display:block}.achievements-container{display:flex;flex-direction:column;gap:20px;padding:10px}.achievements-header{display:flex;justify-content:flex-end;padding:10px;background-color:var(--bg-element);border-radius:8px;font-weight:700;color:var(--accent);align-items:center}.toggle-claimed-btn{background-color:var(--bg-base);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 12px;cursor:pointer;font-size:.9em;margin-left:15px;transition:all .2s}.toggle-claimed-btn:hover{background-color:var(--bg-element-light, #4b5563);border-color:var(--accent);color:#fff}.achievement-list{display:flex;flex-direction:column;gap:12px}.achievement-item{display:flex;align-items:center;gap:15px;background-color:var(--bg-element);padding:15px;border-radius:8px;border:1px solid transparent;transition:all .2s;position:relative;overflow:hidden}.achievement-item:hover{transform:translateY(-2px);border-color:var(--accent-alpha-20);background-color:var(--bg-element-light)}.achievement-item.claimed{opacity:.7;border-color:var(--success)}.achievement-item.claimed:before{content:"✓";position:absolute;top:5px;right:5px;color:var(--success);font-size:1.5rem;opacity:.2}.achievement-item.ready{border:1px solid var(--accent);box-shadow:0 0 10px var(--accent-alpha-20)}.achievement-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-base);border-radius:8px;font-weight:800;font-size:.9rem;color:var(--text-muted);border:1px solid var(--border);flex-shrink:0}.achievement-item.ready .achievement-icon{color:var(--accent);border-color:var(--accent)}.achievement-item.claimed .achievement-icon{color:var(--success);border-color:var(--success)}.achievement-info{flex:1;display:flex;flex-direction:column;gap:4px}.achievement-title{font-weight:700;font-size:1.1rem;color:var(--text)}.achievement-desc{font-size:.9rem;color:var(--text-muted)}.achievement-reward{font-size:.85rem;color:var(--accent-light);margin-top:4px}.achievement-progress-bar-container{margin-top:8px;background-color:var(--bg-base);height:12px;border-radius:6px;overflow:hidden;position:relative}.achievement-progress-bar{height:100%;background-color:var(--accent);transition:width .3s ease}.achievement-progress-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 0 2px black;font-weight:700}.achievement-action{min-width:80px;display:flex;justify-content:flex-end}.claim-btn{background-color:var(--accent);color:var(--primary-color);border:none;padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s}.claim-btn:hover:not(:disabled){background-color:var(--accent-light);transform:scale(1.05)}.claim-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.5}.claimed-text{color:var(--success);font-weight:700;font-size:.9rem}.stats-container,.attributes-container{padding:10px;border:1px solid #fff;background-color:#222;border-radius:5px}.attributes-container{display:grid;grid-gap:5px}.attributes-container>h3{grid-column:1 / -1}.stats-container{margin-bottom:1em;min-height:300px}.stats-container h3,.attributes-container h3{margin-bottom:10px;font-size:1.2em;color:#fff}.attributes-container{background-color:#222}.attributes-container .allocate-btn{padding:5px 10px;font-size:14px;background-color:#059669;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:5px;transition:all .3s ease}.attributes-container .allocate-btn:hover{background-color:#047857;transform:scale(1.1)}.attributes-container .allocate-btn:disabled{background-color:#4b5563;cursor:not-allowed}.attributes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-basis:100%}.attributes-body{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.attributes-container .allocate-modes{grid-column:1 / -1;display:flex;gap:5px;margin-bottom:10px}.attributes-container .mode-btn{padding:5px 10px;font-size:14px;background-color:#4b5563;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.attributes-container .mode-btn:hover{background-color:#6b7280}.attributes-container .mode-btn.active{background-color:#059669}.stats-panel{display:none}.stats-panel.active{display:grid}.stats-panel.active.default{display:grid;grid-template-columns:max-content 1fr;gap:3px 12px}@media (min-width: 600px){.stats-panel.active.default{grid-template-columns:max-content 1fr max-content 1fr}}.stats-tabs{display:flex;gap:5px;margin-bottom:10px}.stats-tabs .elemental-allocation-btn{padding:5px 10px;background-color:#4b5563;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-left:auto}.stats-tabs .elemental-allocation-btn:hover{background-color:#6b7280}.subtab-btn{padding:5px 10px;background-color:#4b5563;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.subtab-btn.active{background-color:#059669}.subtab-btn:hover{background-color:#6b7280}.elemental-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.stat-row{display:grid;grid-column:span 2;grid-template-columns:subgrid;height:100%}.stat-row .stat-label{font-weight:700;position:relative;padding-right:12px;word-wrap:break-word;overflow-wrap:break-word;max-width:240px}.stat-row>*{border-bottom:1px solid #696969;padding:4px 8px;justify-self:stretch;line-height:20px;min-height:28px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;max-width:100%;align-self:stretch}.subcat-tabs{display:flex;gap:5px;margin-bottom:10px}.subcat-btn{padding:5px 10px;background-color:#4b5563;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.subcat-btn.active{background-color:#059669}.subcat-btn:hover{background-color:#6b7280}.stat-subpanel{display:none}.stat-subpanel.active,.stats-panel.active.default{display:grid;grid-template-columns:max-content 1fr;gap:0;align-items:center;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}@media (min-width: 600px){.stat-subpanel.active,.stats-panel.active.default{grid-template-columns:max-content 1fr max-content 1fr}.stat-subpanel.active .stat-row>:nth-child(2),.stats-panel.active.default .stat-row>:nth-child(2){padding-right:20px}}.stat-subpanel .stat-row>:not(.stat-label){justify-self:stretch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#character-name{display:flex;align-items:center;gap:.5rem;width:100%;padding:0 10px;position:relative;z-index:1}#character-name>span.character-name{font-weight:700;color:#dbdbdb;font-size:1.4em}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;-webkit-user-select:none;user-select:none}.elemental-allocation-control{grid-column:1 / -1;display:flex;justify-content:center;padding-top:.5rem}.elemental-allocation-btn{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.6rem;padding:.75rem 1.5rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #3b82f659}.elemental-allocation-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.elemental-allocation-btn:active{transform:translateY(0)}.training-grid button{background:linear-gradient(145deg,#2d303c,#23252f);color:var(--text, #fff);border:1px solid var(--accent, #3b82f6);padding:.75rem .5rem;border-radius:.6rem;box-shadow:4px 4px 8px #00000080,-2px -2px 6px #3b82f61a;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.training-grid button:hover:not(:disabled){background:linear-gradient(145deg,#34374d,#292c3a);transform:translateY(-1px);box-shadow:6px 6px 12px #0009,0 0 8px var(--accent, #3b82f6)}.training-grid button:active{transform:translateY(0)}.training-grid button:disabled{background:#1f2128;border-color:#4b5563;color:#6b7280;cursor:not-allowed;box-shadow:inset 2px 2px 4px #0009}.training-grid .upgrade-name{font-weight:700;font-size:1rem;margin-bottom:.3rem}.training-grid .upgrade-bonus{color:#9ee69e;font-size:.85rem;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.training-grid .upgrade-cost{color:#fbbf24;font-size:.8rem;margin-top:.25rem}.training-grid .upgrade-bonus.unaffordable,.training-grid .upgrade-cost.unaffordable,.training-modal-content .unaffordable{color:#a0a7b4}.training-section-nav{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.training-controls-wrapper{display:flex;gap:.5rem;margin-left:auto}.training-qty-controls{display:flex;gap:.5rem}.training-qty-controls button{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.5rem .8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;outline:none}.training-qty-controls button.active,.training-qty-controls button:focus{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.training-qty-controls button:hover:not(.active){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.training-bulk-controls{display:flex;align-items:center;gap:.5rem}.training-bulk-controls button{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.5rem .8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.training-bulk-controls button:hover:not(:disabled){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.training-bulk-controls button:disabled{opacity:.5;cursor:not-allowed}.training-bulk-cost{color:#fbbf24;font-size:.9rem}.training-bulk-cost.unaffordable{color:#a0a7b4}.training-section-btn{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.5rem 1.2rem;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;outline:none}.training-section-btn.active,.training-section-btn:focus{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6);box-shadow:0 2px 8px #3b82f626}.training-section-btn:hover:not(.active){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.training-modal.hidden{display:none}.training-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;width:400px;text-align:center;position:relative;box-shadow:0 8px 24px #00000080;z-index:1100}.training-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.training-modal-content p{margin:.5rem 0;color:var(--text, #fff)}.training-modal-content .modal-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.training-modal-content .modal-controls button{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;transition:background .2s}.training-modal-content .modal-controls button:hover{background:#2563eb}.training-modal-content .modal-slider{width:100%;margin-top:1rem}.training-modal-content .modal-buy{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;width:100%;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s,opacity .2s}.training-modal-content .modal-buy:hover:not(:disabled){background:#2563eb}.training-modal-content .modal-buy:disabled{opacity:.6;cursor:not-allowed}.elemental-distribution-modal.hidden{display:none}.elemental-distribution-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;width:min(440px,90vw);text-align:left;position:relative;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:1rem}.elemental-distribution-modal-content .modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text, #fff);font-size:1.5rem;cursor:pointer}.elemental-distribution-description{font-size:.9rem;color:#d1d5db}.elemental-distribution-totals{display:flex;flex-direction:column;gap:.25rem;margin:.75rem 0}.elemental-total{font-weight:600;color:#fbbf24}.elemental-intelligence-total{font-weight:600;color:#60a5fa}.elemental-distribution-rows{display:flex;flex-direction:column;gap:.75rem}.elemental-distribution-row{display:flex;flex-direction:column;gap:.4rem}.elemental-row-header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.elemental-row-footer{display:flex;justify-content:flex-end;font-size:.85rem;color:#9ca3af}.elemental-distribution-row input[type=range]{width:100%}.elemental-distribution-actions{display:flex;justify-content:flex-end}.elemental-distribution-actions button{background:transparent;border:1px solid var(--accent, #3b82f6);color:var(--text, #fff);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background .2s,color .2s}.elemental-distribution-actions button:hover{background:var(--accent, #3b82f6);color:#fff}.sub-tab-panel{display:none}.sub-tab-panel.active{display:block}@media (max-width: 768px){.training-grid{grid-template-columns:1fr;padding:.5rem}.training-section-nav{flex-wrap:wrap;justify-content:center;gap:.5rem}.training-controls-wrapper{width:100%;justify-content:center;margin-left:0;margin-top:.25rem}.training-section-btn{font-size:.95rem;padding:.4rem 1rem;flex:1;text-align:center}.training-qty-controls button,.training-bulk-controls button{padding:.4rem .6rem;font-size:.9rem}.training-modal-content{width:min(400px,90vw);padding:1rem}}@media (min-width: 768px) and (max-width: 1200px){.training-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.crystal-upgrades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;-webkit-user-select:none;user-select:none}.crystal-upgrade-btn{background-color:var(--bg-element);color:var(--text);border:2px solid var(--accent);padding:1rem;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .3s ease;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.4}.crystal-upgrade-btn:hover{filter:brightness(1.2)}.crystal-upgrade-btn.auto{background-color:#284e28}.crystal-upgrade-btn.reset{background-color:#5f3030}.crystal-upgrade-btn.stage{background-color:#1e3657}.crystal-upgrade-btn.misc{background-color:#691c70}.crystal-upgrade-btn .upgrade-name{font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.crystal-upgrade-btn .upgrade-cost{font-size:.9rem;color:#27c7cc}.crystal-upgrade-btn .upgrade-bonus{font-size:.9rem;color:#10b981}.crystal-upgrade-btn .upgrade-bonus.unaffordable,.crystal-upgrade-btn .upgrade-cost.unaffordable,.crystalShop-modal-content .unaffordable{color:#f87171}.crystal-upgrade-btn.purchased{opacity:.7;cursor:default}.crystalShop-modal.hidden{display:none}.crystalShop-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;width:400px;text-align:center;position:relative;box-shadow:0 8px 24px #00000080;max-height:90vh;overflow-y:auto}.crystalShop-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.crystalShop-modal-content p{margin:.5rem 0;color:var(--text, #fff)}.crystalShop-modal-content .modal-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.crystalShop-modal-content .modal-controls button{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;transition:background .2s}.crystalShop-modal-content .modal-controls button:hover{background:#2563eb}.crystalShop-modal-content .modal-buy{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;width:100%;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s,opacity .2s}.crystalShop-modal-content .modal-buy:hover:not(:disabled){background:#2563eb}.crystalShop-modal-content .modal-buy:disabled{opacity:.6;cursor:not-allowed}.soulShop-container{display:flex;flex-direction:column;align-items:center}.soulShop-upgrades-container{width:100%;max-width:700px;margin:0 auto}.soulShop-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.soulShop-qty-controls{display:flex;gap:.5rem;justify-content:center}.soulShop-qty-controls button{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.5rem .8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;outline:none}.soulShop-qty-controls button.active,.soulShop-qty-controls button:focus{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.soulShop-qty-controls button:hover:not(.active){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.soulShop-bulk-controls{display:flex;align-items:center;gap:.5rem}.soulShop-bulk-controls button{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.5rem .8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.soulShop-bulk-controls button:hover:not(:disabled){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.soulShop-bulk-controls button:disabled{opacity:.5;cursor:not-allowed}.soulShop-bulk-cost{color:#fbbf24;font-size:.95rem}.soulShop-bulk-cost.unaffordable{color:#a0a7b4}.soul-upgrades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%}.soul-upgrade-btn{background:#23272e;border:2px solid #444;border-radius:8px;color:#fff;padding:12px 8px;font-size:1.1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;cursor:pointer;transition:background .2s,border .2s}.soul-upgrade-btn.purchased{background:#222a;border-color:#888;color:#aaa;cursor:not-allowed}.soul-upgrade-btn:hover:not(.purchased){background:#2d3748;border-color:#fbbf24}.soul-upgrade-btn .upgrade-name{font-weight:700;font-size:1.15rem}.soul-upgrade-btn .upgrade-bonus{color:#10b981;font-size:1rem}.soul-upgrade-btn .upgrade-cost{margin-top:3px;display:flex;align-items:center;color:#fbbf24;font-size:1rem;font-weight:700}.soul-upgrade-btn .upgrade-bonus.unaffordable,.soul-upgrade-btn .upgrade-cost.unaffordable,.soulShop-modal-content .unaffordable{color:#6b7280}.soulShop-modal.hidden{display:none}.soulShop-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;width:400px;text-align:center;position:relative;box-shadow:0 8px 24px #00000080;z-index:1100}.soulShop-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.soulShop-modal-content p{margin:.5rem 0;color:var(--text, #fff)}.soulShop-modal-content .modal-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.soulShop-modal-content .modal-controls button{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;transition:background .2s}.soulShop-modal-content .modal-controls button:hover{background:#2563eb}.soulShop-modal-content .modal-slider{width:100%;margin-top:1rem}.soulShop-modal-content .modal-buy{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;width:100%;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s,opacity .2s}.soulShop-modal-content .modal-buy:hover:not(:disabled){background:#2563eb}.soulShop-modal-content .modal-buy:disabled{opacity:.6;cursor:not-allowed}.prestige-container{display:flex;flex-direction:column;gap:1rem}.prestige-header{display:flex;margin-bottom:1rem;gap:1rem;align-items:center;flex-wrap:wrap}.prestige-level-info{background:#4e8cff26;color:#ffe9b0;padding:.45rem .9rem;border-radius:.5rem;font-size:1.05rem;font-weight:600}.prestige-starting-crystals-info{background:#ff8a0026;color:#ffd166;padding:.45rem .9rem;border-radius:.5rem;font-size:1.05rem;font-weight:600;border:1px solid rgba(255,138,0,.3)}.prestige-header button#prestige-now-btn{background:var(--accent, #4e8cff);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s,box-shadow .2s,transform .1s}.prestige-header button#prestige-now-btn:hover{background:var(--accent-hover, #3566b8);box-shadow:0 4px 16px #0000001f;transform:translateY(-2px) scale(1.04)}.prestige-header button#prestige-now-btn:active{background:var(--accent, #4e8cff);transform:scale(.98)}.prestige-header button#prestige-history-btn{background:transparent;color:var(--accent, #4e8cff);border:1px solid var(--accent, #4e8cff);border-radius:.5rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s,color .2s,box-shadow .2s,transform .1s}.prestige-header button#prestige-history-btn:hover{background:var(--accent, #4e8cff);color:#fff;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px) scale(1.04)}.prestige-header button#prestige-history-btn:active{transform:scale(.98)}.prestige-header button#prestige-now-btn.disabled,.prestige-header button#prestige-now-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);background:#444a5a;color:#b0b8c9;box-shadow:none;border:1px solid #444a5a}.prestige-bonuses-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem;border-radius:.8rem;box-shadow:0 2px 12px #4e8cff1a,0 1px 4px #00000014;padding:1.2rem 1.5rem}.prestige-bonuses-list li{list-style:none;background:linear-gradient(90deg,#4e8cff21,#ffe9b021);padding:.55rem 1.1rem;border-radius:.6rem;margin-bottom:0;color:#ffe9b0;font-size:1.13rem;font-family:Cinzel,Georgia,serif;letter-spacing:.01em;border-left:4px solid var(--accent, #4e8cff);box-shadow:0 1px 6px #00000017;position:relative;transition:background .2s,color .2s,box-shadow .2s;overflow:visible}.prestige-bonuses-list li:before{color:var(--accent, #4e8cff);margin-right:.7em;font-size:1.1em;vertical-align:middle;opacity:.8}.prestige-bonuses-list li:hover{background:linear-gradient(90deg,#ffe9b030,#4e8cff30);color:#fffbe6;box-shadow:0 4px 18px #4e8cff29,0 2px 8px #00000021;transform:translateY(-2px) scale(1.03)}.prestige-modal-content{position:relative;background:var(--bg-element);padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 8px 32px #00000040;text-align:center;margin:0 auto;overflow:visible;z-index:1100;max-height:90%;overflow:auto}.prestige-modal-content .modal-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.prestige-modal-content .modal-controls button{background:var(--accent, #4e8cff);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.prestige-modal-content .modal-controls button:hover{background:var(--accent-hover, #2c6ad4)}.prestige-modal-content .modal-controls button.disabled,.prestige-modal-content .modal-controls button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);background:#444a5a;color:#b0b8c9}.prestige-modal-content .modal-footer{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.prestige-modal-content .modal-footer button{background:var(--accent, #4e8cff);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.prestige-modal-content .modal-footer button:hover{background:var(--accent-hover, #2c6ad4)}.prestige-modal-content .modal-footer button.disabled,.prestige-modal-content .modal-footer button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);background:#444a5a;color:#b0b8c9}.prestige-modal-content .modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;color:var(--accent, #4e8cff);cursor:pointer;transition:color .2s;z-index:2}.prestige-modal-content .modal-close:hover{color:#fff;background:var(--accent, #4e8cff);border-radius:50%}.prestige-info-title{font-size:1.15rem;font-weight:700;color:#dff6ff;margin-bottom:6px}.prestige-info{color:#e9f8ff;font-size:.98rem;line-height:1.3rem;max-width:64ch;margin:6px auto}.prestige-info-em{font-style:italic;color:#fff8d6;font-weight:600}.prestige-info-cta{margin-top:8px;color:#cfefff;font-weight:600}.prestige-bonus-info{color:#ffd166;font-weight:600}.prestige-cards{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:1.5rem}.prestige-card{background:linear-gradient(135deg,#22283cfa 60%,#4e8cff1a);border-radius:.75rem;padding:1rem 1.5rem;cursor:pointer;box-shadow:0 4px 24px #4e8cff1a,0 2px 8px #00000014;transition:background .2s,border .2s,transform .1s,box-shadow .2s;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.prestige-card.locked{border:2px solid #ffe9b0}.prestige-card.selected{border:2px solid var(--accent, #4e8cff)}.prestige-card.locked.selected{border-color:var(--accent, #4e8cff)}.prestige-card-wrapper{display:flex;flex-direction:column;align-items:center}.prestige-lock-btn{background:transparent;border:none;color:#ffe9b0;border:1px solid #ffe9b0;border-radius:.5rem;padding:.25rem .5rem;cursor:pointer;font-size:.9rem}.prestige-card-actions{display:flex;gap:.5rem;margin-top:.25rem}.prestige-card-actions button{display:inline-flex;align-items:center;gap:.25rem}.prestige-reroll-values-btn{background:#7c7b5480;border:1px solid var(--accent, #4e8cff);color:#b2f8f5;border-radius:.5rem;padding:.25rem .5rem;cursor:pointer;font-size:.9rem}.prestige-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(255,233,176,.1) 0%,transparent 70%);z-index:0}.prestige-card:hover{background:linear-gradient(135deg,#4e8cff2e,#22283c);border-color:var(--accent-hover, #3566b8);transform:translateY(-2px) scale(1.04);box-shadow:0 8px 32px #4e8cff2e,0 2px 8px #0000001f}.prestige-card ul{padding:.5rem 0;margin:0;list-style:none;width:100%;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.prestige-card li{list-style:none;font-size:1.08rem;margin-bottom:0;color:#ffe9b0;background:linear-gradient(90deg,#4e8cff1a,#ffe9b01a);border-left:4px solid var(--accent, #4e8cff);border-radius:.4rem;padding:.35rem .75rem .55rem;box-shadow:0 1px 4px #00000012;font-family:Cinzel,Georgia,serif;letter-spacing:.01em;transition:background .2s,color .2s;overflow:visible;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.prestige-card li:after{content:"";position:absolute;left:0;bottom:.1rem;height:3px;width:calc(var(--roll-percent, 0) * 100%);background:linear-gradient(90deg,var(--accent, #4e8cff) 0%,rgba(78,140,255,.2) 100%);border-radius:999px;pointer-events:none;opacity:1;transition:width .2s ease,opacity .2s ease}.prestige-main{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prestige-card li:hover{background:linear-gradient(90deg,#ffe9b02e,#4e8cff2e);color:#fffbe6}.prestige-history-modal-content{position:relative;background:var(--bg-element);padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 8px 32px #00000040;margin:0 auto;max-height:90vh;overflow-y:auto;text-align:left}.prestige-history-modal-content h2{margin-top:0;text-align:center}.prestige-history-modal-content .modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;color:var(--accent, #4e8cff);cursor:pointer;transition:color .2s,background .2s;z-index:2}.prestige-history-modal-content .modal-close:hover{color:#fff;background:var(--accent, #4e8cff);border-radius:50%}.prestige-history-list,.prestige-stat-list{list-style:none;padding:20px;margin:0;display:flex;flex-direction:column;gap:.6rem}.prestige-history-list li{list-style:none;background:linear-gradient(90deg,#4e8cff21,#ffe9b021);padding:.55rem 1.1rem;border-radius:.6rem;color:#ffe9b0;border-left:4px solid var(--accent, #4e8cff);cursor:pointer;box-shadow:0 1px 6px #00000017;font-family:Cinzel,Georgia,serif;letter-spacing:.01em;transition:background .2s,color .2s,box-shadow .2s,transform .1s}.prestige-history-list li:hover{background:linear-gradient(90deg,#ffe9b030,#4e8cff30);color:#fffbe6;box-shadow:0 4px 18px #4e8cff29,0 2px 8px #00000021;transform:translateY(-2px) scale(1.02)}.prestige-stat-list li{list-style:none;background:linear-gradient(90deg,#4e8cff1a,#ffe9b01a);padding:.35rem .75rem;border-left:4px solid var(--accent, #4e8cff);border-radius:.4rem;box-shadow:0 1px 4px #00000012;color:#ffe9b0;font-family:Cinzel,Georgia,serif;letter-spacing:.01em;font-size:1.05rem;transition:background .2s,color .2s}.prestige-stat-list li:hover{background:linear-gradient(90deg,#ffe9b02e,#4e8cff2e);color:#fffbe6}@media (max-width: 700px){.prestige-header{justify-content:center}.prestige-modal-content,.prestige-history-modal-content{max-width:98vw;padding:1.2rem .5rem}.prestige-cards{flex-direction:column;align-items:center;gap:1rem}.prestige-card{max-width:98vw;min-width:0;width:100%;padding:1rem .5rem}}.ascension-container{display:flex;flex-direction:column;gap:1rem;color:#fff}.ascension-header{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}@media (max-width: 700px){.ascension-header{justify-content:center}}.ascension-header #ascend-now-btn{background:linear-gradient(#f59e0b,#d97706);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:background .2s,box-shadow .2s,transform .1s}.ascension-header #ascend-now-btn:hover{background:linear-gradient(#d97706,#b45309);box-shadow:0 4px 16px #00000059;transform:translateY(-2px) scale(1.04)}.ascension-header #ascend-now-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ascension-header #ascend-now-btn:disabled:hover{background:linear-gradient(#f59e0b,#d97706)}.ascension-header .ascension-info-btn{background:#d9770633;color:#ffe9b0;border:none;border-radius:50%;width:1.5rem;height:1.5rem;font-weight:700;cursor:pointer}.ascension-header .ascension-info-btn:hover{background:#d977064d}.ascension-points{background:#d9770633;padding:.45rem .9rem;border-radius:.5rem;font-size:1.05rem;font-weight:600;color:#ffe9b0}.ascension-tabs{display:flex;gap:.5rem}.ascension-tab{background:#d9770633;border:none;color:#ffe9b0;padding:.25rem .75rem;border-radius:.5rem;cursor:pointer}.ascension-tab.active{background:#d9770666}.ascension-upgrades-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ascension-upgrades-list li{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.08);padding:.25rem .5rem;border-radius:.75rem;display:flex;justify-content:space-between;align-items:center;min-height:4.5rem;box-shadow:0 4px 6px -1px #0000004d;transition:transform .2s,box-shadow .2s}.ascension-upgrades-list li:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0006;border-color:#ffffff26}.ascension-upgrade-info{display:flex;flex-direction:column;justify-content:center;flex:1;margin-right:1rem}.ascension-level-tag{font-size:.75rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.ascension-upgrade-label{font-size:1rem;font-weight:500;color:#e2e8f0;line-height:1.4}.ascension-upgrade-btn{background:linear-gradient(to bottom,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,transform .1s;min-width:100px;width:100px;height:48px;padding:0;display:flex;justify-content:center;align-items:center;font-weight:700;box-shadow:0 2px 4px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ascension-upgrade-btn:hover:not(:disabled){background:linear-gradient(to bottom,#60a5fa,#3b82f6);transform:translateY(-1px)}.ascension-upgrade-btn:active:not(:disabled){transform:translateY(1px)}.ascension-upgrade-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none}.ascension-upgrade-btn .ascension-cost{color:inherit;font-size:.95rem}.ascension-modal-content{position:relative;background:linear-gradient(180deg,#526079f5,#0e234df5);padding:2rem;border-radius:16px;color:#e5e7eb;box-shadow:0 16px 44px #00000073}.ascension-modal-content h2{margin:0 0 1rem;font-size:1.6rem;color:#ffd47f;font-weight:800;letter-spacing:.3px}.ascension-modal-content p{margin-bottom:.9rem;line-height:1.6;color:#cbd5e1}.ascension-modal-content .ascension-earned{color:#ffd47f;font-weight:700}.ascension-modal-content .modal-controls{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.ascension-modal-content .modal-controls button{border:1px solid rgba(253,186,116,.35);padding:.55rem 1.1rem;border-radius:10px;cursor:pointer;font-weight:700;color:#1f1305;background:linear-gradient(180deg,#ffd47f,#f59e0b);box-shadow:0 6px 20px #f59e0b59;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease}.ascension-modal-content .modal-controls button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.ascension-modal-content #ascension-confirm-btn{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b59}.ascension-modal-content #ascension-confirm-btn:hover{background:linear-gradient(#d97706,#b45309)}.ascension-modal-content #ascension-cancel-btn{background:#4b5563}.ascension-modal-content .ascension-qty-controls{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:.5rem 0}.ascension-modal-content .ascension-qty-controls .qty-btn{border:1px solid rgba(253,186,116,.35);padding:.4rem .75rem;border-radius:8px;color:#1f1305;background:linear-gradient(180deg,#ffc95d,#db8c03);cursor:pointer;box-shadow:0 4px 14px #f59e0b40}.ascension-modal-content .ascension-qty-controls .qty-btn:hover{filter:brightness(1.05)}.ascension-modal-content .ascension-qty-controls .qty-btn.active{background:linear-gradient(180deg,#fff,#ffa200);box-shadow:0 6px 18px #f59e0b73;border-color:#f59e0ba6}.ascension-modal-content .ascension-qty-controls .modal-qty-input.input-number{width:120px;padding:.4rem .5rem;border-radius:8px;border:1px solid rgba(253,186,116,.35);background:#ffd47f14;color:#ffe8bf}.ascension-modal-content #ascension-cancel-btn:hover{background:#777}.ascension-modal-content .modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#cbd5e1;cursor:pointer}.ascension-modal-content .modal-close:hover{color:#fff}#inventory{-webkit-user-select:none;user-select:none;overflow-y:scroll}.inventory-btn{margin:5px;padding:8px;border-radius:.5rem}.inventory-top-section{display:flex;gap:1rem;justify-content:center;align-items:flex-start;margin:1rem auto;max-width:100%;flex-wrap:nowrap;padding:0 24px}.inventory-left-section{display:flex;flex-direction:column;gap:.5rem;align-items:center;flex:0 0 auto}.inventory-controls{display:flex;gap:.5rem;align-items:center;width:100%;max-width:400px}.equipment-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;flex:0 0 auto}.inventory-options-panel{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-element);border-radius:.5rem;min-width:250px;flex:1 1 auto}.inventory-options-panel .inventory-btn{margin:0;width:100%}.inventory-options-panel .sort-row{width:100%}.inventory-options-panel .inventory-tabs{width:100%;justify-content:space-between}.options-title{margin:0 0 .5rem;font-size:1.1rem;color:var(--text);text-align:center}.desktop-only{display:flex}.mobile-only-btn,.mobile-equip-btn{display:none}@media (max-width: 1200px){.inventory-top-section{flex-direction:column;align-items:center;gap:0}.desktop-only{display:none!important}.mobile-only-btn{display:block;margin:.5rem auto;width:100%;max-width:400px}.mobile-equip-btn{display:block}.inventory-left-section{width:100%;max-width:400px}}.equipment-layout{position:relative;width:300px;height:280px;margin:0 auto}@media (max-width: 768px){.equipment-layout{width:100%;max-width:280px;aspect-ratio:1 / .93}}.equipment-slots{position:absolute;background-color:var(--bg-element);border-radius:10px;width:100%;height:100%;z-index:2}.equipment-slot[data-slot=head]{top:20px;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=amulet]{top:35px;right:70px}.equipment-slot[data-slot=chest]{top:70px;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=belt]{top:120px;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=legs]{top:170px;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=weapon]{top:100px;left:40px}.equipment-slot[data-slot=offhand]{top:100px;right:40px}.equipment-slot[data-slot=gloves]{top:160px;left:40px}.equipment-slot[data-slot=ring1]{top:160px;right:70px}.equipment-slot[data-slot=ring2]{top:160px;right:20px}.equipment-slot[data-slot=boots]{top:220px;left:50%;transform:translate(-50%)}.equipment-slot{width:40px;height:40px;position:absolute;background:var(--bg-panel);border:2px solid #3d4757;border-radius:.25rem;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.equipment-slot[data-slot=head]{top:7%;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=amulet]{top:12.5%;right:23%}.equipment-slot[data-slot=chest]{top:25%;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=belt]{top:43%;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=legs]{top:60.7%;left:50%;transform:translate(-50%)}.equipment-slot[data-slot=weapon]{top:35.7%;left:13%}.equipment-slot[data-slot=offhand]{top:35.7%;right:13%}.equipment-slot[data-slot=gloves]{top:57%;left:13%}.equipment-slot[data-slot=ring1]{top:57%;right:23%}.equipment-slot[data-slot=ring2]{top:57%;right:6.6%}.equipment-slot[data-slot=boots]{top:78.5%;left:50%;transform:translate(-50%)}.equipment-slot{width:12vw;height:12vw;max-width:36px;max-height:36px}}.equipment-slot.has-item .slot-indicator{display:none}.equipment-slot .inventory-item{z-index:1}.equipment-slot.valid-target{background-color:#4caf5033}.equipment-slot.invalid-target{background-color:#f4433633}.slot-indicator{position:absolute;opacity:.3;font-size:1.5rem;pointer-events:none}.item-tooltip{background:#000000e6;padding:10px;margin:5px;border-radius:5px;pointer-events:none;z-index:1000;min-width:200px;box-shadow:0 0 10px #00000080;max-width:calc(100vw - 20px);word-wrap:break-word;white-space:normal}.item-preview{background:#000000e6;padding:10px;margin:5px;border-radius:5px;min-width:200px;box-shadow:0 0 10px #00000080;max-width:calc(100vw - 20px);word-wrap:break-word;white-space:normal}.item-name{font-weight:700;margin-bottom:5px}.item-level{color:#888;font-size:.9em;margin-bottom:5px}.item-tooltip-separator{border:none;border-top:1px solid #555;margin:4px 0}.inventory-grid{display:flex;align-items:center;justify-content:center;scroll-behavior:smooth;width:100%;padding:0 1rem}@media (max-width: 768px){.inventory-grid{padding:0 .5rem}}.grid-container,.materials-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;padding:8px;background:var(--bg-panel);border-radius:.5rem;width:100%;max-width:100%;overflow-y:auto;scroll-behavior:smooth;margin:0 auto}@media (max-width: 1200px){.grid-container{grid-template-columns:repeat(10,1fr)}}@media (max-width: 480px){.grid-container{grid-template-columns:repeat(6,1fr)}}.grid-cell,.materials-cell{width:100%;height:auto;aspect-ratio:1 / 1;background:#202329;border:1px solid var(--bg-element);border-radius:.25rem;min-width:0}.grid-cell.move-target{outline:2px solid var(--accent);outline-offset:-2px}.inventory-item{background:#72717780;border:2px solid var(--accent);border-radius:.25rem;padding:0;color:inherit;cursor:pointer;font-size:.8em;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.inventory-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.two-handed-ghost{background:#72717740;border:2px solid transparent;border-radius:.25rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:.45;pointer-events:none}.item-icon{width:100%;height:100%;font-size:1em;text-align:center;-webkit-user-select:none;user-select:none}.item-icon img,.slot-indicator,.slot-indicator img{width:100%;height:100%}.inventory-item.dragging{opacity:.5;cursor:grabbing}.loot-notification{position:fixed;bottom:20px;right:20px;background:var(--bg-panel);padding:10px 20px;border-radius:5px;animation:slideIn .3s ease-out,fadeOut .3s ease-in 2.7s;z-index:1000}@keyframes equipItem{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.inventory-item.equipping{animation:equipItem .3s ease-out}.rarity-normal{border-color:#fff}.rarity-magic{border-color:var(--item-magic)}.rarity-rare{border-color:var(--item-rare)}.rarity-epic{border-color:var(--item-epic)}.rarity-legendary{border-color:var(--item-legendary)}.rarity-mythic{border-color:var(--item-mythic)}.rarity-unique{border-color:var(--item-unique)}.rarity-set{border-color:var(--item-set)}.item-color-normal{color:#fff}.item-color-magic{color:var(--item-magic)}.item-color-rare{color:var(--item-rare)}.item-color-epic{color:var(--item-epic)}.item-color-legendary{color:var(--item-legendary)}.item-color-mythic{color:var(--item-mythic)}.item-color-unique{color:var(--item-unique)}.item-color-set{color:var(--item-set)}.item-tags{display:flex;gap:6px;margin:4px 0;flex-wrap:wrap}.item-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#ffffff1a;border:1px solid currentColor}.item-tag-unique{color:var(--item-unique)}.item-tag-set{color:var(--item-set)}.item-description{margin:6px 0;font-style:italic;color:#ddd}.item-set-section{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.item-set-name{font-weight:600;color:var(--item-set);margin-bottom:4px}.set-bonus{margin-bottom:8px;padding:8px;border-radius:6px;background:#00000059;border:1px solid rgba(255,255,255,.12);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.set-bonus.active{border-color:var(--item-set);box-shadow:inset 0 0 10px #09d9e059;background:#09d9e026;transform:translate(2px)}.set-bonus-name{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:4px;font-size:.9rem}.set-bonus.active .set-bonus-name{color:var(--item-set);font-size:.95rem}.set-bonus-stat{font-size:.85rem;color:#f0f0f0}.set-bonus.active .set-bonus-stat{color:#fff;font-size:.88rem}.set-bonus-indicator{font-size:.9rem;color:#ffffff73;text-shadow:none}.set-bonus-indicator.active{color:var(--item-set);text-shadow:0 0 6px rgba(9,217,224,.6)}.salvage-options-inline{display:grid;grid-template-columns:1fr;gap:.25rem}@media (min-width: 1400px){.salvage-options-inline{grid-template-columns:1fr 1fr}.salvage-all-inline-row{grid-column:1 / -1}}.salvage-inline-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.salvage-btn-inline{flex:1;padding:6px 8px;background:#2c3e50;border:1px solid #34495e;color:#fff;cursor:pointer;border-radius:.25rem;font-size:.85rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s,border-color .2s,color .2s}.salvage-btn-inline[data-rarity=NORMAL]{color:#fff;box-shadow:0 3px #fff}.salvage-btn-inline[data-rarity=MAGIC]{color:var(--item-magic);box-shadow:0 3px var(--item-magic)}.salvage-btn-inline[data-rarity=RARE]{color:var(--item-rare);box-shadow:0 3px var(--item-rare)}.salvage-btn-inline[data-rarity=EPIC]{color:var(--item-epic);box-shadow:0 3px var(--item-epic)}.salvage-btn-inline[data-rarity=LEGENDARY]{color:var(--item-legendary);box-shadow:0 3px var(--item-legendary)}.salvage-btn-inline[data-rarity=MYTHIC]{color:var(--item-mythic);box-shadow:0 3px var(--item-mythic)}.salvage-btn-inline[data-rarity=UNIQUE]{color:var(--item-unique);box-shadow:0 3px var(--item-unique)}.salvage-btn-inline[data-rarity=SET]{color:var(--item-set);box-shadow:0 3px var(--item-set)}.salvage-btn-inline:hover{background:#34495e;color:#fff}.auto-salvage-inline-toggle{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.auto-salvage-toggle-inline{display:none}.auto-salvage-toggle-text{font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.salvage-all-inline-row{margin-top:.5rem}.salvage-material-inline{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.salvage-material-toggle-inline{display:none}.salvage-dropdown{position:relative;display:inline-block}.salvage-btn{padding:8px 16px;background:#2c3e50;border:1px solid #34495e;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px}.mobile-equip-btn{background:#2e7d32;border:1px solid #3fa043;color:#fff}.mobile-equip-btn:hover{background:#388e3c}.desktop-equip-btn{background:#2e7d32;border:1px solid #3fa043;color:#fff}.desktop-equip-btn:hover{background:#388e3c}.sort-by-inline{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.sort-by-inline .sort-select{width:100%;margin:0}.salvage-options{display:none;position:absolute;background:#2c3e50;min-width:160px;box-shadow:0 2px 5px #0003;z-index:1}.salvage-options div{padding:8px 16px;cursor:pointer}.salvage-options div:hover{background:#34495e}.salvage-dropdown:hover .salvage-options{display:block}.salvage-options div[data-rarity=NORMAL]{color:#fff;border-left:4px solid #ffffff}.salvage-options div[data-rarity=MAGIC]{color:var(--item-magic);border-left:4px solid var(--item-magic)}.salvage-options div[data-rarity=RARE]{color:var(--item-rare);border-left:4px solid var(--item-rare)}.salvage-options div[data-rarity=EPIC]{color:var(--item-epic);border-left:4px solid var(--item-epic)}.salvage-options div[data-rarity=LEGENDARY]{color:var(--item-legendary);border-left:4px solid var(--item-legendary)}.salvage-options div[data-rarity=MYTHIC]{color:var(--item-mythic);border-left:4px solid var(--item-mythic)}.salvage-options div[data-rarity=UNIQUE]{color:var(--item-unique);border-left:4px solid var(--item-unique)}.salvage-options div[data-rarity=SET]{color:var(--item-set);border-left:4px solid var(--item-set)}.grid-cell.persistent{border:1px solid var(--persistent-storage-slot);background:#ffffff0d}.tooltip.flex-tooltip{display:flex;align-items:flex-start;justify-content:center;background:unset;z-index:1001;flex-wrap:nowrap;gap:8px;max-width:none!important;padding:0}.flex-tooltip .item-tooltip{min-width:320px;max-width:400px;margin:0}.tooltip-equipped-column{display:flex;flex-direction:column;gap:8px}.filter-input{width:100%;padding:6px 8px 6px 30px;background:#bdcfd4;border:1px solid var(--bg-element);border-radius:4px;color:#000;font-size:14px}.search-icon{position:absolute;top:3px;left:8px;opacity:.5;pointer-events:none}.search-container{position:relative;display:flex;align-items:center;width:100%;max-width:400px;height:30px;margin:4px auto;padding:0}.inventory-item.filtered-out{opacity:.2;filter:grayscale(100%)}.inventory-item.filtered-match{outline:2px solid var(--accent)}.inventory-tabs{display:flex}.inventory-btn.active{background:#2b97c9;color:#fff;border:1px solid rgb(43,151,201);padding:8px}.materials-grid{display:flex;align-items:center;justify-content:center}.materials-container{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;background:var(--bg-panel);border-radius:.5rem;width:100%;max-width:100%;overflow-y:auto;margin:0 auto 10px}@media (max-width: 1200px){.materials-container{grid-template-columns:repeat(10,1fr)}}@media (max-width: 480px){.materials-container{grid-template-columns:repeat(6,1fr)}}.material-item{height:38px}.material-item span{display:none}.material-item img{width:100%;height:auto}.inventory-trash{display:flex;align-items:center;justify-content:center;border:2px dashed #888;border-radius:8px;background:#222;margin-left:10px;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.inventory-trash.drag-over{background:#a33;border-color:#f55}.inventory-modal.hidden{display:none}.inventory-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;text-align:center;position:relative;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1100;max-height:90vh;overflow-y:auto}.inventory-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.inventory-modal-content p{margin:.5rem 0;color:var(--text, #fff)}.inventory-modal-content .modal-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.inventory-modal-content .modal-controls button{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;transition:background .2s}.inventory-modal-content .modal-controls button:hover{background:#2563eb}.inventory-modal-content .modal-buy{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;width:100%;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.inventory-modal-content .modal-buy:hover:not(:disabled){background:#2563eb}.inventory-modal-content .modal-buy:disabled{opacity:.6;cursor:not-allowed}.alternation-item,.transmutation-item{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:6px;border:1px solid transparent;border-radius:.5rem;cursor:pointer}.alternation-item:hover,.transmutation-item:hover{background:#3b82f61a;border-color:var(--accent, #3b82f6)}.alternation-item.selected,.transmutation-item.selected{background:#3b82f633;border-color:var(--accent, #3b82f6)}.reroll-btn{background:var(--accent, #3b82f6);color:#fff;border:none;padding:4px 8px;border-radius:.5rem;cursor:pointer;transition:background .2s,opacity .2s}.reroll-btn:hover:not(:disabled){background:#2563eb}.reroll-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-item-row .upgrade-btn{background:var(--accent, #3b82f6);padding:7px;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,opacity .2s}.upgrade-item-row .upgrade-max-btn{background:transparent;color:var(--accent, #3b82f6);border:1px solid var(--accent, #3b82f6);padding:5px 10px;border-radius:.5rem;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.upgrade-item-row .upgrade-max-btn:hover:not(:disabled){background:var(--accent, #3b82f6);color:#fff}.upgrade-item-row .upgrade-btn:hover{background:#1053be}.upgrade-item-row .upgrade-qty-input{width:60px;padding:5px;border-radius:10px}.inventory-salvage-modal-content{display:flex;align-items:flex-start;border-radius:.75rem;gap:32px;position:relative;background:var(--bg-panel);padding:32px;width:820px;max-height:80%;overflow:auto}@media (max-width: 1200px){.inventory-salvage-modal-content{flex-direction:column;align-items:stretch;width:95vw;padding:16px;gap:16px;max-height:80%}}.inventory-salvage-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.salvage-modal-grid{display:grid;grid-template-columns:repeat(10,40px);grid-template-rows:repeat(20,40px);gap:0;background:var(--bg-panel);border-radius:.5rem;overflow-y:auto;max-height:820px;box-shadow:0 2px 8px #00000026}@media (max-width: 768px){.salvage-modal-grid{width:100%;max-width:100%;grid-template-rows:auto;gap:2px}}@media (max-width: 480px){.salvage-modal-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 481px) and (max-width: 768px){.salvage-modal-grid{grid-template-columns:repeat(8,1fr)}}.salvage-options-modal{display:grid;grid-template-columns:max-content 1fr 1fr;align-items:center;gap:8px;margin-bottom:24px}.salvage-btn-modal,.salvage-all-btn{padding:10px 18px;background:#2c3e50;border:1px solid #34495e;color:#fff;border-radius:.5rem;font-size:1.05em;font-weight:600;cursor:pointer;margin-bottom:2px;transition:background .2s,border-color .2s,color .2s;box-sizing:border-box;display:inline-block}.salvage-btn-modal[data-rarity=NORMAL]{color:#fff;box-shadow:0 4px #fff}.salvage-btn-modal[data-rarity=MAGIC]{color:var(--item-magic);box-shadow:0 4px var(--item-magic)}.salvage-btn-modal[data-rarity=RARE]{color:var(--item-rare);box-shadow:0 4px var(--item-rare)}.salvage-btn-modal[data-rarity=EPIC]{color:var(--item-epic);box-shadow:0 4px var(--item-epic)}.salvage-btn-modal[data-rarity=LEGENDARY]{color:var(--item-legendary);box-shadow:0 4px var(--item-legendary)}.salvage-btn-modal[data-rarity=MYTHIC]{color:var(--item-mythic);box-shadow:0 4px var(--item-mythic)}.salvage-btn-modal[data-rarity=UNIQUE]{color:var(--item-unique);box-shadow:0 4px var(--item-unique)}.salvage-btn-modal[data-rarity=SET]{color:var(--item-set);box-shadow:0 4px var(--item-set)}.salvage-btn-modal:hover,.salvage-all-btn:hover{background:#34495e;color:#fff}.salvage-modal-sidebar{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:220px}.inventory-trash-row{display:flex;align-items:center;gap:8px}.inventory-trash{display:flex;padding:5px;align-items:center;gap:2px}.inventory-trash-icon{font-size:2em}.inventory-trash-label{font-size:.9em}.salvage-all-row{display:contents}#salvage-selected-btn{padding:10px 18px;background:#2c3e50;border:1px solid #34495e;color:#fff;border-radius:.5rem;font-size:1.05em;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}#salvage-selected-btn:hover{background:#34495e;color:#fff}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none}#inventory input[type=checkbox],#salvage-modal input[type=checkbox]{display:none}#inventory input[type=checkbox]:checked+.toggle-btn,#salvage-modal input[type=checkbox]:checked+.toggle-btn{background:#2563eb;border-color:#2563eb}#inventory input[type=checkbox]:checked+.toggle-btn:before,#salvage-modal input[type=checkbox]:checked+.toggle-btn:before{left:25px}.toggle-btn.disabled{background:#232b3a;border-color:#a1a1aa;cursor:not-allowed;opacity:.6}.salvage-material-row{display:flex;align-items:center;gap:8px}.salvage-material-row .toggle-label{margin-left:8px;display:flex;align-items:center;gap:4px;position:relative;cursor:pointer}.salvage-material-row .salvage-material-toggle{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;cursor:pointer}.salvage-reward-title{font-size:1.1em;font-weight:700;color:var(--text, #fff);margin-bottom:8px}.salvage-material-toggle-container{display:flex;align-items:center;gap:8px;width:fit-content;padding:4px 8px;border-radius:.5rem;background:var(--bg-element)}.inventory-item.selected{outline:2px solid #4caf50}.equipment-slot.eligible-slot{background-color:#4caf5033}.equipment-slot.ineligible-slot{background-color:#f4433633}.item-context-menu{position:absolute;background:var(--bg-element);color:#fff;border:1px solid #555;border-radius:.5rem;box-shadow:0 2px 6px #00000080;z-index:2000;padding:4px;display:flex;flex-direction:column}.item-context-menu button{background:none;border:none;color:inherit;padding:6px 12px;text-align:left;cursor:pointer}.item-context-menu button:hover{background:var(--bg-panel)}.sort-row{display:flex}.sort-select{padding:3px 5px;margin:8px 5px}.sort-btn{background:#559ad3;cursor:pointer}.salvage-container button{cursor:pointer}.item-stats{line-height:22px}.inventory-btn.sort-btn img{width:18px;height:18px}.salvage-row{display:contents}.salvage-row .toggle-btn{margin:.25em}.item-tooltip-salvage{margin-top:8px;color:#fff;background:#e0c060cc;border-top:1px solid #e0c060;padding:6px 8px 4px;border-radius:0 0 8px 8px;font-weight:700;text-shadow:1px 1px 2px #7a5c1c}.rune-equip-slots{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#ffffff0d;border:1px solid #888;margin-bottom:8px;justify-content:flex-start}.rune-inventory{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:4px;background:#0003;border:1px solid #444;margin-bottom:8px}@media (max-width: 768px){.rune-inventory{grid-template-columns:repeat(5,1fr)}}.rune-slot{width:100%;aspect-ratio:1 / 1;border:1px solid #666;display:flex;align-items:center;justify-content:center;background:#0000004d;position:relative;min-width:0}.rune-equip-slots .rune-slot{width:48px;height:48px;aspect-ratio:auto}.rune-slot.selected{outline:2px solid #4e9aff}.rune-slot.drag-over{border-color:#fff}.rune-equip-slots .rune-slot{border-color:#aaa}.rune-inventory .rune-slot{border-color:#666}.rune-section{margin-bottom:12px}.rune-section-title{font-weight:700;margin-bottom:4px}.rune-tabs{display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:12px;padding:6px;border-radius:10px;border:1px solid rgba(60,72,102,.8);background:linear-gradient(180deg,#111621d9,#0c0f18a6);box-shadow:inset 0 1px #ffffff14,0 8px 16px #00000059;overflow-x:auto;scrollbar-width:none}.rune-tabs::-webkit-scrollbar{display:none}.rune-tabs .rune-tab-button{position:relative;flex:1 0 0;min-width:32px;padding:6px 2px;border-radius:8px;border:1px solid transparent;background:linear-gradient(180deg,#425a8a73,#232d45e6);color:#dfe8ff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 0 rgba(0,0,0,.4);transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.rune-tabs .rune-tab-button .rune-tab-number{font-size:1rem;line-height:1.1}.rune-tabs .rune-tab-button .rune-tab-count{font-size:.7rem;opacity:.75;letter-spacing:.04em}@media (max-width: 600px){.rune-tabs .rune-tab-button .rune-tab-count{display:none}}.rune-tabs .rune-tab-button:hover{transform:translateY(-1px);border-color:#7aa0ff99;background:linear-gradient(180deg,#607eba8c,#273453f2);box-shadow:0 8px 14px #0000004d}.rune-tabs .rune-tab-button.active{border-color:#89aaff;background:linear-gradient(180deg,#7c9ae6b3,#30488af2);box-shadow:0 0 0 1px #b4ccff73,0 10px 20px #243a708c}.rune-tabs .rune-tab-button.locked{cursor:not-allowed;opacity:.6;background:linear-gradient(180deg,#262e44cc,#141a26e6);border-color:#3c4866bf;box-shadow:inset 0 1px #0000004d}.rune-tabs .rune-tab-button.locked .rune-tab-count{opacity:.4}.rune-tabs .rune-tab-button.locked:hover{transform:none;box-shadow:inset 0 1px #0000004d}.rune-tabs .rune-tab-button:focus-visible{outline:2px solid #a4c6ff;outline-offset:2px}.rune-tabs .rune-tab-button.drag-over{border-color:#d5e1ff;box-shadow:0 0 0 1px #d5e1ff99;background:linear-gradient(180deg,#89abffa6,#3f5aa2f2)}.rune-frozen-slots{background:#00000040;border:1px solid #665c3a}.rune-slot.frozen{border-color:#c8b56a}.rune-controls{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#11162199;padding:8px;border-radius:8px;border:1px solid rgba(60,72,102,.4)}.rune-filter{display:flex;align-items:center;flex:2;min-width:220px;position:relative}.rune-filter-input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #4c556f;background:#080c16e6;color:#e6ecff;font-size:.95rem;transition:all .2s ease;box-shadow:inset 0 2px 4px #0003}.rune-filter-input::placeholder{color:#e6ecff66}.rune-filter-input:focus{outline:none;border-color:#7aa2ff;background:#0c121e;box-shadow:0 0 0 2px #7aa2ff40}.rune-controls .rune-btn{cursor:pointer;white-space:nowrap;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.9rem;color:#eef2ff;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#374151,#1f2937);box-shadow:0 1px 2px #0003;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.rune-controls .rune-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000004d;filter:brightness(1.1)}.rune-controls .rune-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.rune-controls .salvage-btn{background:linear-gradient(180deg,#b91c1c,#991b1b);border-color:#f87171;text-shadow:0 1px 1px rgba(0,0,0,.5)}.rune-controls .salvage-btn:hover{border-color:#fca5a5;box-shadow:0 0 8px #dc262666}.rune-controls .equip-btn{background:linear-gradient(180deg,#15803d,#166534);border-color:#4ade80;text-shadow:0 1px 1px rgba(0,0,0,.5)}.rune-slot .rune-icon{width:100%;height:100%;object-fit:contain;pointer-events:none}.rune-controls .equip-btn:hover{border-color:#86efac;box-shadow:0 0 8px #16a34a66}.rune-controls .salvage-all-btn{background:linear-gradient(180deg,#7f1d1d,#450a0a);border-color:#ef4444;color:#fecaca}.rune-move-row{margin-top:8px;display:flex;flex-direction:column;gap:4px}.rune-move-select{background:#0006;border:1px solid #555;color:#fff;padding:4px}.class-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.class-path{background:var(--bg-panel);border:2px solid var(--accent);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.class-path:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.class-path:hover{box-shadow:0 8px 16px #0000004d;border-color:var(--accent-hover)}.class-path:hover:before{left:100%}.class-path h3{color:var(--accent);margin-bottom:10px}.base-stats{margin:15px 0;padding:10px;background:var(--bg-element);border-radius:5px}.base-stats div{color:#4caf50;margin:5px 0}.skill-tree-container{--skill-tree-base-padding: 10px;--skill-tree-header-fixed-offset: 12px;--skill-tree-header-gap: 12px;--skill-tree-floating-header-space: 0px;padding:var(--skill-tree-base-padding);padding-top:calc(var(--skill-tree-base-padding) + var(--skill-tree-floating-header-space));background:var(--bg-panel);border-radius:8px;position:relative}.skill-points-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:sticky;top:0;z-index:5;padding:12px;border:1px solid var(--border, #5fb1fd);border-radius:8px;background:var(--bg-panel);box-shadow:0 2px 6px #00000059}.skill-points-header--fixed{position:fixed;top:var(--skill-tree-header-fixed-offset);left:var(--skill-tree-header-fixed-left, 0px);width:var(--skill-tree-header-fixed-width, auto);z-index:900}.skill-header-left{display:flex;align-items:baseline;gap:12px}.skill-points{color:var(--text, #fff);opacity:.9}.skill-header-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.skill-qty-controls{display:flex;gap:.5rem}.skill-qty-controls button{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.4rem .7rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;outline:none}.skill-qty-controls button.active,.skill-qty-controls button:focus{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.skill-qty-controls button:hover:not(.active){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.skill-qty-controls .skill-qty-input.input-number{width:90px;text-align:center}.skill-bulk-controls{display:flex;align-items:center;gap:.5rem}.skill-bulk-controls button{background:var(--bg-element, #23272f);color:var(--text, #fff);border:2px solid var(--accent, #3b82f6);border-radius:.5rem;padding:.45rem .85rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.skill-bulk-controls button:hover:not(:disabled){background:#2d3340;color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.skill-bulk-controls button:disabled{opacity:.5;cursor:not-allowed}.skill-bulk-cost{color:#fbbf24;font-size:.9rem}.skill-bulk-cost.unaffordable{color:#a0a7b4}.skill-row{display:flex;justify-content:center;gap:20px;margin:5px 0;flex-wrap:wrap}.skill-level{font-size:.8em;color:#fff;background:#000000bf;padding:2px 6px;border-radius:4px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.class-path button{background-color:var(--accent);color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:15px;box-shadow:0 2px 4px #0003}.class-path button:hover{box-shadow:0 4px 8px #0000004d;background-color:var(--accent-hover)}.class-path button:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.class-preview-modal .class-preview-wrapper{background:var(--bg-panel);padding:20px;border-radius:8px;width:min(90vw,800px);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000080;position:relative;overflow-y:auto}.class-preview-modal .class-preview-header{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.class-preview-modal .class-preview-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:4px;position:sticky;bottom:0;z-index:10;background:var(--bg-panel);margin-left:-20px;margin-right:-20px;padding:15px 20px 0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 10px #0003}.class-preview-modal h2{margin:0;color:var(--accent)}.class-preview-modal .class-preview-tree{flex:1}.class-preview-modal .select-class-btn{background-color:var(--accent);color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.class-preview-modal .select-class-btn:hover{box-shadow:0 4px 8px #0000004d;background-color:var(--accent-hover)}.class-preview-modal .select-class-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.level-requirement{color:var(--accent);font-weight:700;padding:10px;text-align:right;min-width:80px;display:flex;align-items:center;justify-content:flex-end}.skills-table-row{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;gap:20px}.skills-cell{flex:1;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.skill-node{width:60px;height:70px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.skill-node:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.skill-node.available .skill-icon{border-color:#4caf50;box-shadow:0 0 8px #4caf5080}.skill-node.unlocked .skill-icon{border-color:#fff;box-shadow:0 0 6px #ffffff4d}.skill-node.unlocked[data-skill-type=passive] .skill-icon{border-color:#d4e022;box-shadow:0 0 6px #d4e02266}.skill-node.unlocked[data-skill-type=instant] .skill-icon{border-color:#ff9800;box-shadow:0 0 6px #ff980066}.skill-node.unlocked[data-skill-type=buff] .skill-icon{border-color:#2196f3;box-shadow:0 0 6px #2196f366}.skill-node.unlocked[data-skill-type=summon] .skill-icon{border-color:#ab47bc;box-shadow:0 0 6px #ab47bc66}.skill-node.active .skill-icon{border-color:#f44;box-shadow:0 0 8px #ff444480}.skill-row .skill-icon,.skills-cell .skill-icon{width:55px;height:55px;border:2px solid #666;border-radius:10px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:auto}.skill-slots .skill-icon{width:36px;height:36px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:auto}.skill-slots{display:flex;flex-wrap:wrap;gap:5px;width:100%;box-sizing:border-box;justify-content:flex-start;align-items:flex-start}.skill-slot{position:relative;width:40px;height:40px;border:2px solid #666;border-radius:4px;margin:4px;cursor:pointer;overflow:visible}.skill-slot.active{border:2px solid #4caf50;box-shadow:0 0 10px #4caf50}.cooldown-overlay{position:absolute;top:0;left:0;width:100%;height:0%;background:#000000b3;transition:height .1s linear;pointer-events:none}.skill-description{display:none;position:fixed;background:#000000e6;color:#fff;padding:8px;border-radius:4px;font-size:14px;white-space:pre-line;z-index:1000;pointer-events:none;top:100%}.skill-node:hover .skill-description{display:block}.key-indicator{position:absolute;top:2px;left:2px;background:#000000b3;color:#fff;padding:2px 4px;border-radius:3px;font-size:12px;z-index:2}.cooldown-text{position:absolute;top:2px;right:2px;color:#fff;font-size:14px;pointer-events:none;background-color:#333;z-index:2}.tooltip-type{color:#888;font-size:.9em;margin-bottom:4px}.tooltip-effects{margin:4px 0}.tooltip-cooldown,.tooltip-duration{color:#64b5f6;font-size:.9em}.skill-path-name{font-size:1.5em;color:var(--accent);margin-right:40px}#class-selection{display:grid;grid-template-columns:1fr 1fr;gap:14px}#class-selection .class-path{margin-bottom:18px;border:1px solid #333;border-radius:8px;background:#181818;padding:12px}#class-selection .class-path{margin-bottom:0}.skill-modal.hidden{display:none}.skill-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;width:400px;text-align:center;position:relative;box-shadow:0 8px 24px #00000080;z-index:1100}.skill-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.skill-modal-content p{margin:.5rem 0;color:var(--text, #fff)}.skill-modal-content .modal-skill-stats p{margin:.75rem 0}.skill-modal-content .modal-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.skill-modal-content .modal-controls button{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;transition:background .2s}.skill-modal-content .modal-controls button:hover{background:#2563eb}.skill-modal-content .modal-buy{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;width:100%;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s,opacity .2s}.skill-modal-content .modal-buy:hover:not(:disabled){background:#2563eb}.skill-modal-content .modal-buy:disabled{opacity:.6;cursor:not-allowed}.skill-modal-content .modal-skill-icon{width:72px;height:72px;margin:0 auto 1rem;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:8px}#auto-cast-section,#display-section{margin-top:32px;background:var(--bg-panel);border-radius:8px;padding:12px}#auto-cast-section h3,#display-section h3{margin-bottom:8px;color:var(--accent);font-size:1.1em}.auto-cast-switch,.display-switch{display:flex;align-items:center;margin-bottom:6px}.auto-cast-switch .skill-icon,.display-switch .skill-icon{width:28px;height:28px;background-size:cover;background-position:center;border-radius:4px;margin-right:8px}.auto-cast-switch label,.display-switch label{flex:1;color:var(--text);font-size:.95em}.auto-cast-switch input[type=checkbox],.display-switch input[type=checkbox]{-webkit-appearance:none;appearance:none;width:40px;height:20px;background:var(--bg-element);border-radius:10px;position:relative;cursor:pointer;outline:none;transition:background .2s}.auto-cast-switch input[type=checkbox]:before,.display-switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.auto-cast-switch input[type=checkbox]:checked,.display-switch input[type=checkbox]:checked{background:var(--accent)}.auto-cast-switch input[type=checkbox]:checked:before,.display-switch input[type=checkbox]:checked:before{transform:translate(20px)}.action-bar{margin:10px 0;padding:5px;background:var(--bg-element);border-radius:5px}.tooltip-total-damage{color:#d6c98d;font-size:.95em;margin-top:6px}.tooltip-synergies{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.tooltip-synergy{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.9em}.synergy-icon{width:20px;height:20px;border-radius:3px;object-fit:cover}.synergy-name{flex:1;color:#a0c4e8}.synergy-bonus{color:#7ddb7d;font-weight:700}.skill-tree-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--border, #5fb1fd);padding-bottom:0}.skill-tree-tab{padding:12px 24px;background:var(--bg-element, #23272f);border:2px solid var(--border, #5fb1fd);border-bottom:none;border-radius:8px 8px 0 0;color:var(--text, #fff);cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;position:relative;bottom:-2px}.skill-tree-tab:hover{background:var(--bg-panel, #1a1d24)}.skill-tree-tab.active{background:var(--bg-panel, #1a1d24);border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6);border-bottom:2px solid var(--bg-panel, #1a1d24)}.skill-tree-tab-content{display:none}.skill-tree-tab-content.active{display:block}.specialization-title{color:var(--accent, #3b82f6);margin-bottom:20px;text-align:center;font-size:24px}.specializations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.specialization-card{background:var(--bg-element, #23272f);border:3px solid var(--border, #5fb1fd);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;display:flex;flex-direction:column;overflow:hidden}.specialization-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.specialization-card:hover:not(.locked){box-shadow:0 8px 16px #0006;border-color:var(--accent, #3b82f6)}.specialization-card:hover:not(.locked):before{left:100%}.specialization-card.selected{border-color:#4caf50;border-width:4px;background:linear-gradient(135deg,rgba(76,175,80,.1) 0%,var(--bg-element, #23272f) 100%)}.specialization-card.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8);border-color:#666}.specialization-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.specialization-avatar{width:64px;height:64px;border-radius:8px;object-fit:cover;border:2px solid var(--accent, #3b82f6)}.specialization-card h4{color:var(--accent, #3b82f6);font-size:20px;margin:0}.specialization-description{color:var(--text, #fff);margin-bottom:15px;font-size:14px;line-height:1.4;flex-grow:1}.select-spec-btn{background:var(--accent, #3b82f6);color:#fff;padding:12px 20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:15px;width:100%;text-align:center;box-shadow:0 4px 6px #0003}.select-spec-btn:hover{background:var(--accent-hover, #2563eb);box-shadow:0 6px 12px #0000004d}.select-spec-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.specialization-skills{display:flex;flex-direction:column;gap:10px}.specialization-skill-preview{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-panel, #1a1d24);border-radius:6px}.specialization-skill-preview .skill-icon{width:32px;height:32px;border-radius:4px;background-size:cover;background-position:center}.specialization-skill-preview span{color:var(--text, #fff);font-size:14px}.specialization-status{margin-top:15px;padding:10px;border-radius:6px;text-align:center;font-weight:700;font-size:14px}.specialization-status.locked{background:#f003;color:#ff6b6b;border:2px solid #ff6b6b}.specialization-status.selected{background:#4caf5033;color:#4caf50;border:2px solid #4caf50}.specialization-skills-container{margin-top:30px;padding-top:30px;border-top:2px solid var(--border, #5fb1fd)}.specialization-skills-container h3{color:var(--accent, #3b82f6);margin-bottom:20px}.class-preview-specializations{margin:10px 0;padding:10px;background:var(--bg-element, #23272f);border-radius:8px}.class-preview-specializations h3{color:var(--accent, #3b82f6);margin-bottom:15px;text-align:center}.specializations-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:10px}.specialization-preview-card{background:var(--bg-panel, #1a1d24);border:2px solid var(--border, #5fb1fd);border-radius:8px;padding:15px;text-align:center}.specialization-details-placeholder{margin-top:10px}.class-preview-spec-details{margin:0;padding:10px;background:var(--bg-element, #23272f);border-radius:8px;border:1px solid var(--border, #5fb1fd);display:flex;flex-direction:column;align-items:center;gap:15px}.spec-unlock-text{color:var(--gold);font-size:.95em;font-weight:700;opacity:.9;margin-bottom:5px}.spec-details-stats{text-align:center;color:#eee;font-size:.9em;display:flex;flex-direction:column;gap:4px}.spec-preview-avatar{width:48px;height:48px;border-radius:6px;margin-bottom:10px;border:2px solid var(--accent, #3b82f6)}.specialization-preview-card h4{color:var(--accent, #3b82f6);margin:8px 0;font-size:16px}.spec-preview-desc{color:var(--text, #fff);font-size:12px;line-height:1.3;opacity:.8}.mobile-tooltip-notice{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:2px solid var(--accent, #3b82f6);border-radius:8px;padding:16px;margin-bottom:16px;position:relative;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-tooltip-notice-content{display:flex;flex-direction:column;gap:12px}.mobile-tooltip-notice-close{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text, #fff);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;opacity:.7;transition:opacity .2s}.mobile-tooltip-notice-close:hover{opacity:1}.mobile-tooltip-notice-text{display:flex;align-items:flex-start;gap:12px;color:var(--text, #fff);font-size:14px;line-height:1.5;padding-right:24px}.mobile-tooltip-notice-icon{width:24px;height:24px;flex-shrink:0;color:var(--accent, #3b82f6);margin-top:2px}.mobile-tooltip-notice-action{background:var(--accent, #3b82f6);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.mobile-tooltip-notice-action:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.mobile-tooltip-notice-action:active{transform:translateY(0)}@media (max-width: 768px){.skill-tree-container{--skill-tree-base-padding: 12px;padding:var(--skill-tree-base-padding)}.skill-points-header{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.class-path{padding:12px;margin-bottom:0}.skill-header-left{flex-direction:row;justify-content:space-between;width:100%;align-items:center}.skill-points{font-size:.9em}.skill-path-name{font-size:1.2em;margin-right:0}.skill-header-controls{flex-direction:column;align-items:stretch;gap:8px}.skill-qty-controls,.skill-bulk-controls{width:100%;justify-content:space-between}.skill-qty-controls button,.skill-bulk-controls button{flex:1;padding:.5rem;font-size:.9rem}.skill-row{gap:12px}.skill-node{width:50px;height:60px}.skill-row .skill-icon{width:45px;height:45px}.level-requirement{padding:8px;font-size:.95em}.specializations-grid,.specializations-preview-grid{grid-template-columns:1fr;gap:15px}.selected-specialization-header{padding:12px}.class-selection,#class-selection{grid-template-columns:1fr;gap:15px;padding:12px}.skills-table-row{flex-direction:column;align-items:center;gap:10px}.level-requirement{padding:4px;font-size:.95em;min-width:0;text-align:center;justify-content:center}.skill-tree-tabs{gap:4px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}.skill-tree-tab{padding:10px 16px;font-size:14px;white-space:nowrap}}.stack-count{position:absolute;top:2px;left:2px;background:#000c;color:#fff;font-size:10px;padding:1px 4px;border-radius:4px;pointer-events:none;z-index:10;border:1px solid var(--accent)}#tooltip.skill-tooltip-wrapper{padding:0;background:transparent;border:none;box-shadow:none;min-width:320px;max-width:360px}.skill-tooltip-container{background:var(--bg-panel, #1a1d24);border:2px solid var(--border, #333);border-radius:8px;box-shadow:0 4px 20px #00000080;overflow:hidden;font-family:var(--font-main, sans-serif);color:#e0e0e0}.skill-tooltip-header{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(to right,rgba(59,130,246,.1),transparent);border-bottom:1px solid rgba(255,255,255,.1)}.skill-tooltip-icon{width:48px;height:48px;background-size:cover;background-position:center;border-radius:6px;border:1px solid var(--accent, #3b82f6);box-shadow:0 0 10px #3b82f633;flex-shrink:0}.skill-tooltip-title-block{flex:1}.skill-tooltip-name{font-size:1.1em;font-weight:700;color:var(--gold, #fbbf24);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.skill-tooltip-type{font-size:.8em;color:#94a3b8;text-transform:uppercase;background:#0003;padding:2px 6px;border-radius:4px;display:inline-block}.skill-tooltip-body{padding:12px}.skill-tooltip-description{font-size:.9em;color:#cbd5e1;font-style:italic;margin-bottom:12px;line-height:1.4}.skill-tooltip-section{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.skill-tooltip-section:first-child{margin-top:0;border-top:none;padding-top:0}.skill-tooltip-section-title{font-size:.85em;font-weight:700;color:var(--accent, #3b82f6);margin-bottom:6px;text-transform:uppercase;display:flex;justify-content:space-between}.skill-stats-grid{display:flex;flex-direction:column;gap:4px}.skill-stat-row{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.9em;color:#e2e8f0}.skill-stat-row .stat-value{font-weight:600;color:#fff;text-align:right}.skill-stat-row.bonus .stat-value{color:#4ade80}.skill-stat-row .stat-diff{color:#4ade80;font-size:.9em;margin-left:6px}.skill-synergy-row{display:flex;align-items:center;gap:8px;margin-top:4px;background:#ffffff08;padding:4px 6px;border-radius:4px}.synergy-icon-small{width:20px;height:20px;border-radius:3px;object-fit:cover}.synergy-content{flex:1;font-size:.85em;display:flex;flex-direction:column}.synergy-name{color:#cbd5e1;font-weight:700}.synergy-value{color:#94a3b8;font-size:.9em}.synergy-value span{color:#4ade80}.skill-tooltip-footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.85em}.skill-meta-item{display:flex;align-items:center;gap:4px;color:#94a3b8;background:#0003;padding:2px 6px;border-radius:4px}.skill-meta-item span.val{color:#fff;font-weight:600}.skill-meta-item.mana span.val{color:#60a5fa}.skill-meta-item.life span.val{color:#f87171}.skill-meta-item.cooldown span.val{color:#facc15}.skill-damage-preview{margin-top:12px;background:#0000004d;padding:8px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.damage-total{display:flex;justify-content:space-between;align-items:center;gap:5px;font-weight:700;color:#fbbf24;margin-bottom:4px}.damage-breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:#94a3b8;line-height:24px}.skill-modal-content{display:flex;flex-direction:column;height:100%;max-height:80vh;overflow:hidden;background:var(--bg-panel, #1a1d24);color:#e0e0e0}.skill-modal-tooltip-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5563 transparent}.skill-modal-tooltip-content::-webkit-scrollbar{width:6px}.skill-modal-tooltip-content::-webkit-scrollbar-track{background:transparent}.skill-modal-tooltip-content::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:3px}.skill-modal-tooltip-content .skill-tooltip-container{border:none;box-shadow:none;background:transparent;width:100%;max-width:none}.skill-modal-footer{flex-shrink:0;padding:16px;background:#0003;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.skill-modal-resources{display:flex;justify-content:space-between;font-size:.9em;color:#aaa}.skill-modal-resources span{color:#fff;font-weight:700}.modal-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.modal-buy{width:100%;padding:10px;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .2s;text-transform:uppercase;letter-spacing:.5px}.modal-buy:hover:not(:disabled){background:var(--primary-hover, #1d4ed8)}.modal-buy:disabled{background:#334155;cursor:not-allowed;opacity:.7;color:#94a3b8}.specialization-preview-card{display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;border:1px solid transparent;padding:5px;border-radius:6px;transition:all .2s}.specialization-preview-card.active{border-color:var(--accent);background:#3b82f61a}.stats-display{display:flex;flex-direction:column;color:#fff;margin-bottom:20px}.stats-group{display:flex;flex-direction:column;gap:10px}.stat-entry{padding:8px;background:#0000004d;border-radius:4px;font-size:14px}.stage-separator{margin:0 5px;color:#44d418}.stage-value{color:#ebe8c8;font-weight:700;white-space:nowrap}.highest-stages-container{word-break:keep-all}.breakable-separator{display:inline-block;white-space:pre;margin:0 5px;color:#44d418}.breakable-separator:after{content:"​"}#region-selector,#boss-region-selector{display:none}#rocky-field-region-selector{display:none;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:16px;margin-top:8px}#boss-region-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin-bottom:12px;margin-top:8px}.region-btn{background:linear-gradient(90deg,#232b38 60%,#1a202c);color:#fff;border:2px solid #3b4a5a;border-radius:10px;padding:8px 12px;font-family:inherit;font-weight:600;box-shadow:0 2px 8px #0002;cursor:pointer;transition:background .2s,border .2s,color .2s,box-shadow .2s;outline:none;position:relative}.region-btn:hover{background:linear-gradient(90deg,#2563eb 60%,#1e40af)}.region-btn.selected{background:linear-gradient(90deg,#059669 60%,#047857);color:#fff;border-color:#059669;box-shadow:0 4px 16px #05966944;z-index:1}.region-btn:disabled{background:#232b38;color:#888;border-color:#444;cursor:not-allowed;opacity:.7}.combat-controls-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.combat-mode-selector,.combat-region-selector{display:flex;align-items:center;gap:.5rem}.combat-mode-label,.combat-region-label{font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;white-space:nowrap}.combat-mode-dropdown,.combat-region-dropdown{position:relative;background:linear-gradient(135deg,#232b3a,#1c2531);color:#e5e7eb;border:1px solid #3b82f6;border-radius:6px;padding:6px 32px 6px 12px;font-size:.9rem;font-weight:600;letter-spacing:.3px;cursor:pointer;outline:none;min-width:140px;line-height:1.2;transition:border-color .18s,box-shadow .18s,background .25s,color .25s;appearance:none;box-shadow:0 2px 6px #00000040,inset 0 0 0 1px #0f172a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}.combat-mode-dropdown:hover,.combat-region-dropdown:hover{border-color:#60a5fa;background:linear-gradient(135deg,#253042,#232b3a)}.combat-mode-dropdown:focus,.combat-region-dropdown:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59,0 2px 8px #0006}.combat-mode-dropdown::-ms-expand,.combat-region-dropdown::-ms-expand{display:none}.combat-mode-dropdown option,.combat-region-dropdown option{background:#1f2937;color:#f1f5f9}.combat-fight-btn{background-color:#059669;color:#fff;border:none;padding:.4rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s;font-weight:600;font-size:.9rem}.combat-fight-btn:hover{background-color:#047857}.combat-stage-display{display:flex;align-items:center;gap:.25rem;font-weight:500;font-size:.9rem;white-space:nowrap}.combat-stage-display .stage-label{color:#ffffffbf}.combat-stage-display .stage-value{color:var(--text);font-weight:600}.session-status-group{display:inline-flex;align-items:center;gap:12px;font-size:.85rem;color:#ffffffa6}.hero-ailments{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.hero-ailments .ailment-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;opacity:.9;transition:opacity .2s}.hero-ailments .ailment-icon:hover{opacity:1}.region-tabs{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.offline-eligibility-indicator{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:700;-webkit-user-select:none;user-select:none}.offline-eligibility-indicator .icon{line-height:1;font-size:14px}.offline-eligibility-indicator.offline-eligible{color:#10b981}.offline-eligibility-indicator.offline-not-eligible{color:#ef4444}.save-status-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#fff9;transition:color .2s ease,filter .2s ease}.save-status-indicator .icon{font-size:.9rem}.save-status-indicator.recently-saved{color:#34d399;filter:drop-shadow(0 0 4px rgba(52,211,153,.5))}.region-tabs-label{font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;white-space:nowrap}.region-panel{background:#2d3748;border-radius:.5rem}.region-panel.hidden{display:none}.region-tab{background-color:var(--bg-element);color:var(--text);border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s}.region-tab.active{background-color:var(--accent)}.region-selection-dialog .modal-content{width:clamp(min(700px,92vw),92vw,700px);max-height:85vh}.region-selection-modal .modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;color:#f1f5f9;text-align:center}.region-dialog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem;max-height:65vh;overflow-y:auto;padding:.5rem}.region-dialog-item{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #3b82f6;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease}.region-dialog-item:not(.disabled):hover{border-color:#60a5fa;background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.region-dialog-item.selected{border-color:#059669;background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 16px #05966966}.region-dialog-item.disabled{opacity:.5;cursor:not-allowed;border-color:#475569;background:linear-gradient(135deg,#1e293b,#0f172a)}.region-dialog-item-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.region-dialog-item-name{font-size:1rem;font-weight:700;color:#f1f5f9;flex:1;min-width:0}.region-dialog-item-unlock{color:#94a3b8;font-size:.8rem;white-space:nowrap}.region-dialog-item-current{background:#059669;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.region-dialog-item-locked{font-size:1rem}@media (max-width: 768px){.region-dialog-item-header{flex-direction:column;align-items:flex-start;gap:.25rem}.region-dialog-item-name{width:100%}.region-dialog-item-unlock{order:2}.region-dialog-item-current,.region-dialog-item-locked{order:3}}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c1099;backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);z-index:2000}.modal.hidden{display:none}.modal-content{background:linear-gradient(180deg,#22262df2,#16181cf2);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem;box-shadow:0 12px 40px #0000008c;position:relative;width:min(640px,92vw);max-width:92vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.modal>*{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;cursor:pointer;color:#cbd5e1;font-size:1.5rem;transition:color .15s ease,transform .1s ease}.modal-close:hover{color:#fff;transform:scale(1.06)}.migration-info{overflow-y:auto}@media (max-width: 600px){.modal-content{width:95vw;max-width:95vw;padding:1rem}}#ad-bonus-modal{background:#0a0a0ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #000c;border-radius:16px;padding:0;max-width:900px;width:90%;color:#eee;font-family:Outfit,sans-serif;overflow:hidden;position:relative;z-index:2000}.rate-counters-bar{z-index:100!important}#ad-bonus-modal h2{text-align:center;font-size:2rem;margin:2rem 0 1rem;background:linear-gradient(to right,gold,#fa0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(255,215,0,.3);text-transform:uppercase;letter-spacing:2px}.ad-modal-close{position:absolute;top:15px;right:20px;font-size:2rem;color:#ffffff80;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10}.ad-modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.bonus-cards{display:flex;justify-content:center;gap:2rem;padding:2rem 3rem 4rem;flex-wrap:wrap}.bonus-card{background:linear-gradient(145deg,#1e1e28e6,#14141ef2);border:1px solid rgba(255,255,255,.08);border-radius:12px;width:220px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.bonus-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,215,0,.05),transparent);opacity:0;transition:opacity .3s ease}.bonus-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffd70080;box-shadow:0 15px 30px #00000080,0 0 15px #ffd70033}.bonus-card:hover:before{opacity:1}.bonus-icon{width:80px;height:80px;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.3));transition:transform .3s ease}.bonus-card:hover .bonus-icon{transform:scale(1.1) rotate(5deg)}.bonus-icon img{width:100%;height:100%;object-fit:contain}.bonus-desc{font-size:1.1rem;font-weight:600;color:#e0e0e0;text-align:center;margin-bottom:.5rem;line-height:1.4}.bonus-duration{font-size:.9rem;color:#888;margin-top:auto;background:#0000004d;padding:4px 12px;border-radius:20px}.ads-container{padding:2rem;display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto}.ads-container h3{font-size:1.5rem;margin-bottom:1.5rem;color:gold;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:.5rem}.active-list{display:flex;flex-wrap:wrap;gap:1rem}.no-active{color:#777;font-style:italic;padding:1rem}.active-bonus-item{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;min-width:250px}.active-bonus-icon{width:40px;height:40px}.active-bonus-icon img{width:100%;height:100%;object-fit:contain}.active-bonus-info{display:flex;flex-direction:column}.active-bonus-desc{font-weight:700;color:gold}.active-bonus-timer{font-family:monospace;color:#bbb}.ads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.ad-offer-card{background:#1e1e2899;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.ad-offer-card:not(.disabled):hover{transform:translateY(-5px);border-color:gold;box-shadow:0 5px 20px #0000004d}.ad-offer-card.disabled{opacity:.5;cursor:not-allowed;background:#14141999}.ad-offer-icon{width:80px;height:80px;margin:0 auto 1rem}.ad-offer-icon img{width:100%;height:100%;object-fit:contain}.ad-offer-title{font-size:1.25rem;font-weight:700;color:#eee;margin-bottom:.5rem}.ad-offer-desc{font-size:.95rem;color:#aaa;margin-bottom:1.5rem;line-height:1.4;flex-grow:1}.ad-offer-btn{background:linear-gradient(45deg,gold,#fa0);border:none;padding:.75rem 2rem;border-radius:25px;color:#111;font-weight:700;cursor:pointer;transition:filter .2s ease;width:100%}.ad-offer-card:not(.disabled) .ad-offer-btn:hover{filter:brightness(1.1)}.ad-offer-card.disabled .ad-offer-btn{background:#444;color:#777;cursor:not-allowed}.ad-offer-sub{font-size:.8rem;color:gold;margin-top:.5rem;opacity:.8}.ad-blocker-warning{background:#281e1ecc;border:1px solid #ff4444;border-radius:12px;padding:3rem;text-align:center;margin-bottom:2rem}.ad-blocker-warning h2{color:#f44;margin-bottom:1rem}.warning-icon{width:100px;height:100px;margin:1rem auto}.warning-icon img{width:100%;height:100%;object-fit:contain}.ad-blocker-warning p{font-size:1.2rem;color:#eee;max-width:600px;margin:0 auto}@media (max-width: 768px){.ads-container{padding:1rem;gap:1.5rem}.ads-grid{grid-template-columns:1fr;gap:1rem}.ad-offer-card{padding:1rem}#ad-bonus-modal{width:95%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:1rem}#ad-bonus-modal h2{font-size:1.5rem;margin:1.5rem 0 1rem}.bonus-cards{padding:.5rem;gap:.75rem;justify-content:center}.bonus-card{width:calc(50% - .5rem);max-width:none;padding:1rem .5rem;min-height:auto}.bonus-icon{width:50px;height:50px;margin-bottom:.5rem}.bonus-desc{font-size:.9rem;line-height:1.2}.bonus-duration{font-size:.8rem;padding:2px 8px}}.dev-access-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;line-height:1.5;text-align:center;background:#121418e0;border-top:1px solid rgba(255,255,255,.08);color:#e2e8f0}.dev-access-footer--test{background:transparent;border-top:none;color:inherit}.dev-access-highlight{color:#4da3ff;font-size:1.1em;font-weight:600;cursor:pointer}.dev-access-footer--test .dev-access-highlight{color:#007bff;font-size:1.4em}.dev-access-modal__actions{margin-top:24px;display:flex;justify-content:center}.dev-access-modal__confirm{padding:8px 24px;font-size:1.1em;border-radius:6px;border:none;background:#2563eb;color:#fff;cursor:pointer;transition:background .2s ease,transform .1s ease}.dev-access-modal__confirm:hover{background:#1d4ed8;transform:translateY(-1px)}.dev-access-modal__confirm:active{transform:translateY(0)}.quest-list{display:flex;flex-direction:column;gap:8px;padding:8px}.quest-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #fff;border-radius:4px;background-color:#222;cursor:pointer;transition:background-color .2s,border-color .2s}.quest-item.ready{border-color:#22c55e;background-color:#19391e}.quest-item.claimed{border-color:#000;background-color:#222447}.quest-icon{border:1px solid #158af1;border-radius:50%;font-size:1.5em}.quest-title{font-weight:700;color:#fff}.quest-progress{margin-left:auto;color:#aaa}#quest-modal .modal-content{display:flex;flex-direction:column;gap:12px;z-index:1100}#quest-modal .modal-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}#quest-claim-btn{background-color:#06b6d4;color:#fff}#quest-claim-btn:disabled{background-color:#6b7280!important;color:#fff!important;cursor:not-allowed!important;opacity:.7}.quest-tabs{display:flex;gap:8px;padding:8px 8px 0;margin-bottom:4px;flex-wrap:wrap}.quest-tab{background:#232946;color:var(--crystals);border:none;border-radius:4px 4px 0 0;padding:6px 18px;font-weight:700;cursor:pointer;font-size:1em;transition:background .2s,color .2s}.quest-tab.active{background:var(--crystals);color:#fff}.quest-tab:not(.active):hover{background:#19391e;color:#22c55e}.quest-claimable-btn{background:#7fb794;color:#fff;border:none;border-radius:4px;padding:6px 16px;font-weight:700;cursor:pointer;font-size:1em;margin-bottom:4px;transition:background .2s,color .2s}.quest-claimable-btn:hover{background:var(--crystals);color:#fff}#claimable-quests-modal .quest-modal-content{max-height:70vh;overflow-y:auto;width:640px;min-width:340px}#claimable-quests-modal .claimable-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1rem}#claimable-quests-modal .claimable-header h2{margin:0}#claimable-quests-modal #claim-all-btn{margin-left:0}#claimable-quests-list .quest-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #22c55e;border-radius:4px;background-color:#19391e;margin-bottom:8px}#claimable-quests-list .quest-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#claimable-quests-list .quest-progress{margin-left:12px;color:#aaa;flex-shrink:0}#claimable-quests-list .quest-item>*:not(.quest-icon):not(.modal-btn){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#claimable-quests-modal .modal-btn{background:linear-gradient(90deg,#22c55e 60%,var(--crystals) 100%);color:#fff;border:none;border-radius:4px;padding:7px 22px;font-weight:700;cursor:pointer;font-size:1em;transition:background .2s,color .2s;margin-left:16px}#claimable-quests-modal .modal-btn:hover{background:linear-gradient(90deg,var(--crystals) 60%,#22c55e 100%)}.quest-modal.hidden{display:none}.quest-modal-content{background:var(--bg-element, #1e2127);padding:1.5rem;border-radius:.75rem;width:400px;text-align:center;position:relative;box-shadow:0 8px 24px #00000080}.quest-modal-content h2{margin-bottom:1rem;font-size:1.25rem;color:var(--accent, #3b82f6)}.quest-modal-content p{margin:.5rem 0;color:var(--text, #fff)}.quest-modal-content .modal-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.quest-modal-content .modal-controls button{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;transition:background .2s}.quest-modal-content .modal-controls button:hover{background:#2563eb}.quest-modal-content .modal-buy{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;width:100%;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s,opacity .2s}.quest-modal-content .modal-buy:hover:not(:disabled){background:#2563eb}.quest-modal-content .modal-buy:disabled{opacity:.6;cursor:not-allowed}.stage-skip-label{font-weight:700;font-size:1.1em}.options-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;overflow-x:hidden}.options-tabs{display:flex;gap:8px;padding:8px 8px 0;margin-bottom:4px;flex-wrap:wrap;border-bottom:3px solid #6b6bb8}.options-tab{background:#232946;color:var(--crystals);border:none;border-radius:4px 4px 0 0;padding:6px 18px;font-weight:700;cursor:pointer;font-size:1em;transition:background .2s,color .2s}.options-tab.active{background:var(--crystals);color:#fff}.options-tab:not(.active):hover{background:#19391e;color:#22c55e}.options-content{display:none;flex-direction:column;gap:4px;flex:1;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.options-content.active{display:flex}.options-content>#reset-progress{margin-top:auto}.cloud-save-bar{display:flex;align-items:center;gap:1rem;background:#232b3a;border-radius:6px;padding:.4em 1em;box-shadow:0 2px 8px #00000012;width:100%;max-width:100%;box-sizing:border-box}#cloud-save-status{font-size:1.08em;color:#10b981;font-weight:600;letter-spacing:.2px}#cloud-save-status.not-logged-in{color:#ef4444}#cloud-save-status.saving{color:#f59e42}#cloud-save-status.failed{color:#ef4444}.common-select{position:relative;background:linear-gradient(135deg,#232b3a,#1c2531);color:#e5e7eb;border:1px solid #3b82f6;border-radius:6px;padding:8px 40px 8px 14px;font-size:.95rem;font-weight:600;letter-spacing:.3px;cursor:pointer;outline:none;min-width:160px;max-width:400px;box-sizing:border-box;line-height:1.2;transition:border-color .18s,box-shadow .18s,background .25s,color .25s;appearance:none;box-shadow:0 2px 6px #00000040,inset 0 0 0 1px #0f172a}.common-select:hover{border-color:#60a5fa;background:linear-gradient(135deg,#253042,#232b3a)}.common-select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59,0 2px 8px #0006}.common-select::-ms-expand{display:none}.common-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}.common-select:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.3)}.common-select option,.common-select option.used-slot{background:#1f2937;color:#f1f5f9}.common-select option.current-slot{background:#064e3b;color:#d1fae5;font-weight:700}.common-action-btn{background:linear-gradient(90deg,#10b981,#059669);color:#f0fdf4;border:1px solid #10b981;border-radius:6px;padding:8px 20px;font-size:.95rem;font-weight:700;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #0000004d,0 0 0 1px #10b98140;transition:transform .15s ease,box-shadow .2s ease,background .25s ease;position:relative;overflow:hidden}#scaling-reload-btn{background:linear-gradient(90deg,#ff6b35,#e65a2b);border-color:#ff6b35}.common-action-btn:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff47,#fff0);transform:skew(-22deg);opacity:0;transition:left .8s ease,opacity .4s ease}.common-action-btn:hover:after{left:130%;opacity:1}.common-action-btn:hover{background:linear-gradient(90deg,#0fb37b,#038c5e);box-shadow:0 4px 14px #00000059,0 0 0 2px #10b98159}#scaling-reload-btn:hover{background:linear-gradient(90deg,#ff7b4d,#f06a3c);box-shadow:0 4px 14px #00000059,0 0 0 2px #ff6b3559}.common-action-btn:active{transform:translateY(2px);box-shadow:0 2px 8px #00000059,0 0 0 2px #10b98166}#scaling-reload-btn:active{box-shadow:0 2px 8px #00000059,0 0 0 2px #ff6b3566}.common-action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #10b9818c,0 2px 10px #0006}#scaling-reload-btn:focus-visible{box-shadow:0 0 0 3px #ff6b358c,0 2px 10px #0006}.common-action-btn:disabled{background:#374151;border-color:#374151;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.common-select option.used-slot{background:#474646}.common-select option.current-slot{background:#1f4d0a;font-weight:700}#cloud-save-btn,#cloud-load-btn,#copy-save-text-btn,#paste-save-text-btn,.login-link,#logout-btn{background:linear-gradient(90deg,#3b82f6 60%,#2563eb);color:#fff;border:none;border-radius:5px;padding:.45em 1.2em;cursor:pointer;box-shadow:0 2px 8px #3b82f614;transition:background .2s,opacity .2s}#cloud-save-btn:hover,#cloud-load-btn:hover,#copy-save-text-btn:hover,#paste-save-text-btn:hover,.login-link:hover,#logout-btn:hover{background:linear-gradient(90deg,#186aee 60%,#0f52e4)}#cloud-save-btn:disabled,#cloud-load-btn:disabled,#copy-save-text-btn:disabled,#paste-save-text-btn:disabled,#logout-btn:disabled{background:#a1a1aa;color:#e5e7eb;cursor:not-allowed;opacity:.7}.login-status{color:#ef4444}#reset-progress{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s;width:100%}#reset-progress:hover{background:#b71c1c}.discord-link{display:inline-flex;align-items:center;gap:.5em;background:#5865f2;color:#fff;text-decoration:none;font-weight:600;padding:.6em 1.2em;border-radius:4px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #5865f214}.discord-link:hover,.discord-link:focus{background:#4752c4;text-decoration:none;box-shadow:0 4px 16px #5865f22e;outline:none}.discord-link .discord-icon{display:inline-block;width:1.3em;height:1.3em;vertical-align:middle;fill:#fff}#view-changelog{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s;width:100%}#view-changelog:hover{background:#1d4ed8}.changelog-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.changelog-modal-content{background:#18181b;color:#f3f4f6;border-radius:12px;box-shadow:0 8px 32px #00000040;padding:32px 24px 24px;min-width:340px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;z-index:1100}.changelog-modal-content h2{margin-top:0;margin-bottom:18px;text-align:center;font-size:1.6em;font-weight:700}.changelog-entry{background:#23232a;border-radius:8px;margin-bottom:14px;box-shadow:0 2px 8px #00000014;overflow:hidden}.changelog-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 18px;font-size:1.1em;font-weight:600;background:#23232a;border-bottom:1px solid #2d2d36;-webkit-user-select:none;user-select:none}.changelog-version{color:#60a5fa}.changelog-toggle{font-size:1.2em;margin-left:10px}.changelog-body{padding:16px 18px;font-size:1em;background:#23232a;color:#e5e7eb;line-height:1.6}.changelog-row{display:flex;gap:12px;width:100%}@media (max-width: 600px){.changelog-row{flex-direction:column;gap:8px}}#options input[type=number]{background:#232b3a;color:#fff;border:1px solid #3b82f6;border-radius:4px;padding:6px 12px;font-size:1.1em;width:100px;transition:border .2s,box-shadow .2s}#options input[type=number]:focus{border:1.5px solid #60a5fa;box-shadow:0 0 0 2px #3b82f633;outline:none}.option-row{display:flex;align-items:center;gap:1em;margin:.2em 0;padding:4px 20px;min-height:2.5em;width:100%;max-width:100%;box-sizing:border-box}.option-row label:not(.toggle-btn){flex:1;text-align:left;padding-right:15px;line-height:1.2}.option-row .toggle-btn,.option-row input[type=number],.option-row select,.option-row input[type=range]{margin-left:auto;flex-shrink:0}@media (max-width: 600px){.options-container{padding:0}.option-row{padding:4px 8px;gap:.5em;flex-wrap:wrap;min-height:auto}#options .option-row label{padding-right:8px;min-width:100px;font-size:.9rem}.option-row .common-select{min-width:140px;max-width:calc(100vw - 60px);flex:1 1 auto;font-size:.85rem;padding:6px 36px 6px 12px}.option-row .common-action-btn{flex:0 1 auto;padding:8px 12px;font-size:.8rem;white-space:nowrap;min-width:60px}.option-row input[type=number]{width:70px;max-width:100px;flex:0 1 auto;font-size:.95rem;padding:5px 10px}.cloud-save-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;height:auto;padding:10px 8px}.cloud-save-bar button{flex:1 1 calc(50% - .25rem);min-width:0;max-width:calc(50% - .25rem);padding:.45em .6em;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cloud-save-status{flex:1 1 100%;text-align:center;font-size:.95rem;word-break:break-word}#copy-save-text-btn,#paste-save-text-btn{flex:1 1 calc(50% - .25rem);min-width:0;max-width:calc(50% - .25rem);padding:.45em .6em;font-size:.8rem;white-space:nowrap}.min-max-btn-group{margin-left:0}.min-max-btn-group .min-btn,.min-max-btn-group .max-btn{padding:6px 8px;font-size:.75em}#view-changelog,#reset-progress{padding:10px 12px;font-size:.85rem}.options-content>div:not(.option-row):not(.cloud-save-bar):not(.changelog-row){font-size:.9rem}}.starting-stage-label,.reset-stage-skip-label,.stage-lock-label{font-weight:700;font-size:1.1em}.apply-btn{margin-left:.5em;padding:6px 18px;background:#2563eb;color:#fff;border:none;border-radius:4px;font-weight:700;font-size:1em;cursor:pointer;transition:background .2s}.apply-btn.hover,.apply-btn:focus,.apply-btn:hover{background:#1d4ed8}.max-btn{margin-left:.25em;padding:6px 12px;background:#10b981;color:#0b1b1f;border:none;border-radius:4px;font-weight:700;font-size:.95em;cursor:pointer;transition:background .2s,transform .02s}.max-btn.hover,.max-btn:focus,.max-btn:hover{background:#0ea371}.max-btn:active{transform:translateY(1px)}.max-btn:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.min-btn{margin-left:.25em;padding:6px 12px;background:#0f766e;color:#0b1b1f;border:none;border-radius:4px;font-weight:700;font-size:.95em;cursor:pointer;transition:background .2s,transform .02s}.min-btn.hover,.min-btn:focus,.min-btn:hover{background:#0d5f5a}.min-btn:active{transform:translateY(1px)}.min-btn:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.min-max-btn-group{display:inline-flex;align-items:stretch;margin-left:.25em;border-radius:4px;overflow:hidden}.min-max-btn-group .min-btn,.min-max-btn-group .max-btn{margin-left:0;border-radius:0}.min-max-btn-group .min-btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.min-max-btn-group .max-btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.migration-modal .modal-content{width:unset}#options label{font-weight:700;font-size:1em}#options input[type=checkbox]{display:none}.toggle-btn{display:inline-block;width:48px;height:26px;background:#232b3a;border-radius:13px;position:relative;cursor:pointer;transition:background .2s;border:2px solid #3b82f6;vertical-align:middle}#options input[type=checkbox]:checked+.toggle-btn{background:#2563eb;border-color:#2563eb}.toggle-btn:before{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 4px #0000001f}#options input[type=checkbox]:checked+.toggle-btn:before{left:25px}.toggle-btn{box-sizing:border-box}.rate-counters-bar{background:#103d86;border-radius:4px;font-size:medium;z-index:10001}#inline-stage-controls input[type=number]{background:#232b3a;color:#fff;border:1px solid #3b82f6;border-radius:4px;padding:6px 12px;font-size:1.1em;width:100px;transition:border .2s,box-shadow .2s}#inline-stage-controls input[type=number]:focus{border:1.5px solid #60a5fa;box-shadow:0 0 0 2px #3b82f633;outline:none}.auth-modal-content{background:linear-gradient(135deg,var(--bg-panel) 0%,var(--bg-dark) 100%);padding:4rem 2rem 2rem;border-radius:12px;width:100%;max-width:420px;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.auth-tabs{display:flex;justify-content:space-between;background:var(--bg-element);border-radius:8px;padding:4px;position:relative;margin-bottom:1rem}.auth-tab{flex:1;background:transparent;border:none;font-size:1rem;padding:10px;cursor:pointer;color:var(--text-secondary);font-weight:600;transition:all .3s ease;border-radius:6px;text-align:center}.auth-tab.active{background:var(--bg-panel);color:var(--text);box-shadow:0 2px 4px #0003}.auth-tab:hover:not(.active){color:var(--text);background:#ffffff0d}.auth-form{display:none;flex-direction:column;gap:1.25rem;animation:fadeIn .3s ease-out}.auth-form.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:var(--text-description);font-weight:500;margin-left:2px}.form-group input{padding:12px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.auth-submit-btn{background:var(--accent);color:#fff;padding:14px;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026,0 3px 6px -1px #0000001a}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:wait;transform:none}.auth-switch{text-align:center;margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.switch-btn{background:none;border:none;color:var(--accent);text-decoration:none;cursor:pointer;font-weight:600;margin-left:4px;padding:0;transition:color .2s}.switch-btn:hover{color:#60a5fa;text-decoration:underline}.auth-modal-content .modal-close{top:15px;right:15px;color:var(--text-muted);background:#0003;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:20}.auth-modal-content .modal-close:hover{background:#ffffff1a;color:var(--text);transform:rotate(90deg)}#buildings{padding:16px}#buildings-list{display:flex;flex-wrap:wrap;gap:16px}.building-card{background:#232323;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0003;display:flex;align-items:flex-start;gap:12px;min-width:300px}.building-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.building-info{flex:1}.building-name{font-weight:700;font-size:1.1rem;margin-bottom:4px}.building-desc{color:#aaa;font-size:.95rem}.building-select-btn{background:linear-gradient(90deg,#4e54c8,#8f94fb);color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:1rem;font-weight:700;cursor:pointer;margin:18px 0 10px;box-shadow:0 2px 8px #4e54c826;transition:background .2s,transform .1s}.building-select-btn:hover{background:linear-gradient(90deg,#8f94fb,#4e54c8);transform:translateY(-2px) scale(1.03)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.building-modal-content{background:#23233a;border-radius:12px;padding:2.5vw 2vw 1.5vw;box-shadow:0 4px 32px #00000059;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1100}.building-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#fff;font-size:1.7rem;cursor:pointer;opacity:.7;transition:opacity .15s}.building-modal-close:hover{opacity:1}.building-map-img{display:block;max-width:none;max-height:none;width:auto;height:auto;border-radius:8px;-webkit-user-select:none;user-select:none;pointer-events:none}.building-image img{width:48px;height:48px;border-radius:8px;object-fit:cover}.building-map-img.building-map-img-inset.building-map-img-large{margin-bottom:10px}.building-map-img-inset.building-map-img-large{width:80px;height:80px;border-radius:50%;object-fit:cover}.building-modal.building-choose-building-modal{position:fixed;inset:0;background:#14141eb3;z-index:2000;display:flex;align-items:center;justify-content:center}.building-choose-modal-content{background:#23233a;border-radius:14px;padding:32px 28px 22px;box-shadow:0 6px 36px #00000073;min-width:340px;max-width:96vw;max-height:90vh;overflow:auto;position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid #4e54c8}.building-choose-modal-close{position:absolute;top:12px;right:18px;background:none;border:none;color:#fff;font-size:1.7rem;cursor:pointer;opacity:.7;transition:opacity .15s}.building-choose-modal-close:hover{opacity:1}.choose-building-list{margin-top:18px;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.choose-building-list>*{box-sizing:border-box;flex:0 0 calc((100% - 36px) / 3);max-width:calc((100% - 36px) / 3)}@media (max-width: 1200px){.choose-building-list>*{flex:0 0 calc((100% - 18px)/2);max-width:calc((100% - 18px)/2)}}@media (max-width: 600px){.choose-building-list>*{flex:0 0 100%;max-width:100%}}.building-modal.building-info-modal .building-modal-content{width:400px;max-width:90vw;height:auto;padding:20px}.modal.building-info-modal{animation:fadeIn .2s}.modal.building-info-modal .building-modal-content{background:#23233a;border-radius:12px;padding:20px;width:400px;max-width:90vw;box-shadow:0 4px 32px #00000059;display:flex;flex-direction:column;align-items:flex-start}.modal.building-info-modal .modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .15s}.modal.building-info-modal .modal-close:hover{opacity:1}.modal.building-info-modal .building-info-modal-header{display:flex;margin-bottom:16px}.modal.building-info-modal .building-info-modal-header .building-name{margin-top:8px;color:#fff;font-size:1.4rem}.modal.building-info-modal .building-info-modal-header .building-desc{margin-top:4px;color:#ccc;font-size:1rem}.modal.building-info-modal .building-info-modal-body{width:100%;margin-bottom:20px}.modal.building-info-modal .building-info-modal-body div{margin:6px 0;color:#ddd;font-size:.95rem}.modal.building-info-modal .building-info-modal-upgrade{width:100%}.modal.building-info-modal .building-upgrade-amounts{display:flex;gap:8px;margin-bottom:12px}.modal.building-info-modal .building-upgrade-amounts button{flex:1;background:#4e54c8;color:#fff;border:none;border-radius:4px;padding:6px 0;font-size:.9rem;cursor:pointer;transition:background .2s}.modal.building-info-modal .building-upgrade-amounts button:hover{background:#8f94fb}.modal.building-info-modal .building-upgrade-btn{width:100%;background:#4e54c8;color:#fff;border:none;border-radius:6px;padding:12px 0;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #4e54c833;transition:background .2s,transform .1s}.modal.building-info-modal .building-upgrade-btn:hover{background:#8f94fb;transform:translateY(-1px)}.modal.building-info-modal .building-upgrade-btn:disabled{background:#555;cursor:not-allowed;opacity:.6}.building-upgrade-btn{margin-top:12px}.building-sell-btn{margin-top:12px;background:#c84e4e;color:#fff;width:100%;border:none;border-radius:6px;padding:12px 0;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #c84e4e26}.offline-bonuses-modal{position:fixed;inset:0;background:#1e1e28eb;z-index:2100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.offline-bonuses-modal-content{background:#23233a;border-radius:16px;padding:36px 32px 28px;box-shadow:0 8px 40px #00000073;min-width:340px;max-width:96vw;max-height:90vh;overflow:auto;position:relative;display:flex;flex-direction:column;align-items:center}.offline-bonuses-modal-content h2{color:#fff;font-size:1.5rem;margin-bottom:18px}.offline-bonuses-modal-content ul{width:100%;margin:0;padding:0}.offline-bonuses-modal-content li{color:#e0e0ff;font-size:1.1em;margin:10px 0;text-align:left}.offline-bonuses-modal-content .modal-close{position:absolute;top:14px;right:18px;background:none;border:none;color:#fff;font-size:1.7rem;cursor:pointer;opacity:.7;transition:opacity .15s}.offline-bonuses-modal-content .modal-close:hover{opacity:1}.offline-bonuses-modal-content>div:last-child{margin-top:18px;color:#aaa;font-size:.98em;text-align:center}.selected-upgrade-amt{background:#8f94fb!important;color:#fff!important;font-weight:700;border:2px solid #4e54c8;box-shadow:0 2px 8px #4e54c826}@media (max-width: 1200px){.building-modal-content{width:95vw;height:600px;padding:40px 15px}}@media (max-width: 600px){.building-modal-content{width:95vw;height:400px;padding:40px 15px}}@media (min-width: 1200px){.building-modal-content{width:1101px;height:800px;padding:38px}}#purchased-buildings{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.buildings-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.building-controls-wrapper{display:flex;gap:8px;align-items:center}.building-qty-controls{display:flex;gap:4px}.building-qty-controls button{background:#2d303c;color:#fff;border:1px solid #4e54c8;border-radius:4px;padding:6px 10px;font-size:.9rem;cursor:pointer;transition:background .2s}.building-qty-controls button.active{background:#4e54c8}.building-qty-controls button:hover:not(.active){background:#34374d}.building-qty-input{width:auto;min-width:60px;max-width:120px;padding:6px;border-radius:4px;border:1px solid #4e54c8;background:#2d303c;color:#fff}.building-upgrade-cost{margin-top:6px;font-size:.85rem;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.building-upgrade-cost.unaffordable{color:#a0a7b4}.building-bulk-controls{display:flex;align-items:center;gap:8px}.building-bulk-buy-btn{background:#2d303c;color:#fff;border:2px solid #4e54c8;border-radius:4px;padding:6px 12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.building-bulk-buy-btn:hover:not(:disabled){background:#34374d}.building-bulk-buy-btn:disabled{opacity:.5;cursor:not-allowed}.building-bulk-cost{color:#fbbf24;font-size:.9rem}.building-bulk-cost.unaffordable{color:#a0a7b4}.battle-log-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-panel);border:1px solid var(--bg-element);border-radius:8px;color:var(--text);font-family:inherit;padding:6px}.battle-log-tabs{display:flex;margin-bottom:6px}.battle-log-tab{flex:1;padding:8px;background:var(--bg-element);color:var(--text);border:none;cursor:pointer;font-weight:700;transition:background .2s}.battle-log-tab:not(.active):hover{filter:brightness(1.1)}.battle-log-tab.active{background:var(--accent)}.battle-log-controls{display:flex;gap:8px;margin-bottom:8px;align-items:self-start}.battle-log-controls button{padding:6px;background:#3e5d91;color:var(--text);border:1px solid var(--bg-element);border-radius:4px;cursor:pointer;transition:background .2s}.battle-log-controls button:hover{filter:brightness(1.1)}.battle-log-content{flex:1;display:flex;background:var(--bg-dark);border:1px solid var(--bg-element);border-radius:4px;padding:8px}.log-list{flex:1;overflow-y:auto}.log-list>*{-webkit-user-select:text;user-select:text}.log-entry{font-size:.9em;padding:2px 0;border-bottom:1px solid var(--bg-element)}.timestamp{color:#9ca3af;font-size:.8em;margin-right:6px;font-family:monospace}.hidden{display:none}.perf-monitor-overlay{position:fixed;top:10px;right:10px;background:#000000d9;color:#0f0;font-family:Courier New,monospace;font-size:12px;padding:10px;border-radius:5px;z-index:99999;min-width:200px;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 769px){.perf-monitor-overlay{inset:auto auto 25px 10px}}.perf-monitor-overlay.hidden{display:none}.perf-monitor-overlay .perf-title{color:#fff;font-weight:700;margin-bottom:5px;border-bottom:1px solid #333;padding-bottom:3px}.perf-monitor-overlay .perf-stat{margin:3px 0;display:flex;justify-content:space-between}.perf-monitor-overlay .perf-label{color:#aaa}.perf-monitor-overlay .perf-value{color:#0f0;font-weight:700}.perf-monitor-overlay .perf-value.warning{color:#ff0}.perf-monitor-overlay .perf-value.critical{color:red}.perf-graph{margin-top:8px;height:40px;display:flex;align-items:flex-end;gap:1px;background:#0000004d;padding:2px;border-radius:3px}.perf-graph-bar{flex:1;background:#0f0;min-height:1px;transition:height .1s}.perf-graph-bar.warning{background:#ff0}.perf-graph-bar.critical{background:red}.perf-monitor-toggle{position:fixed;bottom:10px;right:10px;background:#000000b3;color:#0f0;border:2px solid #0f0;padding:8px 12px;border-radius:5px;cursor:pointer;z-index:99998;font-family:Courier New,monospace;font-size:11px;font-weight:700}.perf-monitor-toggle:hover{background:#0f03}
