:root{--bg-dark: #111827;--bg-panel: #1f2937;--bg-element: #374151;--accent: #3b82f6;--text: #ffffff;--life: #ef4444;--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:1rem 1rem 2rem}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: 1300px){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;padding:5px 10px;border-radius:4px;pointer-events:none;transition:opacity .2s;opacity:0;max-width:calc(100vw - 20px);word-wrap:break-word;white-space:normal;z-index:1100}.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.icon{width:24px;height:24px;vertical-align:middle}:root{--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:1rem;border-radius:.5rem}.combat-panel{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:1fr 1fr 1fr;gap:.5rem;color:#fff;margin-top:1rem}.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: 1300px){.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:1000;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: 1300px){.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: 1300px){.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;margin-left:10px;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;margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.character-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.character-controls button{background-color:var(--bg-element);color:var(--text);border:none;padding:.5rem;border-radius:.5rem;cursor:pointer}#start-btn{background-color:#059669;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s}#start-btn:hover{background-color:#047857}#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}.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{grid-template-columns:max-content 1fr;gap:3px 12px}.stats-tabs{display:flex;gap:5px;margin-bottom:10px}.split-view-btn{padding:5px 10px;background-color:#4b5563;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.split-view-btn:hover{background-color:#6b7280}.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}.split-view-modal #split-view-btn{display:none}.split-view-modal .modal-content{width:90%;max-width:1200px;display:flex;gap:10px;border:1px solid rgb(97,85,85)}.split-view-modal .split-left,.split-view-modal .split-right{flex:1}.split-left .tab-panel,.split-right .tab-panel{height:unset;overflow-y:hidden!important;max-height:unset}.split-view-modal .split-right-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.elemental-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.stat-row{display:contents}.stat-row .stat-label{white-space:nowrap;font-weight:700;grid-column:1;position:relative;padding-right:6px;line-height:20px}.stat-row .stat-label:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:calc(100% + var(--label-underline-extend, 120px));background-color:#666565;pointer-events:none}.stat-row .stat-values{display:flex;gap:6px;align-items:center;justify-self:start;grid-column:2}.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{display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;align-items:center}.stat-subpanel .stat-row>:not(.stat-label){grid-column:2;justify-self:start}.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-qty-controls{margin-left:auto;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);transform:translateY(-2px) scale(1.04);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}.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}.prestige-level-info{background:#4e8cff26;color:#ffe9b0;padding:.45rem .9rem;border-radius:.5rem;font-size:1.05rem;font-weight:600}.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;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%}.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-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;padding:1rem;color:#fff}.ascension-header{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.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:#ffffff0d;padding:.5rem .75rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.ascension-upgrade-btn{background:var(--accent, #4e8cff);color:#fff;border:none;padding:.25rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.ascension-upgrade-btn:hover:not(:disabled){background:var(--accent-hover, #2c6ad4)}.ascension-upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.ascension-upgrade-btn .ascension-cost{color:#ffd47f}.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}.equipment-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin-top:1rem}.equipment-layout{position:relative;width:300px;height:280px;margin:0 auto}.equipment-slots{position:absolute;background-color:var(--bg-element);border-radius:10px;width:100%;height:100%;z-index:2}.character-preview{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background:var(--bg-panel);border-radius:.5rem;z-index:1}.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.has-item .slot-indicator{display:none}.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}.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}.grid-container{display:grid;grid-template-columns:repeat(10,40px);grid-template-rows:repeat(20,40px);gap:0;padding:8px;background:var(--bg-panel);border-radius:.5rem;width:fit-content;overflow-y:auto;scroll-behavior:smooth}.grid-cell,.materials-cell{width:40px;height:40px;background:#202329;border:1px solid var(--bg-element);border-radius:.25rem}.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-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px 20px;max-width:400px}.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}.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}.flex-tooltip{display:flex;align-items:center;justify-content:center;background:unset;z-index:1001}.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-icon img.icon{width:24px;height:24px}.search-container{position:relative;display:flex;align-items:center;width:100%;max-width:400px;height:30px;margin:4px auto}.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(10,40px);grid-template-rows:repeat(5,40px);gap:0;padding:8px;background:var(--bg-panel);border-radius:.5rem;width:fit-content;overflow-y:auto;margin-bottom:10px}.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: 900px){.inventory-salvage-modal-content{flex-direction:column;align-items:stretch;width:100%;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}.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}#salvage-modal input[type=checkbox]{display:none}#salvage-modal input[type=checkbox]:checked+.toggle-btn{background:#2563eb;border-color:#2563eb}#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}.rune-equip-slots,.rune-inventory{display:flex;flex-wrap:wrap;gap:4px;padding:4px}.rune-slot{width:64px;height:64px;border:1px solid #666;display:flex;align-items:center;justify-content:center;background:#0000004d}.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-equip-slots{background:#ffffff0d;border:1px solid #888;margin-bottom:8px}.rune-inventory{background:#0003;border:1px solid #444;margin-bottom:8px}.rune-section{margin-bottom:12px}.rune-section-title{font-weight:700;margin-bottom:4px}.rune-tabs{display:flex;flex-wrap:wrap;gap:6px;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}.rune-tabs .rune-tab-button{position:relative;flex:1 1 70px;min-width:60px;padding:8px 10px;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:2px;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}.rune-tabs .rune-tab-button.empty .rune-tab-count{opacity:.45}.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:8px;display:flex;gap:8px}.rune-filter{display:flex;align-items:center}.rune-filter-input{min-width:180px;padding:6px 10px;border-radius:6px;border:1px solid #4c556f;background:#080c16d9;color:#e6ecff;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.rune-filter-input::placeholder{color:#e6ecff8c}.rune-filter-input:focus{outline:none;border-color:#7aa2ff;box-shadow:0 0 0 2px #7aa2ff59}.rune-controls .inventory-btn{cursor:pointer}.rune-controls .salvage-btn{background:#b34d4d;border:1px solid #d06060;color:#fff}.rune-controls .equip-btn{background:#4db34d;border:1px solid #60d060;color:#fff}.rune-slot .rune-icon{width:60px;height:60px;pointer-events:none}.rune-slot.filter-match{border-color:#a6c4ff;box-shadow:0 0 0 2px #86afff8c}.rune-slot.filter-dim{opacity:.35;filter:grayscale(.4)}.rune-tab-button.filter-match{border-color:#c6ddff;box-shadow:0 0 0 2px #b4d0ff73}.rune-controls .salvage-all-btn{background:#9c3c3c;border-color:#c65a5a}.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:transform .2s}.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: 20px;--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:15px 0;flex-wrap:wrap}.skill-level{font-size:.8em;color:#aaa}.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{transform:translateY(-2px);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}.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:16px}.class-preview-modal h2{margin:0;color:var(--accent)}.class-preview-modal .class-preview-tree{flex:1;overflow-y:auto}.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{transform:translateY(-2px);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:center}.skill-node{width:60px;height:60px;border:2px solid #666;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .2s}.skill-node.available{border-color:#4caf50}.skill-node.unlocked{border-color:#fff}.skill-node.unlocked[data-skill-type=passive]{border-color:#4caf50}.skill-node.unlocked[data-skill-type=instant]{border-color:#ff9800}.skill-node.unlocked[data-skill-type=buff]{border-color:#2196f3}.skill-node.unlocked[data-skill-type=summon]{border-color:#ab47bc}.skill-node.active{border-color:#f44}.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-path img{box-shadow:0 2px 8px #0000002e;background:#222}#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}.stats-display{display:flex;flex-direction:column;gap:20px;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,#rocky-field-region-selector{display:grid;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}.region-tabs{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.session-status-group{margin-left:auto;display:inline-flex;align-items:center;gap:12px;font-size:.85rem;color:#ffffffa6}.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)}.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:1000}.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-height:90vh;overflow-y:auto}.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}.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}.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:#38bdf8;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:#38bdf8;color:#fff}.quest-tab:not(.active):hover{background:#19391e;color:#22c55e}.quest-claimable-btn{background:#22c55e;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:#38bdf8;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%,#38bdf8);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,#38bdf8 60%,#22c55e)}.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%}.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:#38bdf8;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:#38bdf8;color:#fff}.options-tab:not(.active):hover{background:#19391e;color:#22c55e}.options-content{display:none;flex-direction:column;gap:15px;flex:1}.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}#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}#save-slot-select,#backup-save-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;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}#save-slot-select:hover,#backup-save-select:hover{border-color:#60a5fa;background:linear-gradient(135deg,#253042,#232b3a)}#save-slot-select:focus,#backup-save-select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59,0 2px 8px #0006}#save-slot-select::-ms-expand,#backup-save-select::-ms-expand{display:none}#save-slot-select,#backup-save-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}#save-slot-select:disabled,#backup-save-select:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.3)}#save-slot-select option,#backup-save-select option,#save-slot-select option.used-slot{background:#1f2937;color:#f1f5f9}#save-slot-select option.current-slot{background:#064e3b;color:#d1fae5;font-weight:700}#save-slot-apply,#backup-save-apply{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}#save-slot-apply:after,#backup-save-apply: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}#save-slot-apply:hover:after,#backup-save-apply:hover:after{left:130%;opacity:1}#save-slot-apply:hover,#backup-save-apply:hover{background:linear-gradient(90deg,#0fb37b,#038c5e);box-shadow:0 4px 14px #00000059,0 0 0 2px #10b98159}#save-slot-apply:active,#backup-save-apply:active{transform:translateY(2px);box-shadow:0 2px 8px #00000059,0 0 0 2px #10b98166}#save-slot-apply:focus-visible,#backup-save-apply:focus-visible{outline:none;box-shadow:0 0 0 3px #10b9818c,0 2px 10px #0006}#save-slot-apply:disabled,#backup-save-apply:disabled{background:#374151;border-color:#374151;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}#save-slot-select option.used-slot{background:#474646}#save-slot-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,#view-upcoming{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,#view-upcoming: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%}#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:.5em 0}.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:1.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}.login-modal .modal-content{width:550px;height:650px;background:none}.login-modal .modal-close{background-color:#2c353b;border-radius:10px;top:2rem;right:2.75rem;width:30px;height:30px}.login-modal .modal-close:hover{background-color:#728897}.login-modal .login-iframe{width:500px;height:600px;border:1px solid rgb(100,92,92);border-radius:33px}.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}#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: 900px){.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: 1100px){.building-modal-content{width:800px;height:600px;padding:40px 15px}}@media (max-width: 900px){.building-modal-content{width:500px;height:600px;padding:40px 15px}}@media (max-width: 600px){.building-modal-content{width:500px;height:400px;padding:40px 15px}}@media (min-width: 1100px){.building-modal-content{width:1101px;height:800px;padding:38px}}#purchased-buildings{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}#leaderboard-list{margin:24px auto 0;max-width:500px;padding:0 8px}#leaderboard-list table{width:100%;border-collapse:collapse;background:#181c22;color:#e6e6e6;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026}#leaderboard-list th,#leaderboard-list td{padding:10px 12px;text-align:left}#leaderboard-list th{background:#23272f;font-weight:700;border-bottom:2px solid #2c313a}#leaderboard-list tr:nth-child(2n){background:#22262c}#leaderboard-list tr:nth-child(odd){background:#181c22}#leaderboard-list tr:hover{background:#2a3140;transition:background .2s}#leaderboard-list td{border-bottom:1px solid #23272f}#leaderboard-list tr:last-child td{border-bottom:none}#leaderboard-list{font-size:1.05em}@media (max-width: 600px){#leaderboard-list table,#leaderboard-list th,#leaderboard-list td{font-size:.95em;padding:7px 4px}}#leaderboard-list tr.highlight-user{background:#787953;color:#fff;font-weight:700}.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}