:root{--bg: linear-gradient(135deg, #0a0a10 0%, #14141f 100%);--panel: #1a1a24;--panel-2: #252532;--border: #3d3d52;--muted: #9b9ba8;--accent: #a855f7;--accent-hover: #9333ea;--accent-light: rgba(168, 85, 247, .1);--text: #e5e5eb;--card-shadow: rgba(0, 0, 0, .6);--white: #ffffff;--inner-dark-bg: rgba(0, 0, 0, .3);--inner-dark-border: rgba(255, 255, 255, .08);--rune-slot-height: 75px;--rune-edit-btn-height: 22px;--rune-wrapper-gap: 8px;--rune-wrapper-min-height: calc(var(--rune-slot-height) + var(--rune-edit-btn-height) + var(--rune-wrapper-gap))}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);margin:0;padding:0;min-height:100vh;overflow-y:auto}.site-header{background:var(--panel);border-bottom:2px solid var(--border);padding:15px 20px;box-shadow:0 4px 12px var(--card-shadow);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1800px;margin:0 auto;flex-wrap:wrap}.header-title-section{flex:1;min-width:200px}.site-title{margin:0;font-size:1.8em;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(168,85,247,.3)}.site-subtitle{margin:4px 0 0;font-size:.85em;color:var(--muted)}.header-stats{display:flex;align-items:center;gap:10px}.update-indicator{display:flex;align-items:center;gap:10px;background:#a855f71a;border:1px solid var(--accent);border-radius:8px;padding:8px 16px;transition:all .2s ease}.update-indicator.clickable{cursor:pointer}.update-indicator.clickable:hover{background:#a855f733;border-color:var(--white);box-shadow:0 0 12px #a855f766;transform:translateY(-1px)}.pulse-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.stats-content{display:flex;flex-direction:column;align-items:flex-start}.stats-label{font-size:.7em;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stats-value{font-size:.9em;font-weight:700;color:var(--accent)}.changelog-dropdown{position:absolute;top:100%;right:20px;margin-top:10px;width:400px;max-width:calc(100vw - 40px);background:var(--panel);border:2px solid var(--accent);border-radius:12px;box-shadow:0 8px 32px #000c;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.changelog-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border)}.changelog-header h3{margin:0;color:var(--accent);font-size:1.1em}.changelog-close{background:transparent;border:none;color:var(--muted);font-size:2em;line-height:1;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.changelog-close:hover{color:var(--white)}.changelog-content{max-height:400px;overflow-y:auto;padding:10px}.changelog-entry{display:flex;flex-direction:column;gap:4px;padding:10px 12px;margin-bottom:8px;background:#ffffff08;border-left:3px solid var(--accent);border-radius:4px;transition:background .2s}.changelog-entry:hover{background:#ffffff0f}.changelog-entry:last-child{margin-bottom:0}.changelog-date{font-size:.75em;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.changelog-text{font-size:.9em;color:var(--text);line-height:1.4}.header-message{margin:8px 0 10px;font-size:.85em;color:var(--text);line-height:1.5;max-width:600px}.header-buttons-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.contact-dev-btn{display:inline-block;margin-top:0;padding:6px 16px;background:var(--accent);color:var(--white);border:none;border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #a855f74d;text-decoration:none}.contact-dev-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #a855f780}.contact-dropdown-wrapper{position:relative;display:inline-block}.contact-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px var(--card-shadow);z-index:1000;min-width:180px;overflow:hidden}.contact-dropdown-item{display:block;width:100%;padding:10px 16px;color:var(--text);text-decoration:none;text-align:left;font-size:.85em;background:transparent;border:none;transition:background .2s ease;border-bottom:1px solid var(--border);cursor:pointer}.contact-dropdown-item:last-child{border-bottom:none}.contact-dropdown-item:hover{background:var(--accent-light);color:var(--accent)}.settings-dropdown-wrapper{position:relative;display:inline-block}.settings-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px var(--card-shadow);z-index:1000;min-width:180px;overflow:hidden}.settings-dropdown-item{display:block;width:100%;padding:10px 16px;color:var(--text);text-decoration:none;text-align:left;font-size:.85em;background:transparent;border:none;transition:background .2s ease;border-bottom:1px solid var(--border);cursor:pointer}.settings-dropdown-item:last-child{border-bottom:none}.settings-dropdown-item:hover{background:var(--accent-light);color:var(--accent)}.header-action-btn{padding:8px 16px;background:#a855f71a;color:var(--accent);border:1px solid var(--accent);border-radius:8px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-action-btn:hover{background:#a855f733;border-color:var(--white);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #a855f766}.white-screen-btn{background:#ffc10726;color:#ffc107;border:1px solid #ffc107}.white-screen-btn:hover{background:#ffc10740;border-color:#ffc107;color:#ffd54f;box-shadow:0 4px 12px #ffc10780}.mobile-white-screen-btn{display:none;padding:6px 12px;background:#ffc10726;color:#ffc107;border:1px solid #ffc107;border-radius:6px;font-size:.75em;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:auto}.mobile-white-screen-btn:hover{background:#ffc10740;border-color:#ffc107;color:#ffd54f;box-shadow:0 4px 12px #ffc10780}.adsense-header-container{display:flex;align-items:center;justify-content:center;padding:0 20px;flex:0 0 auto}.adsense-header-container .adsbygoogle{max-width:468px;min-height:60px}@media(max-width:899px){.mobile-white-screen-btn{display:block}}.contact-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.contact-modal-content{background:var(--panel);border:2px solid var(--accent);border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #000c;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form-body{padding:20px}.google-form-modal{max-width:700px;width:95%;max-height:90vh}.google-form-container{padding:0;overflow:hidden}.google-form-container iframe{border:none;border-radius:0 0 12px 12px;display:block}.contact-link-btn{display:block;padding:12px 16px;background:#a855f71a;color:var(--text);border:1px solid var(--border);border-radius:6px;text-decoration:none;font-size:.95em;transition:all .2s ease;cursor:pointer}.contact-link-btn:hover{background:#a855f733;border-color:var(--accent);color:var(--white);transform:translate(4px)}.customization-modal{max-width:450px}.customization-body{padding:20px}.customization-option{margin-bottom:20px}.customization-label{display:block;font-size:.9em;font-weight:600;color:var(--text);margin-bottom:8px}.color-picker-wrapper{display:flex;gap:10px;align-items:center}.color-picker{width:60px;height:40px;border:2px solid var(--border);border-radius:6px;cursor:pointer;background:transparent;transition:border-color .2s}.color-picker:hover{border-color:var(--accent)}.color-input{flex:1;padding:8px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9em;font-family:monospace;transition:border-color .2s}.color-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #a855f71a}.customization-actions{display:flex;gap:10px;margin-top:20px}.customization-reset-btn,.customization-done-btn{flex:1;padding:10px 16px;border-radius:6px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease}.customization-reset-btn{background:transparent;border:1px solid var(--border);color:var(--muted)}.customization-reset-btn:hover{border-color:var(--accent);color:var(--accent);background:#a855f71a}.customization-done-btn{background:var(--accent);border:1px solid var(--accent);color:var(--white);box-shadow:0 2px 8px #a855f74d}.customization-done-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #a855f780}.customization-info{margin-top:15px;padding:12px;background:#a855f71a;border-radius:6px;border:1px solid rgba(168,85,247,.3)}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:8px;margin-right:12px;z-index:1001}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.hamburger-icon span{display:block;width:100%;height:3px;background:var(--accent);border-radius:2px;transition:all .3s ease}.header-title-row{display:flex;align-items:center}.mobile-menu-overlay{position:fixed;inset:0;background:#000c;z-index:2000;animation:fadeIn .3s ease-out}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--panel);border-right:2px solid var(--accent);box-shadow:4px 0 16px #00000080;animation:slideInLeft .3s ease-out;display:flex;flex-direction:column;z-index:2001}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid var(--border);background:var(--panel-2)}.mobile-menu-header h3{margin:0;color:var(--accent);font-size:1.3em;font-weight:700}.mobile-menu-close{background:transparent;border:none;color:var(--muted);font-size:2em;line-height:1;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.mobile-menu-close:hover{color:var(--white)}.mobile-menu-content{flex:1;overflow-y:auto;padding:0}.mobile-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;font-size:.95em;cursor:pointer;transition:all .2s ease}.mobile-menu-item:hover{background:#a855f71a;color:var(--accent)}.mobile-menu-item-icon{margin-right:12px}.mobile-menu-item-text{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-menu-item-label{font-weight:600;color:var(--text)}.mobile-menu-item:hover .mobile-menu-item-label{color:var(--accent)}.mobile-menu-item-value{font-size:.85em;color:var(--accent);font-weight:700}.mobile-menu-arrow{color:var(--muted);font-size:.9em;margin-left:8px}.mobile-menu-section{border-bottom:1px solid var(--border)}.mobile-menu-nested{background:#0003;border-top:1px solid var(--border)}.mobile-menu-nested-item{display:block;width:100%;padding:12px 20px 12px 40px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text);text-align:left;font-size:.9em;cursor:pointer;transition:all .2s ease}.mobile-menu-nested-item:last-child{border-bottom:none}.mobile-menu-nested-item:hover{background:#a855f726;color:var(--accent);padding-left:44px}.mobile-menu-settings-label{display:block;padding:16px 20px 8px;font-weight:600;color:var(--text);font-size:.95em}.mobile-menu-settings{padding:0 20px 16px}@media(min-width:900px){.mobile-menu-toggle{display:none!important}}@media(max-width:899px){.mobile-menu-toggle{display:block}.header-buttons-group,.header-stats,.adsense-header-container{display:none}.site-title{font-size:1.4em}.header-title-section p{font-size:.8em}}.site-frame{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px}.panel{background:transparent;display:flex;flex-direction:column}.panel-inner{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 8px 24px var(--card-shadow)}.full-height-panel{height:auto;min-height:200px;overflow-y:auto}.panel-inner.left-panel-flex{height:80vh;display:flex;flex-direction:column;padding:0;background:transparent;border:none;box-shadow:none;gap:10px;overflow:hidden}.list-box-container{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 8px 24px var(--card-shadow);border-bottom:none;display:flex;flex-direction:column}#ore-list-box{flex:1.5;min-height:200px;display:flex;flex-direction:column;overflow:hidden}#rune-list-box-left{flex:1.5;min-height:150px;border-bottom:1px solid var(--border)!important;overflow-y:hidden;display:flex;flex-direction:column}.center-inner{padding:10px;display:flex;flex-direction:column}#calculator-box{border-radius:8px;padding:8px;flex:1;display:flex;flex-direction:column}#calculator-stacked-flex{display:flex;flex-direction:column;gap:6px;flex:1}#forge-inputs-block{display:flex;flex-direction:column;gap:8px}#ore-list,#rune-list{margin:0;padding:8px;list-style:none;overflow-y:auto;flex-grow:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:10px;min-height:0}#ore-list{max-height:240px}.ore-list-item,.rune-list-item{display:block;position:relative;background:#000;border-width:1px;border-style:solid;border-radius:4px;cursor:pointer;transition:transform .1s,box-shadow .2s,border-color .2s;aspect-ratio:1 / 1;width:100%;padding:0;overflow:hidden}.ore-list-item{border-color:var(--ore-color, var(--border))}.rune-list-item{border-color:var(--rune-color, var(--border))}.ore-list-item:hover,.rune-list-item:hover{transform:scale(1.05);border-color:var(--white);z-index:10}.ore-list-item:hover{box-shadow:0 0 10px var(--ore-color)}.rune-list-item:hover{box-shadow:0 0 10px var(--rune-color)}.ore-bg-image,.rune-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.9}.ore-name-display,.rune-name-display{position:absolute;left:3px;font-weight:700;color:var(--white);text-align:left;z-index:2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000;pointer-events:none;max-width:95%;word-wrap:break-word;line-height:1.1}.ore-name-display,.rune-name-display{top:2px;font-size:.8em}.ore-multiplier{position:absolute;bottom:2px;right:3px;color:var(--white);font-weight:800;font-size:.75em;z-index:2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000;pointer-events:none}.ore-list-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:99;background:#111;border:1px solid var(--accent);padding:8px;border-radius:4px;color:var(--white);font-size:.9em;white-space:pre-wrap;width:180px;text-align:center;pointer-events:none;display:none;box-shadow:0 4px 10px #00000080;margin-bottom:5px}.ore-list-item:hover .ore-list-tooltip{display:block}.ore-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;padding:0;justify-content:center}.ore-slot-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;min-height:108px}.ore-slot{width:100%;aspect-ratio:1 / 1;background:var(--panel-2);border:2px dashed var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:auto;flex-shrink:0}.ore-slot.filled{border:2px solid var(--accent);background:#000;display:block;box-shadow:0 0 10px #a855f733}.ore-slot:hover{border-color:#888;transform:scale(1.02)}.ore-slot.filled:hover{border-color:var(--white);box-shadow:0 0 15px #a855f766;transform:scale(1.02)}.ore-slot-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;opacity:.9}.ore-slot .slot-name{z-index:2;pointer-events:none}.ore-slot:not(.filled) .slot-name{color:var(--muted);font-size:.85em;font-weight:600}.ore-slot.filled .slot-name{position:absolute;top:3px;left:4px;font-size:.75em;font-weight:700;color:var(--white);text-align:left;line-height:1.1;max-width:95%;word-wrap:break-word;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000}.ore-slot .slot-count{z-index:2;pointer-events:none}.ore-slot:not(.filled) .slot-count{display:none}.ore-slot.filled .slot-count{position:absolute;bottom:2px;right:4px;font-size:.9em;font-weight:800;color:var(--white);background:transparent;padding:0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000}.ore-controls{display:flex;justify-content:space-between;width:100%;margin-top:auto;gap:4px;height:24px}.ore-btn{flex:1;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;font-size:1.2em;line-height:1;padding:2px 0;transition:.1s;display:flex;align-items:center;justify-content:center}.ore-btn:hover{border-color:var(--white);color:var(--white);background:#ffffff1a}.ore-btn:active{background:#fff3}#rune-inputs-block{height:145px;display:flex;flex-direction:column;justify-content:flex-end;flex-shrink:0;min-height:145px;margin-bottom:10px;position:relative;z-index:10}#rune-inputs-block h3{padding-bottom:4px;border-bottom:1px solid var(--border);font-size:1em;text-align:left;margin:0 -8px 12px;padding-left:8px;padding-right:8px;height:32px;display:flex;align-items:center}.rune-slots{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;width:100%;flex-wrap:wrap;min-height:var(--rune-wrapper-min-height)}.rune-slot-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--rune-wrapper-gap);width:75px;min-height:var(--rune-wrapper-min-height)}.rune-slot{width:75px;height:75px;flex-shrink:0;background:var(--panel-2);border:2px dashed #888;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.rune-slot.filled{border:2px solid var(--accent);background:#000;display:block;box-shadow:0 0 10px #a855f733}.rune-slot:hover{background:#3a3a3a;border-color:var(--accent);transform:scale(1.05)}.rune-slot.filled:hover{box-shadow:0 0 15px #a855f766}.rune-slot.can-paste{border-color:#4ade80;border-style:solid;animation:pulse-paste 1.5s ease-in-out infinite}.rune-slot.can-paste:hover{background:#1f3d26;border-color:#4ade80;box-shadow:0 0 15px #4ade804d}@keyframes pulse-paste{0%,to{box-shadow:0 0 5px #4ade804d}50%{box-shadow:0 0 15px #4ade8099}}.rune-slot-icon-display{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;opacity:.9}.rune-slot.filled .slot-name{position:absolute;top:3px;left:4px;width:auto;font-size:.75em;font-weight:700;color:var(--white);text-align:left;line-height:1.1;z-index:2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000}.rune-edit-btn{width:100%;padding:4px;font-size:.8em;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;transition:.2s;position:relative;z-index:15}.rune-edit-btn:hover{background:var(--panel-2);color:var(--white);border-color:var(--accent)}.rune-edit-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border)}.rune-count-badge{position:absolute;bottom:2px;right:3px;background:#000c;color:var(--white);font-weight:700;font-size:.85em;padding:2px 6px;border-radius:4px;z-index:3;border:1px solid var(--accent);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#controls-and-enhancement{display:flex;flex-direction:column;gap:10px}#controls-bottom-row{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px}.action-msg{flex:1;color:#f90;font-size:.9em;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;padding-right:12px;display:flex;align-items:center;justify-content:flex-end}#action-msg{min-height:22px!important;margin-bottom:6px!important;font-size:.9em;text-align:center;padding:4px 8px;border-radius:4px;background:transparent;border:1px solid transparent;transition:all .3s ease}.action-buttons{display:flex;width:auto;justify-content:flex-end;gap:8px;flex-shrink:0}.action-btn{flex:1;margin:0;padding:8px 14px;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text);cursor:pointer;font-weight:600;transition:all .12s ease;min-width:80px}.action-btn.equip{border-color:var(--accent);color:var(--accent)}.action-btn.equip:hover{background:var(--accent);color:var(--white);box-shadow:0 0 15px #a855f780}.action-btn.save:hover{background:#ffffff1a;border-color:var(--accent);color:var(--accent)}.action-btn.clear:hover{background:#ef444426;border-color:#f44;color:#f66;box-shadow:0 0 10px #ef44444d}.seg-btn{padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;color:var(--text);font-weight:600;transition:.12s;font-size:1em;flex:1;text-align:center}.seg-btn.active,.header-tab-btn.active,.world-btn.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 0 12px #a855f780}.seg-btn.active:hover,.header-tab-btn.active:hover,.world-btn.active:hover{background:var(--accent-hover)}.seg-btn:not(.active):hover{background:#ffffff0d}#rarity-mult-box.card{display:flex;flex-direction:column;gap:6px;padding:8px}.full-width-mt{width:100%;margin-top:4px;border-radius:6px;padding:6px;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;line-height:1}#rarity-quality-split{display:flex;justify-content:space-between;align-items:center;gap:15px}#rarity-display{display:flex;flex-direction:column;align-items:flex-start}#rarity-value{font-size:1.5em;font-weight:700;text-align:left}#combined-multiplier{font-size:1em;color:var(--muted)}#quality-input-group{padding:0;display:flex;align-items:center;justify-content:flex-end}#quality-input-group .enh-label{display:none}#quality-input-group .input-wrapper{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px 4px 12px;width:100%;height:42px;transition:border-color .2s;position:relative}#quality-input-group .input-wrapper:focus-within{border-color:var(--accent)}#quality-input-group .input-wrapper:before{content:"Quality";color:var(--muted);font-size:1em;font-weight:600;margin-right:5px;white-space:nowrap}#quality-input-group .input-wrapper input#quality-amt{background:transparent;border:none;color:var(--text);text-align:right;font-size:1.1em;width:100%;padding:0;outline:none;font-weight:600}#quality-input-group .input-wrapper span{color:var(--muted);font-size:1.1em;padding-left:2px;-webkit-user-select:none;user-select:none}#quality-enhancement-group{display:flex;flex-direction:column;gap:6px;width:auto;min-width:140px}#enhancement-input-group{padding:0;display:flex;align-items:center;justify-content:flex-end}#enhancement-input-group .enh-label{display:none}#enhancement-input-group .input-wrapper{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;width:100%;height:42px;transition:border-color .2s;position:relative;gap:4px}#enhancement-input-group .input-wrapper:focus-within{border-color:var(--accent)}#enhancement-input-group .input-wrapper:before{content:"Enh";color:var(--muted);font-size:.9em;font-weight:600;margin-right:4px;white-space:nowrap}#enhancement-input-group .input-wrapper input#enhAmt{background:transparent;border:none;color:var(--text);text-align:center;font-size:1.1em;width:40px;padding:0;outline:none;font-weight:600}#enhancement-input-group .input-wrapper .num-btn{background:transparent;color:var(--white);border:1px solid var(--border);box-shadow:none;font-weight:400;font-size:.9em;padding:2px 8px;border-radius:4px;transition:background .1s;cursor:pointer}#enhancement-input-group .input-wrapper .num-btn:hover{background:#ffffff1a;border-color:var(--white)}#enhancement-input-flex{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.enhancement-block .enh-label{flex-grow:1;background:transparent;border:none;padding:0;font-weight:600;font-size:1em}.enhancement-block .number-wrapper{display:flex;align-items:center}#enhAmt{background:var(--panel);color:var(--text);border:1px solid var(--border);text-align:center;font-size:1.1em;width:60px;border-radius:6px;margin:0 4px;padding:6px 4px}.enhancement-block .number-wrapper .num-btn{background:transparent;color:var(--white);border:1px solid var(--border);box-shadow:none;font-weight:400;font-size:1.5em;padding:2px 10px;border-radius:4px;transition:background .1s}.enhancement-block .number-wrapper .num-btn:hover{background:#ffffff1a;border-color:var(--white)}#build-dock{margin-top:0;padding:10px}#build-dock .card-header{font-size:1rem;margin-bottom:8px;padding-bottom:4px}.dock-slots{display:flex;justify-content:space-between;gap:6px;margin-top:8px;margin-bottom:6px}.dock-slot-container{flex:1;display:flex;flex-direction:column;gap:4px;min-height:130px;max-height:130px}.dock-slot{flex:0 0 100px;background:var(--panel);border:2px dashed var(--border);border-radius:8px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;padding:6px}.dock-slot:hover{border-color:var(--accent);background:#a855f70d;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.dock-slot.filled{border:2px solid var(--accent);background:#0000004d;box-shadow:0 0 12px #a855f740}.dock-slot.filled:hover{box-shadow:0 0 16px #a855f766}.dock-label{font-size:.7em;color:var(--muted);z-index:2;text-transform:uppercase;letter-spacing:.5px;font-weight:600;pointer-events:none;text-align:center;margin-bottom:4px}.dock-slot.filled .dock-label{color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.8);font-size:.65em}.dock-item-info{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;width:100%}.dock-item-name{font-size:.75em;color:var(--white);font-weight:600;text-align:center;line-height:1.2;max-width:100%;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dock-item-stats{font-size:.65em;color:var(--accent);font-weight:500}.dock-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;background-size:cover;background-position:center}.dock-actions{display:flex;gap:8px;margin-top:0}.dock-actions .action-btn{flex:1;padding:10px 12px;font-size:.9em;border-radius:8px;font-weight:600;text-transform:none;letter-spacing:.3px}.dock-slot.selectable{animation:equipPulse 1.5s infinite;cursor:pointer}@keyframes equipPulse{0%{box-shadow:0 0 #a855f780;border-color:var(--accent)}70%{box-shadow:0 0 0 8px #a855f700;border-color:var(--accent)}to{box-shadow:0 0 #a855f700;border-color:var(--accent)}}.edit-slot-btn-below{width:100%;height:26px;padding:4px 6px;border-radius:4px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:.75em;font-weight:600;text-align:center;transition:all .15s ease}.edit-slot-btn-below:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#a855f71a;transform:translateY(-1px)}.edit-slot-btn-below:disabled{opacity:.4;cursor:not-allowed;color:var(--muted)}#autofill-box.autofill-card{background:var(--inner-dark-bg);border:1px solid var(--inner-dark-border);border-radius:6px;padding:10px;margin-top:0}#autofill-box p{margin:0;font-size:.9em;color:var(--muted)}.autofill-header{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.autofill-title,.equipment-title{font-weight:600;color:var(--muted);font-size:.9em;white-space:nowrap;min-width:fit-content}.autofill-target-select{flex:1;max-width:250px;padding:4px 8px;border-radius:4px;background:var(--panel);color:var(--text);border:1px solid var(--border);font-size:.85em;cursor:pointer;transition:border-color .2s}.autofill-target-select:hover{border-color:var(--accent)}.autofill-target-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #a855f71a}.autofill-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.autofill-btn{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.autofill-btn:hover{border-color:var(--accent);background:#a855f71a;transform:translateY(-1px)}.autofill-btn:active{transform:translateY(0)}.autofill-btn-label{font-size:.8em;font-weight:600;color:var(--text)}.autofill-btn-percent{font-size:.7em;color:var(--muted);font-family:Courier New,monospace}.autofill-btn-full{grid-column:span 2}.autofill-warning{margin-top:8px;padding:8px;background:#eab30826;color:#eab308;border-radius:4px;font-size:.85em;border:1px solid rgba(234,179,8,.3)}.results-inner{height:auto!important;margin-top:0;padding:14px;border-radius:8px}#results-main-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin-bottom:15px;padding-bottom:10px;gap:10px}.header-text-col{text-align:center;flex:1}.header-tab-btn{width:100%;font-size:1em;background:#a855f71a;border:1px solid var(--accent);color:var(--accent);padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.header-tab-btn:hover{background:#a855f733;border-color:var(--white);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #a855f766}#results-main-header h2{margin:0 0 5px;color:var(--text);font-size:1.2em}#results-main-header #empty-message{margin:0;font-size:.9em;color:var(--muted);font-style:italic}#results-split-box{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid #3c3c3e;border-radius:8px;padding:10px}.card-header{color:var(--muted);font-size:13px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;text-align:left}.card-body{color:var(--text)}.traits-none{color:var(--muted);font-style:italic;font-size:.9em;padding:4px 0}.inner-result-box{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px}.inner-result-header{font-size:.85em;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.inner-dark-box{background:var(--inner-dark-bg);border:1px solid var(--inner-dark-border);border-radius:6px;padding:10px;margin-bottom:8px}.rune-result-box{background:#8a5cf61a;border:1px solid rgba(138,92,246,.3);border-radius:4px;padding:6px 8px;margin-bottom:6px}.rune-result-box:last-child{margin-bottom:0}.rune-result-name{color:var(--white);font-size:.9em;margin-bottom:4px}.rune-result-count{color:var(--accent);font-weight:700}.rune-result-stats{font-size:.8em;color:var(--muted);padding-left:8px}.rune-stat-line{margin-bottom:2px}.rune-substat{font-size:.75em;color:#a78bfa;font-style:italic;padding-left:8px;margin-top:4px}.trait-box{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);border-radius:4px;padding:6px 8px;margin-bottom:6px;transition:background .2s,border-color .2s}.trait-box:hover{background:#9ca3af26;border-color:#9ca3af80}.trait-box:last-child{margin-bottom:0}.trait-title{color:#9ca3af;font-size:.9em;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.trait-line{font-size:.85em;color:var(--text);line-height:1.4}.combat-effects-container{display:flex;flex-direction:column;gap:8px}.combat-effect-item{display:flex;align-items:flex-start;gap:10px;padding:8px;background:#ffffff05;border-left:3px solid var(--accent);border-radius:4px;transition:background .2s}.combat-effect-item:hover{background:#ffffff0d}.combat-effect-icon{flex-shrink:0;padding-top:2px}.rune-indicator{font-size:1.2em;line-height:1}.rune-indicator.rune-blue{color:#3b82f6}.rune-indicator.rune-green{color:#10b981}.rune-indicator.rune-purple{color:#a78bfa}.rune-indicator.rune-gold{color:#f59e0b}.rune-indicator.rune-gray{color:#9ca3af}.rune-indicator.rune-substat{color:#6ee7b7;font-size:.9em}.combat-effect-content{flex:1;min-width:0}.combat-effect-name{font-size:.9em;font-weight:600;color:var(--white);margin-bottom:2px}.combat-effect-description{font-size:.85em;color:var(--muted);line-height:1.4}.combat-effect-substats{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;gap:3px}.substat-item{display:flex;align-items:center;gap:4px;font-size:.8em;color:var(--text)}.substat-icon{color:var(--accent);font-weight:700;font-size:.9em}.substat-name{color:var(--muted)}.substat-value{color:var(--accent);font-weight:600}.combat-effects-summary{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.combat-summary-header{font-size:.85em;font-weight:600;color:var(--accent);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.combat-summary-stat{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.85em;background:var(--accent-light);border-radius:3px;margin-bottom:4px}.combat-summary-stat:last-child{margin-bottom:0}.combat-summary-label{color:var(--muted)}.combat-summary-value{color:var(--white);font-weight:600}.odds-card .odds-type-card{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:8px}.odds-card .odds-type-header{position:static;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:4px;margin-bottom:4px}.odds-card .odds-name{font-size:1em;font-weight:700}.odds-card .odds-pct{font-size:1em;color:var(--accent);font-weight:700;position:static}.odds-card ul{list-style:none;padding:0;margin:0;font-size:1em;color:var(--text)}.odds-card li.odds-grid-row{display:grid;grid-template-columns:1fr 55px 105px 110px;gap:8px;align-items:center;padding:6px 8px;margin:0 0 2px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease;border:1px solid transparent;border-radius:4px}.odds-card li:last-child{border-bottom:none}.odds-card li.odds-grid-row:hover{background:#a855f71a;border-color:#a855f74d;transform:translate(2px)}.odds-card li.odds-grid-row.selected{background:#a855f740!important;border-color:var(--accent)!important;box-shadow:0 0 12px #a855f766;transform:translate(3px)}.odds-card li.odds-grid-row.selected span{color:var(--white)!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.col-name{text-align:left;font-weight:600;color:var(--text);display:flex;flex-direction:row;align-items:center;gap:4px;font-size:1em}.variant-name-wrapper{display:flex;flex-direction:row;align-items:center;gap:4px;flex:1}.variant-main-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-sell-price{font-size:.85em;font-weight:400;color:var(--muted);white-space:nowrap}@media(max-width:899px){.variant-name-wrapper{flex-direction:column;align-items:flex-start;gap:2px}.variant-sell-price{margin-left:0;font-size:.7em}#rarity-value{font-size:1.1em}#combined-multiplier{font-size:.8em}.odds-card li.odds-grid-row{grid-template-columns:1fr 50px 85px 90px;font-size:.8em;gap:6px;padding:8px 6px}.col-name{font-size:.85em}.col-chance{font-size:.85em;text-align:center}.col-dmg,.col-armor,.col-dps{font-size:.8em;text-align:left;padding-left:2px}#rarity-quality-split{gap:8px}#rarity-display{min-width:50px}#rarity-quality-split>div[style*="display: grid"]{padding:0 6px!important;gap:3px!important;font-size:.6em!important}#rarity-quality-split>div[style*="display: grid"] span{padding:2px!important}#rarity-quality-split>div[style*="display: grid"] b{font-size:.9em!important}#rarity-quality-split>div[style*="display: grid"] span span{font-size:.8em!important}#quality-enhancement-group{gap:4px;min-width:110px}#quality-input-group .input-wrapper,#enhancement-input-group .input-wrapper{padding:3px 6px 3px 8px;height:36px}#quality-input-group .input-wrapper:before{font-size:.85em;margin-right:3px}#enhancement-input-group .input-wrapper:before{font-size:.8em;margin-right:3px}#quality-input-group .input-wrapper input#quality-amt,#enhancement-input-group .input-wrapper input#enhAmt,#quality-input-group .input-wrapper span{font-size:1em}#enhancement-input-group .input-wrapper .num-btn{padding:2px 6px;font-size:.85em}#enhancement-input-group .input-wrapper input#enhAmt{width:32px}.ore-controls{gap:3px;height:22px}.ore-btn{font-size:1.1em;padding:1px 0}}.col-chance{text-align:center;color:var(--muted);font-family:monospace;font-size:1.1em}.col-val,.col-dmg,.col-armor,.col-dps{text-align:left;color:var(--muted);white-space:nowrap;font-size:1em;padding-left:4px}.ore-header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 8px}#ore-search{background:#2b2b2b;border:1px solid #555;color:var(--text);padding:4px 8px;border-radius:6px;width:50%}#ore-search::placeholder{color:#888}.world-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 8px;margin-bottom:0}.world-tag{font-size:.75em;padding:4px 10px;border-radius:99px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;font-weight:600}.world-tag:hover{border-color:var(--white);color:var(--text)}.world-tag.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 0 8px #a855f780}.tier-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 8px;margin-bottom:0}.tier-tag{font-size:.75em;padding:4px 10px;border-radius:99px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;font-weight:600}.tier-tag:hover{border-color:var(--white);color:var(--text)}.tier-tag.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 0 8px #a855f780}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:90%;max-width:400px;padding:20px;box-shadow:0 10px 25px #000c;animation:fadeIn .2s ease-out}.modal-content.large-modal{width:95vw;max-width:95vw;min-width:300px;height:90vh;display:flex;flex-direction:column}.modal-content.large-modal .modal-body{flex:1;overflow-y:hidden;display:flex;flex-direction:column}.modal-content.compact-modal{width:90%;max-width:1200px;max-height:85vh;display:flex;flex-direction:column}.modal-content.compact-modal .modal-body{overflow-y:auto;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:10px}.modal-header h3{margin:0;color:var(--accent)}#modal-close-btn,.modal-close-simple{background:transparent;border:none;color:var(--muted);font-size:1.5em;cursor:pointer}#modal-close-btn:hover,.modal-close-simple:hover{color:var(--white)}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-footer{margin-top:20px;display:flex;justify-content:flex-end}#modal-done-btn{background:var(--accent);color:var(--white);border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:700}#modal-done-btn:hover{background:var(--accent-hover)}.hidden-header{display:none!important}.ore-popup-modal{max-width:350px}.ore-popup-modal .modal-body{max-height:400px;overflow-y:auto}.ore-popup-modal .ore-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.05);margin-bottom:6px;cursor:default;transition:none}.ore-popup-modal .ore-list-item:hover{transform:none;border-color:#ffffff0d;box-shadow:none}.ore-popup-modal .ore-list-item:last-child{margin-bottom:0}.ore-list-name{font-weight:600}.ore-list-count{font-weight:700;color:var(--accent)}.rune-description-input-container{padding:10px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;line-height:1.5;font-size:1em;color:var(--text)}.rune-description-input-container span{white-space:pre-wrap}.inline-input-wrapper{display:inline-flex;align-items:center;background:#1e1e1e;border:1px solid var(--border);border-radius:4px;padding:0 4px;margin:0 4px;vertical-align:middle;height:30px;transition:border-color .2s}.inline-input-wrapper:focus-within{border-color:var(--accent)}input.rune-stat-input.inline{width:55px;padding:4px 2px;border:none;background:transparent;text-align:center;font-size:1em;outline:none;color:var(--white)}.unit-label.inline-unit{color:var(--muted);font-size:.9em;padding-left:2px}.rune-section-label{min-width:50px;font-weight:700;color:var(--white);font-size:.9em}.rune-input-group{flex:1;display:flex;flex-direction:column}.rune-input-param-label{font-size:.75em;color:var(--muted);margin-bottom:4px}.rune-stat-input,.rune-sub-select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--border);background:#1e1e1e;color:var(--white);font-size:1em}.rune-stat-input:focus,.rune-sub-select:focus{border-color:var(--accent);outline:none}.input-with-unit{display:flex;align-items:center;background:#1e1e1e;border:1px solid var(--border);border-radius:4px;padding:0 8px;width:100%;transition:border-color .2s}.input-with-unit:focus-within{border-color:var(--accent)}.input-with-unit input.rune-stat-input{border:none;background:transparent;padding:8px 2px 8px 0;text-align:right;width:100%;flex:1;outline:none}.input-with-unit .unit-label{color:var(--muted);font-size:.9em;white-space:nowrap;padding-left:2px;-webkit-user-select:none;user-select:none}#adv-stats-modal .modal-body{padding:15px}.mobile-toggle-stats-btn{width:100%;padding:10px;margin-top:8px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.9em;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.adv-stats-layout{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden;width:100%;padding-bottom:0}.builds-column{order:2;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding-right:2px;width:100%}.totals-column{order:-1;flex:0 0 auto;width:100%;max-height:60vh;overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 10px 20px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}#saved-builds-container{flex:1;overflow-x:hidden;overflow-y:hidden;padding-bottom:0;display:flex;flex-direction:column;height:100%}#saved-builds-list{display:flex;flex-direction:column;gap:15px;width:100%}.build-card{background:#0003;border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0}.build-content-wrapper{display:flex;flex-direction:column}@media(min-width:900px){.build-content-wrapper{flex-direction:row}}.build-card-header{background:#ffffff0d;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.build-header-title{font-weight:700;color:var(--accent);font-size:.95em}.build-header-actions{display:flex;gap:8px;align-items:center}.edit-build-btn,.export-build-btn,.convert-build-btn{background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:600;font-size:.8em;padding:2px 8px}.edit-build-btn{border:1px solid var(--accent);color:var(--accent)}.edit-build-btn:hover{background:var(--accent-light)}.export-build-btn{border:1px solid #4ade80;color:#4ade80}.export-build-btn:hover{background:#4ade801a}.convert-build-btn{border:1px solid #4ade80;color:#4ade80}.convert-build-btn:hover{background:#4ade801a}.delete-build-btn{background:transparent;border:none;color:var(--muted);font-size:1.1em;cursor:pointer;transition:color .2s}.delete-build-btn:hover{color:#f44}.build-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:var(--panel-2);border-bottom:1px solid var(--border);flex:1}@media(min-width:900px){.build-items-grid{border-bottom:none;border-right:1px solid var(--border)}}.build-item-cell{background:var(--bg);padding:12px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;border-right:1px dashed var(--border);border-bottom:1px dashed var(--border);min-height:140px}.build-item-cell:nth-child(2n){border-right:none}.build-item-cell:nth-last-child(-n+2){border-bottom:none}@media(min-width:900px){.build-items-grid{grid-template-columns:repeat(4,1fr)}.build-item-cell:nth-child(2n){border-right:1px dashed var(--border)}.build-item-cell:nth-child(4n){border-right:none}.build-item-cell{border-bottom:none;padding:14px 10px}}.build-item-icon-wrapper{width:48px;height:48px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);position:relative}.build-item-icon-wrapper[data-rarity=gray]{background:#a1a1aa26;border-color:#a1a1aa}.build-item-icon-wrapper[data-rarity=green]{background:#22c55e26;border-color:#22c55e}.build-item-icon-wrapper[data-rarity=blue]{background:#3b82f626;border-color:#3b82f6}.build-item-icon-wrapper[data-rarity=purple]{background:#a855f726;border-color:#a855f7}.build-item-icon-wrapper[data-rarity=gold]{background:#eab30826;border-color:#eab308}.build-item-icon-wrapper[data-rarity=red]{background:#ef444426;border-color:#ef4444}.build-item-icon-wrapper[data-rarity=pink]{background:#ec489926;border-color:#ec4899}.build-item-icon-wrapper[data-rarity=exotic]{background:#ed61ea26;border-color:#ed61ea}.build-item-cell.active .build-item-icon-wrapper{background:var(--accent-light);border-color:var(--accent)}.build-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.build-ore-icon{width:100%;height:100%;object-fit:contain;border-radius:4px}.build-svg-icon{width:24px;height:24px;fill:var(--muted);opacity:.4}.build-item-cell.active .build-svg-icon{fill:var(--accent);opacity:.6}.build-total-ores{background:#0000004d;padding:12px;margin:10px;border-radius:6px;border:1px solid var(--border)}.build-total-ores-header{font-size:.9em;font-weight:700;color:var(--accent);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.build-total-ores-list{display:flex;flex-direction:column;gap:6px}.ore-summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ffffff05;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.ore-summary-name{font-size:.85em;font-weight:600}.ore-summary-percentage{font-size:.85em;color:var(--muted)}.build-item-details{display:flex;flex-direction:column;gap:4px;width:100%}.build-item-type{font-size:.7em;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.build-item-name{font-size:.85em;font-weight:700;color:var(--white);line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;width:100%;word-wrap:break-word}.build-item-cell:not(.active) .build-item-name{color:var(--muted);font-weight:400}.build-item-stats{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}.stat-chip{font-size:.7em;padding:2px 6px;border-radius:3px;font-weight:600;white-space:nowrap}.stat-chip.dmg{background:#ef444433;color:#f77;border:1px solid rgba(239,68,68,.4);font-weight:700}.stat-chip.dps{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.4);font-weight:700}.stat-chip.armor{background:#3b82f633;color:#79f;border:1px solid rgba(59,130,246,.4);font-weight:700}.item-ore-usage{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:4px 6px;background:#0003;border-radius:3px;border:1px solid rgba(255,255,255,.05);text-align:left;width:100%}.ore-usage-line{display:flex;justify-content:space-between;align-items:center;gap:4px}.cell-traits{margin-top:8px;padding:6px 6px 0;border-top:1px dashed rgba(255,255,255,.1);font-size:.7em;color:var(--muted);width:100%;line-height:1.4;white-space:normal;word-wrap:break-word;text-align:left}.trait-line{margin-bottom:3px}.trait-line:last-child{margin-bottom:0}.cell-runes{margin-top:8px;padding:6px 6px 0;font-size:.7em;color:var(--text);width:100%;line-height:1.4;white-space:normal;word-wrap:break-word;text-align:left}.empty-build-msg{text-align:center;padding:40px;color:var(--muted)}.build-stats-summary{background:#0000004d;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:280px;max-width:320px;flex-shrink:0}@media(max-width:899px){.build-stats-summary{max-width:100%;border-top:1px solid var(--border)}}.stats-summary-header{font-size:1em;font-weight:700;color:var(--accent);text-align:center;padding-bottom:10px;border-bottom:2px solid var(--accent);text-transform:uppercase;letter-spacing:1px}.stats-section{background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:10px}.stats-section-title{font-size:.8em;font-weight:700;color:var(--accent);margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px;padding-bottom:4px;border-bottom:1px solid rgba(168,85,247,.3)}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.82em;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.stat-row:last-child{border-bottom:none}.stat-row.total{font-weight:700;color:var(--accent);padding:5px 0;font-size:.85em}.stat-label{color:var(--muted);font-weight:500}.stat-value{color:var(--white);font-weight:600;font-family:Courier New,Courier,Lucida Console,Monaco,monospace}.stat-row.total .stat-label,.stat-row.total .stat-value{color:var(--accent);font-weight:700}.combat-effects-compact{display:flex;flex-direction:column;gap:5px}.compact-effect{display:flex;align-items:center;gap:8px;font-size:.78em;padding:3px 0}.effect-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.effect-name{color:var(--text);line-height:1.3;font-weight:500}.stats-totals{background:var(--accent-light);border-color:var(--accent);box-shadow:0 0 12px #a855f733}.sidebar-header{font-size:1em;font-weight:700;color:var(--white);padding-bottom:8px;border-bottom:1px solid var(--border);text-align:left;flex-shrink:0}.sidebar-header-with-button{display:flex;justify-content:space-between;align-items:center;font-size:1em;font-weight:700;color:var(--white);padding-bottom:8px;border-bottom:1px solid var(--border);flex-shrink:0}.ore-amounts-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--accent);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:600;transition:all .2s ease}.ore-amounts-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-header-small{font-size:.9em;font-weight:700;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--border);text-align:center;flex-shrink:0;margin-top:10px}.sidebar-main-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sidebar-stat-box{background:#0000004d;border:1px solid var(--border);border-radius:4px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sb-stat-val{font-size:1.1em;font-weight:700;line-height:1.2}.sb-stat-label{font-size:.7em;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.stat-list-container{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.stat-val{color:var(--accent);font-weight:700}.build-filter-btn{font-size:.9em;padding:6px 14px;border-radius:99px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;font-weight:600;min-width:40px;text-align:center}.build-filter-btn:hover{border-color:var(--white);color:var(--text)}.build-filter-btn.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 0 8px #a855f780}.build-filters-container{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border)}.section-divider{height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin:12px 0}.armor-traits-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.armor-trait-item{background:#ffffff08;border-left:3px solid #9ca3af;padding:8px 10px;border-radius:4px}.armor-trait-name{font-size:.85em;font-weight:700;color:#9ca3af;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.armor-trait-desc{font-size:.8em;color:var(--text);line-height:1.4;opacity:.9}.rune-stats-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.rune-stat-item{background:#8a5cf614;border:1px solid rgba(138,92,246,.25);border-radius:6px;padding:10px}.rune-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rune-stat-name{font-size:.9em;font-weight:700;color:#a78bfa}.rune-stat-desc{font-size:.82em;color:var(--text);line-height:1.4;margin-left:20px}.rune-substat{display:flex;align-items:center;gap:6px;margin-top:8px;margin-left:20px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.1);font-size:.8em;color:var(--muted)}.combat-effects-detailed{display:flex;flex-direction:column;gap:10px}.combat-effect-detailed-item{background:var(--accent-light);border:1px solid rgba(168,85,247,.3);border-radius:6px;padding:10px}.combat-effect-title{display:flex;align-items:center;gap:8px;font-size:.85em;font-weight:700;color:var(--white);margin-bottom:6px}.combat-effect-explanation{font-size:.8em;color:var(--text);line-height:1.5;margin-left:22px}.rune-indicator{font-size:.9em;display:inline-block;min-width:14px;text-align:center}.rune-blue{color:#3a8bff}.rune-purple{color:#a855f7}.rune-gold{color:#f59e0b}.rune-red{color:#ef4444}.rune-green{color:#10b981}.rune-orange{color:#f97316}.rune-gray,.rune-substat{color:#9ca3af}.mobile-top-nav{display:flex;gap:8px;margin-bottom:10px;padding:0}.mobile-nav-btn{flex:1;padding:10px 16px;background:#a855f71a;border:1px solid var(--accent);color:var(--accent);border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.mobile-nav-btn:hover,.mobile-nav-btn:active{background:#a855f733;border-color:var(--white);transform:translateY(-1px)}.site-frame.mobile-layout{display:flex;flex-direction:column;gap:10px;padding:10px}@media(max-width:899px){#left-panel,#right-panel{display:none}#center-panel{width:100%}.mobile-ore-rune-modal #left-panel{display:block;height:100%;flex:1}.mobile-ore-rune-modal .panel-inner.left-panel-flex{height:100%}.mobile-results-modal #right-panel{display:block;height:100%;flex:1}.mobile-results-modal .panel-inner.results-inner{height:100%}}.mobile-results-trigger{position:fixed;bottom:20px;right:20px;width:70px;height:70px;border-radius:50%;background:var(--accent);color:var(--white);border:none;box-shadow:0 4px 12px #a855f780;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.8em;z-index:100;transition:all .2s ease}.mobile-results-trigger:hover,.mobile-results-trigger:active{transform:scale(1.1);box-shadow:0 6px 16px #a855f7b3}.mobile-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:999;display:flex;flex-direction:column;overflow-y:auto;animation:fadeIn .2s ease-out}.mobile-ore-rune-modal{background:#00000080;align-items:flex-end}.mobile-ore-rune-modal .mobile-modal-content{max-height:65vh;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000080}.mobile-modal-content{flex:1;background:var(--bg);padding:10px;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--panel);border-bottom:2px solid var(--accent);position:sticky;top:0;z-index:1000}.mobile-modal-header h2{margin:0;color:var(--accent);font-size:1.3em}.mobile-modal-close{background:transparent;border:none;color:var(--white);font-size:2em;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}@media(max-width:899px){#ore-list,#rune-list{grid-template-columns:repeat(4,1fr);max-height:240px;overflow-y:auto}#ore-list{max-height:240px!important}#controls-bottom-row{flex-direction:row;width:100%}#trait-selector{display:flex;width:100%;gap:10px}.seg-btn{flex:1;text-align:center;border-radius:6px;padding:10px}}.mobile-craft-type-selector{display:flex;gap:8px;margin-top:10px;margin-bottom:10px}.craft-type-btn{flex:1;padding:10px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.craft-type-btn.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 0 10px #a855f780}.craft-type-btn:hover:not(.active){background:#ffffff0d;border-color:var(--accent)}.mobile-inline-lists{display:none}@media(max-width:899px){.mobile-inline-lists{display:flex;flex-direction:column;margin-top:12px;background:var(--panel);border-radius:8px;border:1px solid var(--border);overflow:hidden}.mobile-list-tabs{display:flex;gap:8px;padding:10px;background:var(--panel-2);border-bottom:1px solid var(--border)}.mobile-list-content{padding:0;overflow:hidden}.mobile-inline-lists #ore-list-box,.mobile-inline-lists #rune-list-box-left{flex:1;min-height:auto;border:none}.mobile-inline-lists #ore-list,.mobile-inline-lists #rune-list{grid-template-columns:repeat(4,1fr);max-height:160px;min-height:160px;overflow-y:auto;padding:8px;gap:8px}.mobile-inline-lists .ore-list-item,.mobile-inline-lists .rune-list-item{height:70px;width:100%}}@media(min-width:900px){body{padding:0;height:100vh;overflow-y:auto}.site-header{position:sticky;top:0}.site-frame{display:grid;grid-template-columns:22% 46% 32%;gap:8px;align-items:stretch;min-height:calc(100vh - 90px);padding:20px}#center-panel{height:100%;display:flex;flex-direction:column;min-height:0}#center-panel .panel-inner{flex:1;display:flex;flex-direction:column;height:100%}#left-panel,#right-panel{height:100%;position:relative}.panel-inner.left-panel-flex,.panel-inner.results-inner{position:absolute;inset:0;height:100%!important;display:flex;flex-direction:column}.panel-inner.left-panel-flex{gap:10px;overflow:hidden}#ore-list-box,#rune-list-box-left{flex-direction:column}#ore-list,#rune-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow-y:auto;padding-right:4px;flex-grow:1}#ore-list{max-height:285px!important;height:auto}#rune-list{max-height:none!important;height:100%}#results-main-header{flex:0 0 auto;flex-direction:row;gap:0;margin-bottom:10px;padding-bottom:10px}#results-main-header h2{font-size:1.4em}.header-tab-btn{width:auto}#results-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}#results-split-box{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.comp-card,.results-card{flex:0 0 auto}.odds-card{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:150px}.odds-card .card-header{flex:0 0 auto}#odds-area{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.rune-slots{gap:20px;flex-wrap:nowrap}.rune-slot-wrapper{width:85px}.rune-slot{width:85px;height:85px}.ore-slots{grid-template-columns:repeat(4,85px);gap:12px}#controls-bottom-row{flex-direction:row;width:100%}#trait-selector{display:flex;width:100%;gap:10px}.seg-btn{flex:1;text-align:center;border-radius:6px;padding:10px}.action-buttons{width:auto;flex:0;gap:8px}#quality-input-group .input-wrapper{width:220px}.odds-card li.odds-grid-row{grid-template-columns:1fr 65px 105px 95px;font-size:.95em}.col-name,.col-dmg,.col-armor,.col-dps{font-size:.95em}#calculator-box{flex:1;display:flex;flex-direction:column}#calculator-stacked-flex{flex:1}body.equip-mode-active .dock-slot{transition:all .2s}body.equip-mode-active .dock-slot.selectable{cursor:pointer;border-color:var(--accent);box-shadow:0 0 15px #a855f799}.adv-stats-layout{flex-direction:row;overflow:hidden;padding-bottom:0}.builds-column{flex:3;order:1;overflow-y:auto;padding-right:8px}.totals-column{flex:1;order:2;min-width:280px;max-width:350px;height:100%;max-height:none;overflow-y:auto;padding-bottom:20px;-webkit-overflow-scrolling:touch}.mobile-toggle-stats-btn{display:none}.totals-column #totals-results-area{display:block!important}.stat-list-container{display:block}.sidebar-main-stats{grid-template-columns:1fr 1fr}.build-items-grid{grid-template-columns:repeat(4,1fr)}.build-item-cell{border-bottom:none;border-right:1px solid var(--border);padding:12px 10px}.build-item-cell:last-child{border-right:none}.build-item-icon{width:48px;height:48px}.build-item-name{font-size:.95em}.build-item-stats{font-size:.85em}.cell-traits{font-size:.85em;text-align:left;margin-top:10px;padding-top:10px}.cell-traits div{margin-bottom:6px}}@media(max-width:899px){.site-header{padding:8px 12px}.header-content{flex-direction:column;gap:10px;align-items:stretch}.header-title-section{text-align:center;min-width:unset}.site-title{font-size:1.2em}.header-title-section p{font-size:.7em;margin:3px 0}.header-buttons-group{display:none}.contact-dev-btn{flex:1;padding:6px 10px;font-size:.75em;text-align:center}.header-stats{flex-direction:row;width:100%;gap:6px;flex-wrap:wrap}.header-action-btn{flex:1;padding:6px 10px;font-size:.75em;text-align:center;min-width:0}.update-indicator{flex:1;min-width:120px;justify-content:center;padding:6px 10px}.stats-label{font-size:.6em}.stats-value{font-size:.75em}.pulse-dot{width:8px;height:8px}}@media(max-width:899px){.build-card{transition:all .3s ease;margin-bottom:10px}.build-card.collapsed .build-items-grid,.build-card.collapsed .cell-traits,.build-card.collapsed .cell-runes{display:none}.build-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 15px;background:var(--panel);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px}.build-header-title{display:flex;align-items:center;flex:1;font-size:1em}.build-header-title:after{content:"▼";margin-left:auto;padding-left:10px;font-size:.8em;transition:transform .3s ease;color:var(--accent)}.build-card.collapsed .build-header-title:after{transform:rotate(-90deg)}.totals-column{order:-1;position:sticky;top:0;z-index:10;background:var(--panel-2);box-shadow:0 2px 8px #0000004d;border-radius:8px;margin-bottom:15px}.totals-column #totals-results-area{display:none}.totals-column.mobile-stats-visible #totals-results-area{display:block}.totals-column.mobile-stats-visible{max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.totals-column.mobile-stats-visible #totals-results-area{padding-bottom:40px}#adv-stats-modal .modal-body{max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.builds-column{max-height:none;padding-bottom:20px}.build-filters-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.build-filter-btn{font-size:.85em;padding:8px 16px;min-width:auto;white-space:nowrap;flex-shrink:0}.adv-stats-layout{gap:10px;padding-bottom:10px}#adv-stats-modal .modal-header>div:first-child{flex-direction:column;align-items:flex-start;gap:8px;width:100%}#adv-stats-modal .modal-header button{min-height:44px;padding:10px 15px;font-size:.85em}#adv-stats-modal .modal-header{padding:10px 15px;flex-wrap:wrap;position:relative}#adv-stats-modal .modal-close-simple{position:absolute;top:10px;right:10px;z-index:10;min-height:auto;padding:5px}#adv-stats-modal .modal-header h3{font-size:1.1em}#adv-stats-modal .modal-header .action-btn{font-size:.75em;padding:6px 12px}.builds-tabs-container{padding:8px 15px 0!important}.builds-tab-btn{padding:10px 15px!important;font-size:.85em!important;min-height:44px;transition:all .2s ease}.builds-tab-btn span:first-child{font-size:1.2em}.builds-column{gap:10px;padding-right:5px}.build-header-actions{display:flex;gap:4px;flex-shrink:0}.build-header-actions button{font-size:.75em;padding:6px 10px;border-radius:4px}.delete-build-btn{font-size:1.2em;padding:4px 10px}.build-items-grid{grid-template-columns:1fr;gap:0;padding:0}.build-item-cell{padding:12px;flex-direction:row;align-items:flex-start;text-align:left;gap:12px;border-right:none;border-bottom:1px solid var(--border);min-height:auto}.build-item-cell:last-child{border-bottom:none}.build-item-cell .build-item-icon-wrapper{flex-shrink:0;margin-bottom:0;width:56px;height:56px}.build-item-cell .build-item-details{flex:0 0 auto;min-width:120px;max-width:150px;align-items:flex-start;gap:4px}.build-item-cell .build-item-type{text-align:left;font-size:.65em}.build-item-cell .build-item-name{justify-content:flex-start;min-height:auto;font-size:.9em}.build-item-cell .build-item-stats{justify-content:flex-start}.build-item-cell .item-ore-usage{margin-top:4px;padding:3px 4px;gap:1px;font-size:.9em}.build-item-cell .ore-usage-line{gap:2px}.build-item-cell .ore-usage-line span{font-size:.65em!important}.build-item-cell .build-item-right-section{flex:1;display:flex;flex-direction:column;gap:8px}.build-item-cell .cell-traits,.build-item-cell .cell-runes{flex:1;margin-top:0;padding:0;border-top:none;font-size:.75em;display:flex;flex-direction:column;gap:6px}.build-item-cell .cell-runes{border-top:1px dashed rgba(255,255,255,.2);padding-top:8px;margin-top:0}.sidebar-header{font-size:.9em;padding-bottom:6px}.sidebar-main-stats{gap:8px}.sidebar-stat-box{padding:8px}.sb-stat-val{font-size:1.1em}.sb-stat-label{font-size:.75em}.stat-list-container{gap:4px}.stat-row{font-size:.85em;padding:4px 0}}.info-popup-container{position:relative;display:inline-flex;align-items:center}.info-popup-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--accent);cursor:pointer;transition:all .2s ease;border-radius:50%;padding:0}.info-popup-icon:hover{background:var(--accent-light);color:var(--accent-hover);transform:scale(1.1)}.info-popup-icon svg{display:block}.info-popup-content{position:absolute;z-index:1000;min-width:280px;max-width:400px;background:linear-gradient(135deg,var(--panel) 0%,var(--panel-2) 100%);border:2px solid var(--accent);border-radius:12px;box-shadow:0 8px 24px #0009,0 0 20px #a855f733;animation:popupFadeIn .2s ease;pointer-events:none}.info-popup-right{left:calc(100% + 12px);top:0;bottom:0;margin:auto 0;height:fit-content;max-height:calc(100vh - 24px);overflow-y:auto}.info-popup-left{right:calc(100% + 12px);top:0;bottom:0;margin:auto 0;height:fit-content;max-height:calc(100vh - 24px);overflow-y:auto}.info-popup-top{bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.info-popup-bottom{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.info-popup-header{padding:12px 16px;background:var(--accent);color:#fff;font-weight:700;font-size:1em;border-radius:10px 10px 0 0;text-align:center}.info-popup-body{padding:16px;color:var(--text);font-size:.9em;line-height:1.6}.info-popup-body h4{margin:12px 0 8px;color:var(--accent);font-size:.95em;font-weight:600}.info-popup-body h4:first-child{margin-top:0}.info-popup-body p{margin:8px 0;color:var(--text)}.info-popup-body ul{margin:8px 0;padding-left:20px}.info-popup-body li{margin:6px 0;color:var(--text)}.info-popup-body code{background:#a855f71a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:var(--accent);font-size:.9em}.info-popup-body strong{color:var(--accent);font-weight:600}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.info-popup-right{animation:popupFadeInRight .2s ease}.info-popup-left{animation:popupFadeInLeft .2s ease}.info-popup-top{animation:popupFadeInTop .2s ease}.info-popup-bottom{animation:popupFadeInBottom .2s ease}@keyframes popupFadeInRight{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes popupFadeInLeft{0%{opacity:0;transform:translate(10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes popupFadeInTop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes popupFadeInBottom{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(max-width:768px){.info-popup-content{min-width:240px;max-width:320px}.info-popup-right,.info-popup-left,.info-popup-top{left:50%;right:auto;top:calc(100% + 12px);bottom:auto;transform:translate(-50%)}}.dps-breakdown-popup-container{display:inline-block;position:relative}.dps-breakdown-button{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:4px;color:var(--accent);cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px;margin-left:4px;transition:all .2s ease;vertical-align:middle}.dps-breakdown-button:hover{background:#a855f733;border-color:var(--accent);transform:scale(1.05)}.dps-breakdown-overlay{position:fixed;inset:0;background:#000000b3;z-index:9998;animation:fadeIn .2s ease}.dps-breakdown-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border:2px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #00000080;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;z-index:9999;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.dps-breakdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--border);background:var(--panel-2)}.dps-breakdown-header h3{margin:0;color:var(--accent);font-size:1.3em}.dps-breakdown-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:28px;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dps-breakdown-close:hover{background:#ffffff1a;color:var(--text)}.dps-breakdown-body{padding:20px}.dps-breakdown-section h4{margin:0 0 16px;color:var(--text);font-size:1.1em;font-weight:600}.breakdown-formula{background:#a855f71a;border-left:3px solid var(--accent);padding:12px 16px;margin-bottom:20px;border-radius:4px;font-size:.95em;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}.breakdown-formula strong{color:var(--accent)}.breakdown-steps{display:flex;flex-direction:column;gap:20px}.step-group{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:14px 16px}.step-label{font-weight:600;color:var(--accent);margin-bottom:10px;font-size:.95em}.step-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9em;color:var(--muted);gap:12px}.step-detail span:first-child{flex:1}.step-detail .value{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;white-space:nowrap}.step-result{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-top:8px;background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:4px;font-size:.9em;gap:12px}.step-result span:first-child{flex:1;font-weight:600;color:var(--text)}.step-result .value{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}.step-result.final{background:#4ade801a;border-color:#4ade804d;font-size:1em;padding:12px;margin-top:12px}.step-result.final .value{color:#4ade80}.step-result .value.highlight{color:#eab308}.step-result.final .value.highlight strong{color:#4ade80;font-size:1.15em}@media(max-width:768px){.dps-breakdown-content{width:95%;max-height:90vh}.dps-breakdown-body{padding:16px}.breakdown-formula{font-size:.85em;padding:10px 12px}.step-group{padding:12px}.step-detail{font-size:.85em;flex-wrap:wrap}.step-detail .value{font-size:.9em}}.dps-breakdown-content::-webkit-scrollbar{width:8px}.dps-breakdown-content::-webkit-scrollbar-track{background:var(--panel-2)}.dps-breakdown-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dps-breakdown-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.stat-source-modal-container{display:inline-block;position:relative}.stat-source-button{background:var(--accent);color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:4px;transition:background .2s,transform .1s;vertical-align:middle}.stat-source-button:hover{background:var(--accent-hover, #3b82f6);transform:scale(1.1)}.stat-source-button:active{transform:scale(.95)}.stat-source-overlay{position:fixed;inset:0;background:#000000b3;z-index:9998;animation:fadeIn .2s ease-out}.stat-source-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-1, #1a1a1a);border-radius:8px;box-shadow:0 10px 40px #00000080;z-index:9999;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.stat-source-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #333)}.stat-source-header h3{margin:0;font-size:1.2em;color:var(--text, #e5e5e5)}.stat-source-close{background:none;border:none;color:var(--muted, #999);font-size:1.8em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.stat-source-close:hover{background:#ffffff1a;color:var(--text, #e5e5e5)}.stat-source-body{padding:20px;overflow-y:auto;flex:1}.stat-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:6px;margin-bottom:20px}.stat-total-label{font-size:1em;color:var(--text, #e5e5e5);font-weight:600}.stat-total-value{font-size:1.3em;font-weight:700;color:#4a9eff}.sources-container{display:flex;flex-direction:column;gap:16px}.source-group{background:var(--panel-2, #222);border-radius:6px;padding:12px;border:1px solid var(--border, #333)}.source-group-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95em;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border, #333)}.source-icon{font-size:1.1em}.source-type-label{text-transform:uppercase;letter-spacing:.5px;font-size:.85em}.source-list{display:flex;flex-direction:column;gap:10px}.source-item{padding:10px;background:var(--panel-1, #1a1a1a);border-radius:4px;border-left:3px solid currentColor}.source-item-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.source-name{font-weight:500;color:var(--text, #e5e5e5);flex:1}.source-value{font-weight:700;font-size:1em;white-space:nowrap}.source-description{font-size:.85em;color:var(--muted, #999);margin-top:4px}.source-conditional{margin-top:6px;padding:6px 8px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:4px;font-size:.8em;display:flex;align-items:center;gap:6px}.conditional-badge{background:#fbbf24;color:#000;padding:2px 6px;border-radius:3px;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.3px}.conditional-text{color:#fbbf24;font-style:italic}@media(max-width:600px){.stat-source-content{width:95%;max-height:85vh}.stat-source-header{padding:12px 16px}.stat-source-header h3{font-size:1.1em}.stat-source-body{padding:16px}.source-item{padding:8px}.stat-total{padding:10px 12px}}