*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#c8aa6e;background-color:#0a0a0a;min-height:100vh}#app{max-width:1400px;margin:0 auto;padding:20px 20px 60px}header{display:flex;flex-direction:column;margin-bottom:20px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);position:relative;overflow:hidden}.header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:20px;position:relative}header h1{color:#c8aa6e;margin:0;font-size:1.8em;text-align:center;font-weight:500;flex:1;position:absolute;left:50%;transform:translate(-50%);width:100%;pointer-events:none}.header-page-buttons{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.header-page-btn{padding:8px 16px;background:#0f0f0f;border:1px solid rgba(200,170,110,.2);border-radius:4px;color:#a09070;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px;min-width:44px}.header-page-btn:hover{color:#c8aa6e;border-color:#c8aa6e66;background:#151515}.header-page-btn.active{color:#c8aa6e;border-color:#c8aa6e;background:#c8aa6e1a}header p{color:#a09070}.main-navigation{display:flex;align-items:center;justify-content:space-between;padding:0;background:#0a0a0a;border-bottom:1px solid rgba(200,170,110,.15);position:relative}.nav-menu-toggle{display:none;background:transparent;border:none;padding:10px;cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:#c8aa6e;transition:all .2s;z-index:1001;order:1}.nav-menu-toggle:hover{background:#c8aa6e0d}.nav-menu-toggle.active{background:#c8aa6e1a}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px;height:18px;position:relative}.hamburger-icon span{display:block;width:100%;height:2px;background-color:currentColor;border-radius:2px;transition:all .3s ease}.nav-menu-toggle.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.nav-menu-toggle.active .hamburger-icon span:nth-child(2){opacity:0;transform:translate(-10px)}.nav-menu-toggle.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-bar{display:flex;align-items:center;flex:1;gap:0;overflow-x:auto}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;color:#a09070;min-height:44px;min-width:44px;text-decoration:none;font-size:.9em;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;cursor:pointer;position:relative}.nav-link-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.nav-link-home{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px}.home-icon{width:16px;height:16px;vertical-align:middle}.nav-link:hover{color:#c8aa6e;background:#c8aa6e0d}.nav-link.active{color:#c8aa6e;border-bottom-color:#c8aa6e;background:#c8aa6e14}.nav-actions{display:flex;align-items:center;gap:12px;border-left:1px solid rgba(200,170,110,.15);padding:0 12px}.nav-action-btn{padding:10px 12px;background:transparent;border:none;color:#a09070;font-size:.9em;min-height:44px;min-width:44px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;white-space:nowrap}.nav-action-btn:hover{color:#c8aa6e;background:#c8aa6e0d}#league-selector-container{display:flex;align-items:center;gap:8px;position:static;transform:none;padding:0}#league-selector-container .league-selector-label{color:#a09070;font-size:.9em;font-weight:500;white-space:nowrap}#league-selector-container .header-league-selector{background:#0f0f0f;border:1px solid rgba(200,170,110,.2);border-radius:4px;color:#c8aa6e;padding:6px 10px;font-size:.9em;font-family:inherit;cursor:pointer;transition:all .2s;min-width:150px}#league-selector-container .header-league-selector:hover:not(:disabled){border-color:#c8aa6e66;background:#151515}#league-selector-container .header-league-selector:focus{outline:none;border-color:#c8aa6e66;box-shadow:0 0 10px #c8aa6e1a}#league-selector-container .header-league-selector:disabled{opacity:.6;cursor:not-allowed}.page-container{display:none}.page-container.active{display:block}.view-container{margin-top:0}#scarab-grid-canvas{border:1px solid rgba(200,170,110,.2);background:#0a0a0a;display:block;margin:0 auto;max-width:100%;height:auto;object-fit:contain}.threshold-display{background:transparent;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;border:none}.overlay-content .threshold-display{background:#0f0f0f;border-radius:4px;padding:20px;margin-bottom:0;box-shadow:0 4px 8px #000c;border:1px solid rgba(200,170,110,.2)}.threshold-display h2{margin-bottom:15px;color:#c8aa6e;font-weight:500}.threshold-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.confidence-selector{display:flex;align-items:center;gap:8px}.confidence-selector label{color:#a09070;font-size:.9em;font-weight:500;white-space:nowrap}.confidence-select{padding:6px 10px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:.9em;cursor:pointer;min-width:70px}.confidence-select:hover{border-color:#c8aa6e66;background:#151515}.confidence-select:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.threshold-controls{display:flex;flex-direction:column;gap:10px}.trade-mode-selector{margin:15px 0;padding:12px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.trade-mode-selector label{display:block;color:#a09070;font-size:.9em;font-weight:500;margin-bottom:8px}.trade-mode-select{width:100%;padding:8px 12px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:.9em;cursor:pointer}.trade-mode-select:hover{border-color:#c8aa6e66;background:#151515}.trade-mode-select:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.trade-mode-description{margin-top:8px;font-size:.85em;color:#888;font-style:italic}.threshold-value{font-size:2em;font-weight:500;color:#c8aa6e;margin:10px 0}.threshold-value .currency{font-size:.6em;color:#a09070;margin-left:5px}.threshold-description{color:#a09070;margin:10px 0}.threshold-meta{font-size:.9em;color:#888;margin-top:10px}.threshold-meta span{margin:0 5px}.list-view-header{position:sticky;top:0;z-index:10;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;background:#0f0f0f;padding:10px 0;border-bottom:1px solid rgba(200,170,110,.15)}.list-view-header h2{color:#c8aa6e;margin:0;font-weight:500}.sort-controls{display:flex;align-items:center;gap:10px}.sort-controls label{color:#a09070;font-weight:500}.sort-controls select{padding:6px 12px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:.95em;cursor:pointer}.sort-controls select:hover{border-color:#c8aa6e66;background:#151515}.sort-controls select:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.sort-direction-btn{padding:6px 12px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:1.2em;cursor:pointer;min-width:40px;transition:all .2s}.sort-direction-btn:hover{border-color:#c8aa6e66;background:#151515}.scarab-list{display:flex;flex-direction:column;gap:4px;width:100%;overflow-x:hidden;position:relative;padding-bottom:20px;margin-bottom:20px}.scarab-list-header{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);border-left:4px solid transparent;margin-bottom:4px;font-weight:500;color:#c8aa6e;box-shadow:0 2px 4px #00000080;position:-webkit-sticky;position:sticky;top:0;z-index:100;min-width:0}.scarab-header-cell{display:flex;align-items:center;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.scarab-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#c8aa6e}.scarab-header-cell.sortable:hover{color:#d4b896}.scarab-header-cell.image-cell{width:32px;min-width:32px;flex-shrink:0}.scarab-header-cell.name-cell{flex:1 1 auto;min-width:0;padding-right:10px}.scarab-header-cell.weight-cell{min-width:85px;width:85px;text-align:right;flex-shrink:0;justify-content:flex-end}.scarab-header-cell.value-cell{min-width:90px;width:90px;text-align:right;flex-shrink:0;justify-content:flex-end;margin-left:auto}.scarab-header-cell.meta-cell{min-width:100px;width:100px;flex-shrink:0;text-align:right;justify-content:flex-end}.scarab-header-cell.yield-cell{min-width:100px;flex-shrink:0;text-align:right;justify-content:flex-end}.scarab-item{background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);transition:all .2s}.scarab-item.compact{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;min-width:0}.scarab-item.compact:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.item-selected,.scarab-item.item-selected{outline:2px solid #4a9eff;outline-offset:1px;box-shadow:0 0 0 2px #4a9eff80,0 0 12px #4a9eff59;background:#4a9eff1f}.regex-search-display{padding:8px 12px;margin-bottom:8px;background:#0f0f0ff2;border:1px solid rgba(200,170,110,.2);border-radius:4px;font-size:.9em}.regex-search-display .regex-search-label{color:#c8aa6ee6;margin-bottom:4px}.regex-search-display .regex-search-value{font-family:ui-monospace,monospace;font-size:.85em;word-break:break-all;max-height:3em;overflow-y:auto;margin-bottom:6px;color:#c8c8c8}.regex-search-display .regex-search-truncated-note{font-size:.8em;color:#c8aa6eb3;margin-bottom:6px}.regex-search-display .regex-search-exceeds-max-note{font-size:.8em;color:#dca064f2;margin-bottom:6px}.regex-search-display .regex-search-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.regex-search-display .regex-search-copy-btn,.regex-search-display .regex-search-select-all-btn,.regex-search-display .regex-search-select-profitable-btn,.regex-search-display .regex-search-unselect-all-btn{padding:4px 10px;cursor:pointer;background:#c8aa6e33;border:1px solid rgba(200,170,110,.4);border-radius:4px;color:#c8aa6e}.regex-search-display .regex-search-copy-btn:hover:not(:disabled),.regex-search-display .regex-search-select-all-btn:hover:not(:disabled),.regex-search-display .regex-search-select-profitable-btn:hover:not(:disabled),.regex-search-display .regex-search-unselect-all-btn:hover:not(:disabled){background:#c8aa6e4d}.regex-search-display .regex-search-copy-btn:disabled,.regex-search-display .regex-search-select-all-btn:disabled,.regex-search-display .regex-search-select-profitable-btn:disabled,.regex-search-display .regex-search-unselect-all-btn:disabled{opacity:.5;cursor:not-allowed}.scarab-image,.essence-image,.fossil-image,.catalyst-image,.oil-image,.delirium-orb-image,.emblem-image,.tattoo-image{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:2px;background:#0003}.essence-header-cell.image-cell,.fossil-header-cell.image-cell,.catalyst-header-cell.image-cell,.oil-header-cell.image-cell,.delirium-orb-header-cell.image-cell,.emblem-header-cell.image-cell,.tattoo-header-cell.image-cell,.delirium-orb-image-cell,.emblem-image-cell,.tattoo-image-cell{width:32px;min-width:32px;flex-shrink:0}.scarab-name{font-weight:500;color:#c8aa6e;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.scarab-weight{font-size:.95em;color:#a09070;min-width:85px;width:85px;text-align:right;flex-shrink:0}.scarab-value{font-size:1em;font-weight:500;color:#c8aa6e;min-width:90px;width:90px;text-align:right;flex-shrink:0;margin-left:auto}.scarab-meta-compact{font-size:.85em;color:#888;display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px;width:100px;justify-content:flex-end;text-align:right}.scarab-yield{font-size:.9em;font-weight:500;color:#c8aa6e;min-width:100px;text-align:right;flex-shrink:0;font-family:Courier New,monospace}.scarab-weight,.scarab-level{color:#a0a0a0}.scarab-separator{color:#666}.essence-list{display:flex;flex-direction:column;gap:4px;width:100%;overflow-x:hidden;position:relative;padding-bottom:20px;margin-bottom:20px}.catalyst-list-header{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);border-left:4px solid transparent;margin-bottom:4px;font-weight:500;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;color:#c8aa6e;box-shadow:0 2px 4px #00000080;position:-webkit-sticky;position:sticky;top:0;z-index:100;min-width:0}.catalyst-header-cell{display:flex;align-items:center;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.catalyst-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#c8aa6e}.catalyst-header-cell.sortable:hover{color:#d4b896}.catalyst-header-cell.image-cell{width:32px;min-width:32px;flex-shrink:0}.catalyst-header-cell.name-cell{flex:1 1 auto;min-width:0;padding-right:10px}.catalyst-header-cell.weight-cell{min-width:85px;width:85px;text-align:right;flex-shrink:0;justify-content:flex-end}.catalyst-header-cell.value-cell{min-width:90px;width:90px;text-align:right;flex-shrink:0;justify-content:flex-end;margin-left:auto}.catalyst-list{display:flex;flex-direction:column;gap:2px;padding-bottom:20px;margin-bottom:20px}.catalyst-list-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;min-width:0;background:#0f0f0f99;border:1px solid rgba(200,170,110,.1);border-radius:4px;font-size:.95em;cursor:default}.catalyst-list-row .catalyst-name{flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;color:#c8aa6e}.catalyst-list-row .catalyst-weight{min-width:85px;width:85px;text-align:right;flex-shrink:0;color:#a09070}.catalyst-list-row .catalyst-value{min-width:90px;width:90px;text-align:right;flex-shrink:0;margin-left:auto;color:#a09070}.catalyst-threshold-note{color:#a09070;font-size:.9em}.catalyst-threshold-note a{color:#c8aa6e}.scarab-list-header,.fossil-list-header,.essence-list-header,.catalyst-list-header,.oil-list-header,.delirium-orb-list-header,.emblem-list-header,.tattoo-list-header{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);border-left:4px solid transparent;margin-bottom:4px;font-weight:500;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;color:#c8aa6e;box-shadow:0 2px 4px #00000080;position:-webkit-sticky;position:sticky;top:0;z-index:100;min-width:0}.scarab-header-cell,.fossil-header-cell,.essence-header-cell,.catalyst-header-cell,.oil-header-cell,.delirium-orb-header-cell,.emblem-header-cell,.tattoo-header-cell{display:flex;align-items:center;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.scarab-header-cell.sortable,.fossil-header-cell.sortable,.essence-header-cell.sortable,.catalyst-header-cell.sortable,.oil-header-cell.sortable,.delirium-orb-header-cell.sortable,.emblem-header-cell.sortable,.tattoo-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#c8aa6e}.scarab-header-cell.sortable:hover,.fossil-header-cell.sortable:hover,.essence-header-cell.sortable:hover,.catalyst-header-cell.sortable:hover,.oil-header-cell.sortable:hover,.delirium-orb-header-cell.sortable:hover,.emblem-header-cell.sortable:hover,.tattoo-header-cell.sortable:hover{color:#d4b896}.scarab-header-cell.name-cell,.fossil-header-cell.name-cell,.essence-header-cell.name-cell,.catalyst-header-cell.name-cell,.oil-header-cell.name-cell,.delirium-orb-header-cell.name-cell,.emblem-header-cell.name-cell,.tattoo-header-cell.name-cell{flex:1 1 auto;min-width:0;padding-right:10px}.scarab-header-cell.weight-cell,.fossil-header-cell.drop-weight-cell,.essence-header-cell.weight-cell,.catalyst-header-cell.weight-cell,.oil-header-cell.weight-cell,.delirium-orb-header-cell.weight-cell,.emblem-header-cell.weight-cell,.tattoo-header-cell.weight-cell{min-width:100px;width:100px;text-align:right;flex-shrink:0;justify-content:flex-end}.scarab-header-cell.value-cell,.fossil-header-cell.value-cell,.essence-header-cell.value-cell,.catalyst-header-cell.value-cell,.oil-header-cell.value-cell,.delirium-orb-header-cell.value-cell,.emblem-header-cell.value-cell,.tattoo-header-cell.value-cell{min-width:90px;width:90px;text-align:right;flex-shrink:0;justify-content:flex-end;margin-left:auto}.oil-list{display:flex;flex-direction:column;gap:2px;padding-bottom:20px;margin-bottom:20px}.oil-list-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;min-width:0;background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);font-size:.95em;cursor:default;transition:all .2s}.oil-list-row:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.oil-list-row .oil-name{font-weight:500;color:#c8aa6e;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.oil-list-row .oil-weight{min-width:100px;width:100px;text-align:right;flex-shrink:0;color:#a09070}.oil-list-row .oil-value{min-width:90px;width:90px;text-align:right;flex-shrink:0;margin-left:auto;color:#a09070}.oil-threshold-note{color:#a09070;font-size:.9em}.delirium-orb-list{display:flex;flex-direction:column;gap:2px;padding-bottom:20px;margin-bottom:20px}.delirium-orb-list-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;min-width:0;background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);font-size:.95em;cursor:default;transition:all .2s}.delirium-orb-list-row:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.delirium-orb-list-row .delirium-orb-name{font-weight:500;color:#c8aa6e;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.delirium-orb-list-row .delirium-orb-weight{min-width:100px;width:100px;text-align:right;flex-shrink:0;color:#a09070}.delirium-orb-list-row .delirium-orb-value{min-width:90px;width:90px;text-align:right;flex-shrink:0;margin-left:auto;color:#a09070}.emblem-list{display:flex;flex-direction:column;gap:2px;padding-bottom:20px;margin-bottom:20px}.emblem-list-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;min-width:0;background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);font-size:.95em;cursor:default;transition:all .2s}.emblem-list-row:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.emblem-list-row .emblem-name{font-weight:500;color:#c8aa6e;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.emblem-list-row .emblem-weight{min-width:100px;width:100px;text-align:right;flex-shrink:0;color:#a09070}.emblem-list-row .emblem-value{min-width:90px;width:90px;text-align:right;flex-shrink:0;margin-left:auto;color:#a09070}.tattoo-type-section{margin-bottom:40px}.tattoo-type-section:last-child{margin-bottom:0}.tattoo-type-heading{color:#fff;font-size:1.2em;font-weight:500;text-align:center;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}.tattoo-type-separator{border:none;border-top:1px solid rgba(255,255,255,.3);margin:0 0 20px}.tattoo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%}.tattoo-grid-card{display:flex;flex-direction:column;align-items:center;padding:12px;background:#0f0f0f;border-radius:6px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);cursor:default;transition:all .2s;min-height:140px;box-sizing:border-box}.tattoo-grid-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.tattoo-grid-card.item-selected{border-color:#c8aa6e80;box-shadow:0 0 8px #c8aa6e4d}.tattoo-card-image{width:48px;height:48px;object-fit:contain;margin-bottom:8px}.tattoo-card-name{font-weight:500;color:#c8aa6e;text-align:center;font-size:.9em;margin-bottom:6px;line-height:1.3;word-wrap:break-word;width:100%}.tattoo-card-stats{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;margin-top:4px}.tattoo-card-weight{color:#a09070;font-size:.85em;flex:1}.tattoo-card-value{color:#a09070;font-size:.85em;font-weight:500;flex-shrink:0}@media (max-width: 1400px){.tattoo-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.tattoo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.tattoo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.tattoo-grid{grid-template-columns:1fr}}.tattoo-list{display:flex;flex-direction:column;gap:2px;padding-bottom:20px;margin-bottom:20px}.tattoo-list-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;min-width:0;background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);font-size:.95em;cursor:default;transition:all .2s}.tattoo-list-row:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.tattoo-list-row .tattoo-name{font-weight:500;color:#c8aa6e;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.tattoo-list-row .tattoo-weight{min-width:100px;width:100px;text-align:right;flex-shrink:0;color:#a09070}.tattoo-list-row .tattoo-value{min-width:90px;width:90px;text-align:right;flex-shrink:0;margin-left:auto;color:#a09070}.essence-list-header{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);border-left:4px solid transparent;margin-bottom:4px;font-weight:500}.essence-header-cell{display:flex;align-items:center;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.essence-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#c8aa6e}.essence-header-cell.sortable:hover{color:#d4b896}.essence-header-cell.name-cell{flex:1 1 auto;min-width:0;padding-right:10px}.essence-header-cell.weight-cell{min-width:72px;width:72px;text-align:right;flex-shrink:0;justify-content:flex-end}.essence-header-cell.value-cell{min-width:72px;width:72px;text-align:right;flex-shrink:0;justify-content:flex-end;margin-left:auto}.essence-header-cell.group-cell{min-width:100px;width:100px;flex-shrink:0;text-align:center;justify-content:center}.essence-item{background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);transition:all .2s;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;cursor:pointer}.essence-item:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.essence-item.selected{background:#c8aa6e26;border-color:#c8aa6e66}.essence-name{font-weight:500;color:#c8aa6e;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.essence-weight{font-size:.95em;color:#a09070;min-width:72px;width:72px;text-align:right;flex-shrink:0}.essence-value{font-size:1em;font-weight:500;color:#c8aa6e;min-width:72px;width:72px;text-align:right;flex-shrink:0}.essence-group{font-size:.9em;color:#a09070;min-width:100px;width:100px;text-align:center;flex-shrink:0}.essence-threshold-display{padding:20px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.essence-threshold-display .threshold-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(200,170,110,.15)}.essence-threshold-display .threshold-header h2{color:#c8aa6e;margin-bottom:10px;font-size:1.5em}.essence-threshold-display .reroll-cost{color:#a09070;font-size:.95em}.essence-threshold-display .threshold-groups{display:flex;flex-direction:column;gap:15px}.essence-threshold-display .threshold-group{padding:15px;background:#0a0a0a;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.essence-threshold-display .threshold-group.profitable{border-left:4px solid #4caf50}.essence-threshold-display .threshold-group.not-profitable{border-left:4px solid #f44336}.essence-threshold-display .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.essence-threshold-display .group-header h3{color:#c8aa6e;font-size:1.2em;margin:0}.essence-threshold-display .essence-count{color:#a09070;font-size:.9em}.essence-threshold-display .threshold-values{display:flex;gap:20px;margin-bottom:10px}.essence-threshold-display .threshold-value,.essence-threshold-display .expected-value{flex:1}.essence-threshold-display .threshold-value label,.essence-threshold-display .expected-value label{display:block;color:#a09070;font-size:.85em;margin-bottom:5px}.essence-threshold-display .threshold-value .value,.essence-threshold-display .expected-value .value{color:#c8aa6e;font-size:1.2em;font-weight:500}.essence-threshold-display .threshold-note{color:#a09070;font-size:.85em;font-style:italic}.essence-selection-panel{padding:15px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);margin-bottom:15px}.essence-selection-panel .selection-stats{margin-bottom:10px;color:#c8aa6e;font-weight:500}.essence-selection-panel .selection-actions{display:flex;gap:10px;flex-wrap:wrap}.essence-selection-panel button{padding:8px 16px;background:#0a0a0a;border:1px solid rgba(200,170,110,.2);border-radius:4px;color:#a09070;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s}.essence-selection-panel button:hover{color:#c8aa6e;border-color:#c8aa6e66;background:#151515}.essence-selection-panel button:active{transform:translateY(1px)}.fossil-list{display:flex;flex-direction:column;gap:4px;width:100%;overflow-x:hidden;position:relative;padding-bottom:20px;margin-bottom:20px}.fossil-list-header{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);border-left:4px solid transparent;margin-bottom:4px;font-weight:500}.fossil-header-cell{display:flex;align-items:center;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.fossil-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;color:#c8aa6e}.fossil-header-cell.sortable:hover{color:#d4b896}.fossil-header-cell.name-cell{flex:1 1 auto;min-width:0;padding-right:10px}.fossil-header-cell.value-cell{min-width:90px;width:90px;text-align:right;flex-shrink:0;justify-content:flex-end;margin-left:auto}.fossil-header-cell.drop-weight-cell{min-width:100px;width:100px;flex-shrink:0;text-align:right;justify-content:flex-end}.fossil-item{background:#0f0f0f;border-radius:4px;box-shadow:0 2px 4px #0009;border:1px solid rgba(200,170,110,.1);transition:all .2s;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;min-height:40px;box-sizing:border-box;width:100%;cursor:pointer}.fossil-item:hover{transform:translate(1px);box-shadow:0 4px 8px #000c;border-color:#c8aa6e40;background:#151515}.fossil-item.selected{background:#c8aa6e26;border-color:#c8aa6e66}.fossil-name{font-weight:500;color:#c8aa6e;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.fossil-value{font-size:1em;font-weight:500;color:#c8aa6e;min-width:90px;width:90px;text-align:right;flex-shrink:0}.fossil-drop-weight{font-size:.9em;font-weight:500;min-width:100px;width:100px;text-align:right;flex-shrink:0;color:#a0a0a0}.fossil-threshold-display{padding:20px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.fossil-threshold-display .threshold-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(200,170,110,.15)}.fossil-threshold-display .threshold-header h2{color:#c8aa6e;margin-bottom:10px;font-size:1.5em}.fossil-threshold-display .reroll-cost{color:#a09070;font-size:.95em}.fossil-threshold-display .threshold-group{padding:15px;background:#0a0a0a;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.fossil-threshold-display .threshold-group.profitable{border-left:4px solid #4caf50}.fossil-threshold-display .threshold-group.not-profitable{border-left:4px solid #f44336}.fossil-threshold-display .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fossil-threshold-display .group-header h3{color:#c8aa6e;font-size:1.2em;margin:0}.fossil-threshold-display .fossil-count{color:#a09070;font-size:.9em}.fossil-threshold-display .threshold-values{display:flex;gap:20px;margin-bottom:10px}.fossil-threshold-display .threshold-value,.fossil-threshold-display .expected-value{flex:1}.fossil-threshold-display .threshold-value label,.fossil-threshold-display .expected-value label{display:block;color:#a09070;font-size:.85em;margin-bottom:5px}.fossil-threshold-display .threshold-value .value,.fossil-threshold-display .expected-value .value{color:#c8aa6e;font-size:1.2em;font-weight:500}.fossil-threshold-display .threshold-note{color:#a09070;font-size:.85em;font-style:italic}.fossil-threshold-display .calculation-details{margin-top:15px;padding-top:15px;border-top:1px solid rgba(200,170,110,.1)}.fossil-threshold-display .calculation-method,.fossil-threshold-display .calculation-formula{margin-bottom:10px;color:#a09070;font-size:.9em}.fossil-threshold-display .calculation-method strong,.fossil-threshold-display .calculation-formula strong{color:#c8aa6e}.fossil-threshold-display .calculation-steps{margin-top:12px;margin-bottom:12px;padding-left:10px}.fossil-threshold-display .formula-step{margin-bottom:8px;font-size:.85em;color:#a09070;display:flex;gap:8px}.fossil-threshold-display .step-label{color:#c8aa6e;font-weight:500;min-width:60px}.fossil-threshold-display .step-value{flex:1}.fossil-threshold-display .calculation-breakdown{margin-top:12px;padding:10px;background:#c8aa6e0d;border-radius:4px;border-left:3px solid rgba(200,170,110,.2)}.fossil-threshold-display .breakdown-item{margin-bottom:6px;font-size:.85em;display:flex;justify-content:space-between;align-items:center;gap:10px}.fossil-threshold-display .breakdown-item:last-child{margin-bottom:0}.fossil-threshold-display .breakdown-label{color:#a09070}.fossil-threshold-display .breakdown-value{color:#c8aa6e;font-weight:500;text-align:right}.fossil-selection-panel{padding:15px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);margin-bottom:15px}.fossil-selection-panel .selection-stats{margin-bottom:10px;color:#c8aa6e;font-weight:500}.fossil-selection-panel .selection-actions{display:flex;gap:10px;flex-wrap:wrap}.fossil-selection-panel button{padding:8px 16px;background:#0a0a0a;border:1px solid rgba(200,170,110,.2);border-radius:4px;color:#a09070;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s}.fossil-selection-panel button:hover{color:#c8aa6e;border-color:#c8aa6e66;background:#151515}.fossil-selection-panel button:active{transform:translateY(1px)}.fossil-selection-panel .expected-outcome{margin-top:15px;padding-top:15px;border-top:1px solid rgba(200,170,110,.15)}.fossil-selection-panel .outcome-label{color:#c8aa6e;font-weight:500;margin-bottom:8px;font-size:.9em}.fossil-selection-panel .outcome-values{display:flex;flex-direction:column;gap:5px;font-size:.85em;color:#a09070}.fossil-selection-panel .outcome-values span{display:block}.fossil-selection-panel .net-profit{color:#4caf50;font-weight:500}.fossil-selection-panel .net-loss{color:#f44336;font-weight:500}.error-message{text-align:center;padding:40px;background:#0f0f0f;border-radius:4px;box-shadow:0 4px 8px #000c;border:1px solid rgba(200,170,110,.2);color:#c8aa6e}.error-message h2{color:#ff6b6b;margin-bottom:15px}.error-message button{margin-top:20px;padding:10px 20px;background:#0f0f0f;color:#c8aa6e;border:1px solid rgba(200,170,110,.3);border-radius:4px;cursor:pointer;font-size:1em;font-weight:500;transition:all .2s}.error-message button:hover{background:#151515;border-color:#c8aa6e80}.list-wrapper{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-width:300px}@media (min-width: 1201px){.list-wrapper{height:100%;overflow:hidden}}.filter-panel{background:#0f0f0f;border-radius:4px;padding:20px;margin-bottom:15px;box-shadow:0 4px 8px #000c;border:1px solid rgba(200,170,110,.15);width:100%;box-sizing:border-box;flex-shrink:0;transition:padding .2s ease}.filter-panel.collapsed{padding:12px 20px}.filter-panel.collapsed .filter-header{margin-bottom:0}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filter-header-left{display:flex;align-items:center;gap:10px}.settings-btn{padding:6px 10px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:1.1em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:32px}.settings-btn:hover{border-color:#c8aa6e66;background:#151515;transform:rotate(90deg)}.toggle-filter-btn{padding:4px 8px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;cursor:pointer;font-size:.9em;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:30px;height:28px}.toggle-filter-btn:hover{border-color:#c8aa6e66;background:#151515}.toggle-icon{font-size:.8em;transition:transform .2s}.filter-header h3{color:#c8aa6e;margin:0;font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer}.filter-header h3:hover{color:#d4b896}.clear-filters-btn{padding:6px 12px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:.9em;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{border-color:#c8aa6e66;background:#151515}.filter-controls{display:flex;flex-direction:column;gap:15px;transition:opacity .2s ease}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:500;color:#c8aa6e;font-size:.95em}.filter-group select,.filter-group input[type=text],.filter-group input[type=number]{padding:8px 12px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;min-height:44px;color:#c8aa6e;border-radius:4px;font-size:.95em}.filter-group select:hover,.filter-group input:hover{border-color:#c8aa6e66;background:#151515}.filter-group select:focus,.filter-group input:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.value-range{display:flex;flex-direction:column;gap:8px}.value-inputs{display:flex;align-items:center;gap:10px}.value-inputs input{flex:1}.value-separator{color:#a09070;font-weight:500}.filter-info{margin-top:10px;padding:8px 12px;background:#0f0f0f;border-radius:4px;font-size:.9em;color:#a09070;text-align:center}.filter-info.active{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.no-results{text-align:center;padding:40px;color:#a09070;font-size:1.1em}.view-switcher{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;padding:15px;background:#0f0f0f;border-radius:4px;box-shadow:0 4px 8px #000c;border:1px solid rgba(200,170,110,.15)}.view-switcher:has(.view-buttons){justify-content:space-between}.view-buttons{display:flex;gap:10px}.currency-switcher{display:flex;align-items:center;gap:10px}.currency-switcher label{font-weight:500;color:#c8aa6e}.currency-switcher select{padding:6px 12px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:.95em;cursor:pointer}.currency-switcher select:hover{border-color:#c8aa6e66;background:#151515}.currency-switcher select:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.view-btn{padding:10px 20px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;cursor:pointer;font-size:1em;transition:all .2s;display:flex;align-items:center;gap:8px}.view-btn:hover{border-color:#c8aa6e66;background:#151515}.view-btn.active{border-color:#c8aa6e;background:#c8aa6e1a;color:#d4b896}.view-btn span{font-size:1.2em}.merged-views-container{display:flex;gap:20px;margin-top:20px;align-items:stretch;min-height:0}#grid-view{display:flex;justify-content:center;flex:0 0 auto;position:relative;min-width:0;max-width:fit-content}.grid-container{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;position:relative;min-width:0}@media (max-width: 1200px){.merged-views-container{flex-direction:column;align-items:stretch;min-height:auto;margin-bottom:60px;padding-bottom:40px}#grid-view{width:100%;flex:1 1 auto;min-width:0;max-width:100%}.grid-container{width:100%;max-width:100%;justify-content:center;min-width:0}.grid-container canvas{max-width:100%}.list-wrapper{width:100%;min-width:0;height:auto;overflow:visible;padding-bottom:60px;margin-bottom:40px}.list-container{height:auto;max-height:none;overflow-y:visible;padding-bottom:40px}}.grid-settings-btn{position:absolute;top:10px;right:10px;z-index:10;margin-top:0}.list-container{flex:1 1 auto;min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;position:relative;width:100%;flex-shrink:1;min-height:0}.list-container .scarab-list-header{position:sticky;top:0;z-index:100}#scarab-grid-canvas{max-width:100%;height:auto;border:1px solid rgba(200,170,110,.2);border-radius:4px;box-shadow:0 4px 8px #000c;background:#0a0a0a;object-fit:contain}.view-container{min-height:400px}#simulation-page{width:100%}.simulation-panel{background:#0f0f0f;border-radius:4px;padding:15px;margin-top:20px;box-shadow:0 4px 8px #000c;border:1px solid rgba(200,170,110,.15)}.simulation-panel h2{color:#c8aa6e;margin-bottom:8px;font-weight:500;font-size:1.3em}.simulation-description{color:#a09070;margin-bottom:20px;font-size:.9em}.simulation-controls{display:flex;flex-direction:column;gap:10px}.simulation-controls-row{display:flex;gap:15px;align-items:flex-start}.simulation-controls-row .scarab-selection{flex:1}.simulation-controls-row .configuration-inputs{flex:0 0 auto;min-width:250px;display:flex;flex-direction:column;grid-template-columns:none}.strategy-selector,.transaction-input{display:flex;flex-direction:column;gap:5px}.strategy-selector label,.transaction-input label{font-weight:500;color:#c8aa6e}.strategy-selector select,.transaction-input input{padding:8px;border:1px solid rgba(200,170,110,.2);background:#0f0f0f;color:#c8aa6e;border-radius:4px;font-size:1em}.strategy-selector select:hover,.transaction-input input:hover{border-color:#c8aa6e66;background:#151515}.strategy-selector select:focus,.transaction-input input:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.scarab-selection{margin:0;padding:10px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.scarab-selection label{display:block;font-weight:500;margin-bottom:8px;color:#c8aa6e;font-size:.95em}.scarab-search-container{margin-bottom:10px}.scarab-search-input{width:100%;padding:8px 12px;border:1px solid rgba(200,170,110,.2);background:#0a0a0a;color:#c8aa6e;border-radius:4px;font-size:.9em;transition:border-color .2s,background-color .2s}.scarab-search-input::placeholder{color:#6b5d3f}.scarab-search-input:hover{border-color:#c8aa6e66;background:#0f0f0f}.scarab-search-input:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px;border-color:#c8aa6e80;background:#0f0f0f}.scarab-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:250px;overflow-y:auto;padding:8px;background:#0a0a0a;border-radius:4px;border:1px solid rgba(200,170,110,.1)}.scarab-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px;border-radius:4px;color:#a09070;font-size:.9em}.scarab-checkbox:hover{background:#151515;color:#c8aa6e}.scarab-checkbox input[type=checkbox]{accent-color:#c8aa6e}.scarab-checkbox input[type=checkbox]{cursor:pointer}.selection-info{margin-top:6px;font-size:.85em;color:#a09070}.configuration-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:10px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-weight:500;color:#c8aa6e;font-size:.9em}.input-group input[type=number]{padding:6px 10px;border:1px solid rgba(200,170,110,.2);background:#0a0a0a;color:#c8aa6e;border-radius:4px;font-size:.95em;width:100%}.input-group input[type=number]:hover{border-color:#c8aa6e66;background:#151515}.input-group input[type=number]:focus{outline:2px solid rgba(200,170,110,.4);outline-offset:2px}.input-hint{font-size:.8em;color:#888;font-style:italic}.validation-errors{padding:8px 12px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;color:#f44336;font-size:.9em}.run-btn{padding:10px 20px;background:#0f0f0f;color:#c8aa6e;border:1px solid rgba(200,170,110,.3);border-radius:4px;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s}.run-btn:hover{background:#151515;border-color:#c8aa6e80}.run-btn:active{transform:scale(.98)}.simulation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0}.simulation-actions-left{display:flex;align-items:center;gap:8px}.cancel-btn{padding:10px 20px;background:#0f0f0f;color:#c8aa6e;border:1px solid rgba(200,170,110,.3);border-radius:4px;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#151515;border-color:#c8aa6e80}.simulation-progress-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:1;min-width:200px;margin-left:12px;visibility:hidden;min-height:50px}.simulation-progress{display:flex;align-items:center;color:#a09070;font-size:.9em;white-space:nowrap}.simulation-progress-bar{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:100%;max-width:300px}.simulation-progress-bar .progress-bar{width:100%;height:6px;background:#0a0a0a;border-radius:3px;overflow:hidden;border:1px solid rgba(200,170,110,.2)}.simulation-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#c8aa6e99,#c8aa6ecc);transition:width .3s ease;border-radius:3px}.simulation-progress-bar .progress-text{display:flex;justify-content:flex-end;align-items:center;color:#a09070;font-size:.85em}.simulation-progress-bar .progress-text #progress-percent{font-weight:500;color:#c8aa6e}.simulation-views{margin-top:20px;padding:20px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.simulation-views-header h3{color:#c8aa6e;margin-bottom:15px;font-weight:500}#simulation-grid-view{display:flex;justify-content:center;flex:0 0 auto;position:relative}#simulation-grid-view canvas{max-width:100%;height:auto;border:1px solid rgba(200,170,110,.2);border-radius:4px;box-shadow:0 4px 8px #000c;background:#0a0a0a}.scarab-list-container{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#scarab-list-container .scarab-header-cell.image-cell,#scarab-list-container .scarab-item.compact .scarab-image{width:24px;min-width:24px;height:24px}#scarab-list-container .scarab-header-cell.weight-cell,#scarab-list-container .scarab-item.compact .scarab-weight,#scarab-list-container .scarab-header-cell.value-cell,#scarab-list-container .scarab-item.compact .scarab-value{min-width:60px;width:60px;font-size:.9em}#scarab-list-container .scarab-header-cell.yield-cell,#scarab-list-container .scarab-item.compact .scarab-yield{min-width:55px;width:55px;font-size:.85em}#scarab-list-container .scarab-item.compact{gap:8px;padding:6px 8px 6px 6px;min-height:36px}#scarab-list-container .scarab-name{font-size:.9em;padding-right:6px}.simulation-scarab-list h3{color:#c8aa6e;margin-bottom:15px;font-weight:500;position:sticky;top:0;background:#0f0f0f;padding-bottom:10px;z-index:10}.simulation-scarab-list-header{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr;gap:10px;padding:10px;background:#0f0f0f;border-radius:4px;border-bottom:1px solid rgba(200,170,110,.2);font-weight:500;color:#c8aa6e;position:sticky;top:50px;z-index:9}.simulation-scarab-list-items{display:flex;flex-direction:column;gap:4px;margin-top:10px}.simulation-scarab-item{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:8px 10px;background:#0f0f0f;border-radius:4px;border-left:3px solid rgba(200,170,110,.2);transition:all .2s;color:#a09070}.simulation-scarab-item:hover{background:#151515;border-left-color:#c8aa6e66;transform:translate(2px)}.simulation-scarab-image{width:32px;height:32px;object-fit:contain;border-radius:4px}.simulation-scarab-name{font-weight:500;color:#c8aa6e}.simulation-scarab-value,.simulation-scarab-weight,.simulation-scarab-count,.simulation-scarab-percent{text-align:right;font-family:Courier New,monospace}.simulation-scarab-count{font-weight:500;color:#c8aa6e}.simulation-scarab-percent{color:#a09070}.simulation-list-header-cell{text-align:left}.simulation-list-header-cell.count-cell,.simulation-list-header-cell.percent-cell,.simulation-list-header-cell.value-cell,.simulation-list-header-cell.weight-cell{text-align:right}.loading-text{text-align:center;color:#a09070;padding:20px;font-style:italic}.simulation-results{margin-top:20px;padding:20px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15)}.simulation-results h3{color:#c8aa6e;margin-bottom:15px;font-weight:500}.significant-events{margin-top:20px}.collapsible-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#c8aa6e;font-size:1.1em;font-weight:500;padding:10px;background:#0f0f0f;border-radius:4px;border:1px solid rgba(200,170,110,.15);transition:all .2s;margin-bottom:0}.collapsible-header:hover{background:#151515;border-color:#c8aa6e4d}.collapse-icon{display:inline-block;transition:transform .2s;font-size:.8em;color:#c8aa6e}.events-list{margin-top:10px;padding:15px;background:#0a0a0a;border-radius:4px;border:1px solid rgba(200,170,110,.1)}.event-group{margin-bottom:15px}.event-group:last-child{margin-bottom:0}.event-group strong{color:#c8aa6e;display:block;margin-bottom:8px}.event-group ul{list-style:none;padding-left:0;margin:0}.event-group li{padding:5px 0 5px 20px;color:#a09070;border-left:2px solid rgba(200,170,110,.2);margin-bottom:4px}.results-summary{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;justify-content:space-between;padding:10px;background:#0f0f0f;border-radius:4px;border-left:4px solid rgba(200,170,110,.2);border:1px solid rgba(200,170,110,.1)}.result-item.highlight{border-left-color:#c8aa6e;background:#c8aa6e0d}.result-label{font-weight:500;color:#a09070}.result-value{color:#c8aa6e;font-weight:500}.value-change{font-size:.85em;font-weight:400;opacity:.8;margin-left:8px}.continue-mode-summary{margin-bottom:20px;padding:15px;background:#c8aa6e14;border-radius:4px;border:1px solid rgba(200,170,110,.2)}.continue-mode-summary h4{color:#c8aa6e;margin-bottom:12px;font-weight:500;font-size:1.1em}.continue-mode-stats{display:flex;flex-direction:column;gap:10px}.continue-stat{display:flex;justify-content:space-between;padding:8px 12px;background:#0000004d;border-radius:4px;border-left:3px solid rgba(200,170,110,.3)}.continue-stat.highlight{border-left-color:#c8aa6e;background:#c8aa6e1a}.continue-label{font-weight:500;color:#a09070}.continue-value{color:#c8aa6e;font-weight:500}.loading-state,.error-state{text-align:center;padding:40px;background:#0f0f0f;border-radius:4px;box-shadow:0 4px 8px #000c;border:1px solid rgba(200,170,110,.15);color:#c8aa6e}.error-state button{margin-top:15px;padding:10px 20px;background:#0f0f0f;color:#c8aa6e;border:1px solid rgba(200,170,110,.3);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.error-state button:hover{background:#151515;border-color:#c8aa6e80}button:focus,select:focus,input:focus{outline:2px solid #2196F3;outline-offset:2px}.scarab-item{cursor:default}@media (max-width: 1200px){.grid-container{width:100%;display:flex;justify-content:center;align-items:flex-start}#grid-view{width:100%}.grid-container canvas,#grid-view canvas,#scarab-grid-canvas,#essence-grid-canvas,#fossil-grid-canvas,#catalyst-grid-canvas,#oil-grid-canvas,#delirium-orb-grid-canvas,#emblem-grid-canvas,#tattoo-grid-canvas,#simulation-grid-view canvas{max-width:100%;height:auto;object-fit:contain}}@media (max-width: 768px){.merged-views-container{flex-direction:column}.grid-container{width:100%;display:flex;justify-content:center;align-items:flex-start}#grid-view{width:100%}#scarab-grid-canvas,#simulation-grid-view canvas,.grid-container canvas,#grid-view canvas{max-width:100%;height:auto;object-fit:contain;touch-action:manipulation}.list-wrapper{width:100%}.list-container{width:100%;max-height:none}#simulation-grid-view{width:100%}.view-switcher{flex-direction:column;gap:15px}.view-buttons,.currency-switcher{width:100%;justify-content:center}.scarab-checkboxes{grid-template-columns:1fr}.scarab-item.compact{padding:6px 10px;flex-wrap:nowrap;min-height:40px}.scarab-meta-compact{min-width:auto;width:100%;margin-top:4px;padding-left:32px}#scarab-grid-canvas,.grid-container canvas,#grid-view canvas{max-width:100%;width:auto;height:auto;touch-action:manipulation}}@media (max-width: 480px){#app{padding:10px 10px 60px}.nav-link,.nav-action-btn{padding:8px 12px;font-size:.85em}#league-selector-container{width:100%}#league-selector-container .header-league-selector{min-width:100px;width:100%}header h1{font-size:1.3em}.header-page-buttons{flex-direction:column;width:100%;gap:8px}.header-page-btn{width:100%;max-width:none}.threshold-value{font-size:1.5em}.simulation-panel{padding:15px}.list-view-header{flex-direction:column;align-items:flex-start}.sort-controls{width:100%;justify-content:space-between}.scarab-item.compact{font-size:.9em}.scarab-value{min-width:70px;font-size:.95em}.filter-panel{padding:15px}.filter-controls{gap:12px}.value-inputs{flex-direction:column;align-items:stretch}.value-separator{display:none}.main-navigation{top:5px;left:5px}.nav-menu{min-width:180px}.nav-item{padding:10px 12px;font-size:.9em}.overlay-content{width:calc(100% - 20px);max-width:calc(100% - 20px);padding:20px;margin:10px;max-height:calc(100vh - 20px)}.overlay-header{padding-bottom:12px;margin-bottom:15px}.close-overlay-btn{width:44px;height:44px}body{font-size:14px}.scarab-tooltip{max-width:calc(100vw - 40px)}}.scarab-tooltip{position:fixed;z-index:10000;background:#0f0f0f;border:1px solid rgba(200,170,110,.3);border-radius:4px;padding:12px 16px;max-width:350px;box-shadow:0 4px 12px #000000e6;pointer-events:none;opacity:0;transition:opacity .15s ease-in-out;font-size:.9em;line-height:1.5}.scarab-tooltip.visible{opacity:1}.tooltip-name{font-weight:500;font-size:1.1em;color:#c8aa6e;margin-bottom:8px}.tooltip-description{color:#a09070;margin-bottom:10px;font-size:.95em;line-height:1.4}.tooltip-separator{height:1px;background:#c8aa6e33;margin:10px 0}.tooltip-prices{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.tooltip-price-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.tooltip-price-label{color:#a09070;font-weight:500;flex-shrink:0}.tooltip-price-value{color:#c8aa6e;font-weight:500;text-align:right;flex:1}.tooltip-price-unavailable{color:#888;font-style:italic;font-size:.9em}.tooltip-details{display:flex;flex-direction:column;gap:4px;margin-top:8px}.tooltip-detail-item{color:#a09070;font-size:.85em}.tooltip-status{font-weight:700;padding:4px 8px;border-radius:4px;text-align:center;margin-top:8px}.tooltip-status.profitable{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.tooltip-status.not-profitable{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.3)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.overlay.active{display:flex;opacity:1}.overlay-content{background:#0f0f0f;border-radius:4px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 8px 32px #000000e6;border:1px solid rgba(200,170,110,.3);position:relative;animation:overlaySlideIn .3s ease}@keyframes overlaySlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(200,170,110,.15)}.overlay-header h2{color:#c8aa6e;margin:0;font-weight:500}.close-overlay-btn{background:#0f0f0f;border:1px solid rgba(200,170,110,.2);color:#c8aa6e;border-radius:4px;width:32px;height:32px;min-width:44px;min-height:44px;font-size:1.5em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.close-overlay-btn:hover{background:#151515;border-color:#c8aa6e66;transform:scale(1.1)}.data-status-content{color:#c8aa6e}.data-status-section{margin-bottom:30px}.data-status-section h3{color:#c8aa6e;margin-bottom:15px;font-size:1.2em;font-weight:500}.data-status-info{display:flex;flex-direction:column;gap:12px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(200,170,110,.1)}.status-row:last-child{border-bottom:none}.status-label{font-weight:500;color:#a09070}.status-value{color:#c8aa6e;text-align:right}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:.9em;font-weight:600}.status-success{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.status-warning{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.status-info{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.4)}.status-grey{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.4)}.data-status-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.data-status-actions .btn{flex:1;min-width:140px;padding:10px 20px;border-radius:6px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid;display:flex;align-items:center;justify-content:center;gap:8px}.data-status-actions .btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#0f0f0f;border-color:#c8aa6e4d;color:#c8aa6e}.btn-primary:hover:not(:disabled){background:#151515;border-color:#c8aa6e80}.btn-outline{background:#0f0f0f;border-color:#c8aa6e33;color:#c8aa6e}.btn-outline:hover:not(:disabled){background:#151515;border-color:#c8aa6e66}.data-status-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.95em}.message-success{background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#4caf50}.message-error{background:#f4433626;border:1px solid rgba(244,67,54,.4);color:#f44336}.message-warning{background:#ff980026;border:1px solid rgba(255,152,0,.4);color:#ff9800}.message-info{background:#2196f326;border:1px solid rgba(33,150,243,.4);color:#2196f3}.data-status-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(200,170,110,.15)}.data-status-footer .text-caption{font-size:.85em;color:#a09070;line-height:1.6;margin-bottom:8px}.data-status-footer a{color:#c8aa6e;text-decoration:none;border-bottom:1px solid rgba(200,170,110,.2);transition:border-color .2s}.data-status-footer a:hover{border-bottom-color:#c8aa6e66}.data-status-section h4{color:#c8aa6e;margin-bottom:12px;font-size:1em;font-weight:500}.item-type-status-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px 0}.item-type-status-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#c8aa6e0d;border:1px solid rgba(200,170,110,.1);border-radius:4px;transition:all .2s}.item-type-status-row:hover{background:#c8aa6e14;border-color:#c8aa6e33}.item-type-name{display:flex;align-items:center;gap:10px;flex:1}.item-type-label{color:#c8aa6e;font-weight:500;font-size:.95em}.item-type-details{display:flex;align-items:center;gap:8px;font-size:.9em}.item-type-age{color:#a09070}.item-type-source{color:#ff9800;font-size:.85em;font-style:italic}.league-selector{background:#0f0f0f;border:1px solid rgba(200,170,110,.2);border-radius:4px;color:#c8aa6e;padding:8px 12px;font-size:.95em;font-family:inherit;cursor:pointer;transition:all .2s;min-width:200px}.league-selector:hover:not(:disabled){border-color:#c8aa6e66;background:#151515}.league-selector:focus{outline:none;border-color:#c8aa6e66;box-shadow:0 0 10px #c8aa6e1a}.league-selector:disabled{opacity:.6;cursor:not-allowed}.league-selector option{background:#0a0a0a;color:#c8aa6e}.league-selector-container{display:flex;align-items:center;gap:8px}.league-selector-label{color:#a09070;font-size:.9em;font-weight:500;white-space:nowrap}.header-league-selector{background:#0f0f0f;border:1px solid rgba(200,170,110,.2);border-radius:4px;color:#c8aa6e;padding:6px 10px;font-size:.9em;font-family:inherit;cursor:pointer;transition:all .2s;min-width:180px}.header-league-selector:hover:not(:disabled){border-color:#c8aa6e66;background:#151515}.header-league-selector:focus{outline:none;border-color:#c8aa6e66;box-shadow:0 0 10px #c8aa6e1a}.header-league-selector:disabled{opacity:.6;cursor:not-allowed}.header-league-selector option{background:#0a0a0a;color:#c8aa6e}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#1e1e1efa,#141414fa);border-radius:8px;border:2px solid;box-shadow:0 4px 16px #0009,0 0 20px #0006;min-width:300px;max-width:500px;pointer-events:auto;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(400px)}.toast-icon{font-size:1.2em;font-weight:700;flex-shrink:0;width:24px;text-align:center}.toast-message{flex:1;color:#c8aa6e;font-size:.95em;line-height:1.4}.toast-close{background:transparent;border:none;color:#c8aa6e;font-size:1.5em;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0;line-height:1}.toast-close:hover{background:#c8aa6e1a;color:#d4b896}.toast-success{border-color:#4caf5099;box-shadow:0 4px 16px #0009,0 0 20px #4caf5033}.toast-success .toast-icon{color:#4caf50}.toast-error{border-color:#f4433699;box-shadow:0 4px 16px #0009,0 0 20px #f4433633}.toast-error .toast-icon{color:#f44336}.toast-warning{border-color:#ff980099;box-shadow:0 4px 16px #0009,0 0 20px #ff980033}.toast-warning .toast-icon{color:#ff9800}.toast-info{border-color:#2196f399;box-shadow:0 4px 16px #0009,0 0 20px #2196f333}.toast-info .toast-icon{color:#2196f3}@media (max-width: 1024px){.main-navigation{flex-direction:row;flex-wrap:wrap}.nav-menu-toggle{display:flex}.nav-bar{position:fixed;top:0;left:0;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out,top .3s ease-out;background:#0a0a0a;border-bottom:1px solid rgba(200,170,110,.15);-webkit-overflow-scrolling:touch;padding:0;z-index:999;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;align-items:stretch}.nav-bar.mobile-open{max-height:calc(100vh - 60px);overflow-y:auto;padding:10px 0}.nav-bar .nav-link{display:flex;width:100%;padding:12px 16px;font-size:.9em;min-height:44px;border-bottom:1px solid rgba(200,170,110,.1);border-left:none;border-right:none;white-space:normal}.nav-bar .nav-link:last-child{border-bottom:none}.nav-bar .nav-link-home{width:100%;justify-content:flex-start}.nav-actions{width:auto;border-left:none;border-top:none;justify-content:flex-end;padding:0 12px;flex-wrap:nowrap;gap:8px;order:2}.nav-action-btn{padding:10px 16px;font-size:.9em;min-height:44px}#league-selector-container{flex:1;min-width:150px}#league-selector-container .header-league-selector{min-width:120px;flex:1}.header-content{flex-direction:column;gap:15px}header h1{font-size:1.5em;width:100%}.header-page-buttons{width:100%;justify-content:center}.header-page-btn{flex:1;max-width:150px}.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}.overlay-content{width:calc(100% - 20px);max-width:calc(100% - 20px);padding:20px;margin:10px}.close-overlay-btn{min-width:44px;min-height:44px}.scarab-tooltip{max-width:calc(100vw - 40px)}}.temple-upgrade-list{padding:12px;width:100%}.temple-upgrade-header{margin-bottom:16px}.temple-upgrade-header h2{margin:0 0 8px;font-size:22px;color:#c8aa6e}.temple-upgrade-header p{margin:0;color:#a09070;font-size:.9em}.temple-upgrade-combinations{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.temple-upgrade-combination{display:flex;flex-direction:column;gap:8px;padding:10px;background:#0f0f0f;border-radius:6px;border:1px solid rgba(200,170,110,.1);box-shadow:0 2px 4px #0009}.upgrade-combination-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upgrade-components-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.upgrade-component{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s;flex-shrink:0;min-width:70px}.upgrade-component:hover{transform:scale(1.05)}.component-image{width:48px;height:48px;object-fit:contain;border-radius:3px;background:#0003}.component-name{font-size:11px;text-align:center;max-width:70px;word-wrap:break-word;color:#c8aa6e;font-weight:500;line-height:1.3}.component-price{font-size:10px;color:#a09070;text-align:center}.upgrade-operator{font-size:16px;font-weight:700;color:#a09070;flex-shrink:0}.profitability-status-inline{display:flex;align-items:center;flex-shrink:0}.profitability-status-inline .status-icon{font-size:16px;font-weight:700;color:#c8aa6e}.profitability-details-column{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0;padding-left:8px;border-left:1px solid rgba(200,170,110,.15)}.profit-detail{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.profit-label{font-size:11px;color:#a09070}.profit-value{font-size:13px;font-weight:500;color:#c8aa6e;font-family:Courier New,monospace}.temple-threshold-note{color:#a09070;font-size:.9em}@media (max-width: 768px){.temple-upgrade-combinations{grid-template-columns:1fr}.upgrade-components-row{flex-wrap:wrap;overflow-x:visible}}.welcome-page{max-width:1200px;margin:0 auto;padding:40px 20px;color:#c8aa6e}.welcome-header{text-align:center;margin-bottom:50px}.welcome-header h1{font-size:2.5em;color:#c8aa6e;margin-bottom:10px;font-weight:500}.welcome-subtitle{font-size:1.2em;color:#a09070;margin-top:10px}.welcome-content{display:flex;flex-direction:column;gap:40px}.welcome-section{background:#0f0f0f;border:1px solid rgba(200,170,110,.15);border-radius:4px;padding:30px}.welcome-section h2{color:#c8aa6e;font-size:1.5em;margin-bottom:20px;font-weight:500}.welcome-section p{color:#a09070;line-height:1.8;font-size:1em;margin-bottom:15px}.welcome-features{list-style:none;padding:0;margin:0}.welcome-features li{color:#a09070;line-height:1.8;margin-bottom:15px;padding-left:25px;position:relative}.welcome-features li:before{content:"•";color:#c8aa6e;font-weight:700;position:absolute;left:0}.welcome-features li strong{color:#c8aa6e;font-weight:500}.welcome-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width: 768px){.welcome-categories-grid{grid-template-columns:1fr;gap:15px}}margin-top: 20px; } .welcome-category-card{background:#0a0a0a;border:1px solid rgba(200,170,110,.2);border-radius:4px;padding:20px;transition:all .2s}.welcome-category-card:hover{border-color:#c8aa6e66;background:#0f0f0f;transform:translateY(-2px)}.welcome-category-card h3{color:#c8aa6e;font-size:1.2em;margin-bottom:10px;font-weight:500}.welcome-category-card p{color:#a09070;font-size:.9em;line-height:1.6;margin-bottom:15px}.welcome-category-link{display:inline-block;color:#c8aa6e;text-decoration:none;font-weight:500;transition:color .2s}.welcome-category-link:hover{color:#d4c4a0;text-decoration:underline}