@import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap');:root{--primary-color:#20b2aa;--background-dark:rgba(30,30,40,0.7);--background-darker:rgba(0,0,0,0.5);--border-color:rgba(80,80,100,0.5);--text-light:#e0e0e0;--text-dark:#181818;--card-bg:rgba(29,31,41,0.75);--header-color:#ffffff;--accent-color:#20d3c2;--error-color:#e74c3c;--btn-dark-bg:#1f212e;--btn-dark-hover-bg:#2a2d3e;--disabled-bg:#222;--disabled-color:#777;--gold-color:#f1b90c;--secondary-text-color:#a0a0b0;--osrs-gold:var(--gold-color,#f1b90c);--osrs-secondary-text:#a09078;--osrs-light-border:rgba(90,95,110,0.7);--osrs-dark-border:rgba(10,12,20,0.6);--osrs-panel-bg:#111218}body{background-color:#0A192F;color:var(--text-light);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;box-sizing:border-box}html,body{min-height:100vh}h1,h2,h3{color:var(--header-color);text-shadow:1px 1px 2px black;text-align:center;text-transform:uppercase;font-weight:600}h1{font-size:2em;margin-bottom:20px;color:var(--osrs-gold);text-shadow:none}h2{font-size:1.5em;color:var(--osrs-gold);text-shadow:none}h3{font-size:1.1em;margin-top:0;margin-bottom:15px;color:var(--osrs-gold);text-shadow:none}.hidden{display:none!important}.calculator-container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}#skill-selector-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 auto 30px auto;padding-bottom:20px;border-bottom:1px solid var(--border-color);max-width:1200px;width:95%}.skill-button{background:var(--btn-dark-bg);border:2px solid transparent;color:var(--text-color);height:50px;border-radius:0!important;cursor:pointer;font-size:0.7rem;transition:all 0.2s;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px}.skill-button:hover{background-color:var(--btn-dark-hover-bg);border-color:var(--osrs-gold)}.skill-button.active{transform:translateY(-2px);box-shadow:0 0 10px -2px var(--osrs-gold);border-color:var(--osrs-gold);background-color:var(--card-bg)}.skill-button img{width:32px;height:32px}.skill-button span{font-weight:500;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.card{background:var(--card-bg);border:2px solid var(--osrs-dark-border);border-top-color:var(--osrs-light-border);border-left-color:var(--osrs-light-border);border-radius:0!important;padding:25px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;margin-bottom:25px}#settings-card{margin-bottom:25px}.calculator-header{display:flex;align-items:center;justify-content:center;gap:15px}.calculator-header img{width:60px;height:60px}.calculator-header h2{margin:0}.settings-divider{height:1px;width:100%;background:var(--border-color);margin:20px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:flex-start}.settings-group{display:flex;flex-direction:column;gap:15px}.skill-input-group-wrapper{display:flex;justify-content:center;gap:20px}.skill-input-group{display:flex;flex-direction:column;align-items:center;gap:5px}.skill-input-group label{text-transform:uppercase;font-size:0.8em;color:var(--osrs-secondary-text)}input[type="number"]{background:var(--osrs-panel-bg);border:1px solid var(--border-color);color:var(--text-color);padding:8px;border-radius:0!important;width:80px;text-align:center;transition:border-color 0.2s;color-scheme:dark}input[type="number"]:disabled{background-color:var(--disabled-bg);color:var(--disabled-color);cursor:not-allowed}input.invalid{border-color:var(--error-color)}.path-helper-text{text-align:center;font-size:0.85em;line-height:1.5;color:var(--osrs-secondary-text);background:rgba(0,0,0,0.2);padding:10px;border-radius:0!important}.path-helper-text p{margin:0}.path-helper-text strong{color:var(--osrs-gold)}.mode-selector{display:flex;gap:10px;justify-content:center}.mode-btn{background:var(--btn-dark-bg);color:var(--text-color);border:1px solid var(--border-color);padding:12px 24px;border-radius:0!important;cursor:pointer;transition:all 0.2s;font-weight:bold;text-transform:uppercase;flex-grow:1}.mode-btn:hover{background-color:var(--btn-dark-hover-bg)}.mode-btn.active{background-color:var(--osrs-gold);border:2px solid #000;outline:2px solid var(--osrs-gold);color:#111}.calculator-container.fastest-mode-active #settings-card{max-width:750px;margin-left:auto;margin-right:auto;transition:max-width 0.3s ease-in-out}#results-area{position:relative;min-height:200px}.custom-builder-grid{display:flex;flex-direction:column;gap:0}.builder-panel{display:flex;flex-direction:column;height:auto;margin-bottom:0}#path-builder-view,#path-results-view{display:flex;flex-direction:column;flex-grow:1}.method-list{flex-grow:1;min-height:200px;background:var(--osrs-panel-bg);border-radius:0!important;padding:10px}.scrollable-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--btn-dark-bg)}@media (min-width:960px){.custom-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:flex-start}#available-methods-panel .scrollable-list{max-height:480px}}.method-item,.custom-path-item{background:var(--osrs-panel-bg);border:1px solid var(--border-color);border-radius:0!important;margin-bottom:10px;transition:all 0.2s ease-in-out}.method-item{display:flex;align-items:center;padding:12px;gap:15px;cursor:pointer}.custom-path-item{display:flex;flex-direction:column;padding:15px;gap:12px;position:relative;cursor:grab;border-left:4px solid var(--osrs-gold)}.method-item:hover:not(.disabled){border-color:var(--osrs-gold);background-color:var(--btn-dark-hover-bg);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.2)}.custom-path-item:grabbing{cursor:grabbing}.custom-path-item.invalid-item{border-color:var(--error-color)!important}.method-info{flex-grow:1;display:flex;flex-direction:column;gap:5px}.method-name,.method-title{font-weight:500;color:var(--osrs-gold);font-size:1.1em}.method-stats{display:flex;flex-direction:row;align-items:baseline;gap:10px;margin-top:5px}.method-level-range{font-size:0.85em;color:var(--osrs-secondary-text)}.method-gpxp{font-size:0.7em;font-weight:400;padding:1px 6px;border-radius:0!important;background-color:rgba(241,185,12,0.15);color:var(--osrs-gold);border:1px solid rgba(241,185,12,0.3)}.add-method-btn{background-color:transparent;border:none;color:var(--accent-color);border-radius:50%;width:32px;height:32px;cursor:pointer;flex-shrink:0;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:1.8em;line-height:1;transition:transform 0.2s,color 0.2s}.add-method-btn:hover{transform:scale(1.2)}.method-item.disabled{opacity:0.5;background:var(--osrs-panel-bg);cursor:not-allowed;pointer-events:none}.method-item.disabled .method-name{text-decoration:line-through}.method-item.fully-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none;background-color:var(--disabled-bg)}.method-item.highlight-suggestion{border:2px solid var(--osrs-gold);box-shadow:0 0 8px rgba(241,185,12,0.5);background-color:rgba(241,185,12,0.1)}.custom-path-item-header{display:flex;justify-content:space-between;align-items:center;width:100%}.remove-btn{background-color:transparent;border:none;color:var(--error-color);opacity:0.7;border-radius:50%;width:32px;height:32px;font-size:1.6em;font-weight:bold;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:color 0.2s,transform 0.2s,opacity 0.2s}.remove-btn:hover{color:var(--error-color);opacity:1.0;transform:scale(1.15)}.custom-level-editor{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:8px;background:var(--osrs-panel-bg);padding:10px;border:2px solid var(--osrs-dark-border);border-top-color:var(--osrs-light-border);border-left-color:var(--osrs-light-border);border-radius:0!important}.custom-level-editor label{justify-self:end;font-size:0.9em;color:var(--osrs-secondary-text);text-transform:uppercase}.custom-level-editor input[type="number"]{width:100%;padding:4px;background:#000;border:2px solid var(--osrs-dark-border);border-top-color:var(--osrs-light-border);border-left-color:var(--osrs-light-border);color:var(--osrs-gold)}.level-separator{color:var(--osrs-gold);font-weight:bold;font-size:1.2em;justify-self:center}.error-box-wrapper{width:100%;padding:0;margin:0 auto;text-align:center;transition:all 0.3s}.error-message{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;margin-bottom:10px;border-radius:0!important;background-color:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-left:5px solid var(--error-color);color:var(--header-color);font-weight:500}.error-message::before{content:'⚠️';font-size:1.2em;line-height:1}.error-message span{flex-grow:1}.error-message .autofix-btn{margin-left:auto;flex-shrink:0}.autofix-btn{background:rgba(255,255,255,0.1);border:1px solid var(--border-color);color:var(--header-color);padding:4px 10px;border-radius:0!important;cursor:pointer;transition:background-color 0.2s;font-size:0.9em;font-weight:500}.autofix-btn:hover{background:rgba(255,255,255,0.2);border-color:var(--text-color)}.gap-indicator{padding:15px;margin:6px 0;border:2px dashed var(--error-color);border-radius:0!important;background-color:rgba(231,76,60,0.1);text-align:center;color:var(--error-color);font-size:0.9em;transition:all 0.3s ease}.helper-text{font-size:0.9em;text-align:center;color:var(--osrs-secondary-text);margin-top:0;margin-bottom:15px}.card-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:auto;border-top:1px solid var(--border-color);padding-top:20px}.action-btn,.secondary-btn,.add-to-cart-btn,.destructive-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:0!important;cursor:pointer;transition:all 0.2s;font-weight:bold;text-transform:uppercase}.action-btn{background:var(--accent-color);color:#0a0a0a;border:none}.action-btn:hover{background-color:#1aabb8}.action-btn:disabled{background-color:var(--disabled-bg);color:var(--disabled-color);cursor:not-allowed;border:1px solid var(--border-color)}.secondary-btn{background:var(--btn-dark-bg);color:var(--text-color);border:1px solid var(--border-color)}.secondary-btn:hover{background-color:var(--btn-dark-hover-bg);border-color:var(--secondary-text-color)}.destructive-btn{background:var(--btn-dark-bg);color:var(--error-color);border:1px solid var(--error-color)}.destructive-btn:hover{background-color:rgba(231,76,60,0.1)}.add-to-cart-btn{background-color:var(--accent-color);color:#0a0a0a;border:none;font-size:0.9em;white-space:nowrap}.add-to-cart-btn:hover{background-color:#148f77}.add-to-cart-btn:disabled{opacity:0.7;cursor:wait;background-color:var(--disabled-bg);color:var(--disabled-color)}.result-item{display:grid;grid-template-columns:1fr auto;align-items:start;padding:10px 0;border-bottom:1px solid var(--border-color)}.result-item:last-child{border-bottom:none}.result-method-group{display:flex;flex-direction:column;align-items:flex-start}.result-method-name{font-weight:500;color:var(--header-color)}.result-method-levels{font-size:0.85em;color:var(--osrs-secondary-text);margin-top:2px}.result-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:0.95em}.result-cost,.result-xp{display:flex;align-items:center;gap:4px}.result-cost img,.result-xp img{width:18px;height:18px;vertical-align:middle}.result-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid var(--accent-color)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--osrs-panel-bg);padding:15px;border-radius:0!important}.summary-item span{text-transform:uppercase;font-size:0.8em;opacity:0.7}.summary-item strong{font-size:1.4em;color:var(--header-color)}#fastest-path-container .card{padding:15px;max-width:750px;margin:0 auto 25px auto}#fastest-path-container .path-steps-wrapper{border-left:none;padding-left:0}#fastest-path-container .path-step::before{display:none}#fastest-path-container .path-step{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:var(--osrs-panel-bg);border:1px solid var(--border-color);border-radius:0!important;padding:10px 15px;margin-bottom:8px}#fastest-path-container .path-step-method-group{flex-grow:1}#fastest-path-container .path-step-method{font-size:1.1em;color:var(--osrs-gold)}#fastest-path-container .path-step-levels{font-size:0.8em;margin-top:0;color:var(--osrs-secondary-text)}#fastest-path-container .path-step-details{display:flex;gap:15px;margin-top:0;padding:0;background-color:transparent;border-radius:0;justify-content:flex-end}#fastest-path-container .path-detail-item{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:100px}#fastest-path-container .path-detail-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}#fastest-path-container .path-detail-icon img{width:24px;height:24px;object-fit:contain}#fastest-path-container .path-detail-text{display:flex;flex-direction:column;align-items:flex-start}#fastest-path-container .path-detail-text span:first-child{font-size:0.7em;color:var(--osrs-secondary-text);text-transform:uppercase;white-space:nowrap}#fastest-path-container .path-detail-text span:last-child{font-size:1em;font-weight:500;color:var(--text-color);white-space:nowrap}#fastest-path-container .path-summary{border-top:1px solid var(--border-color);background-color:var(--osrs-panel-bg);padding:12px;border-radius:0!important;margin-top:15px;border:1px solid var(--border-color)}@media (max-width:959px){h1{font-size:1.5em}.card{padding:15px}.calculator-container{padding:0 10px}.settings-grid{grid-template-columns:1fr}.result-summary{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){#skill-selector-bar{grid-template-columns:1fr 1fr}body{padding:10px 5px}h1{font-size:1.3em;margin-bottom:15px}#skill-selector-bar{gap:5px;margin-bottom:20px;padding-bottom:15px;width:100%}.skill-button{height:40px;padding:0 8px;gap:5px}.skill-button img{width:24px;height:24px}.skill-button span{font-size:0.6rem}.card{padding:10px}.calculator-header img{width:35px;height:35px}.calculator-header h2{font-size:1.1em}.settings-divider{margin:10px 0}.settings-grid{gap:15px}h3{font-size:0.9em;margin-bottom:8px}.skill-input-group-wrapper{gap:8px;flex-direction:column;align-items:center}.skill-input-group{width:80%}.skill-input-group label{font-size:0.7em}input[type="number"]{width:70%;padding:6px;font-size:1em}.mode-btn{padding:8px 10px;font-size:0.75em}.path-helper-text{font-size:0.75em;padding:6px}.method-item{padding:6px;gap:8px;margin-bottom:6px}.method-name,.method-title{font-size:0.9em}.method-stats{gap:6px;margin-top:2px}.method-level-range{font-size:0.7em}.method-gpxp{font-size:0.55em;padding:1px 3px}.add-method-btn{width:24px;height:24px;font-size:1.3em}.custom-path-item{padding:8px;gap:6px;margin-bottom:6px;border-left-width:3px}.custom-path-item-header{font-size:0.9em}.remove-btn{width:24px;height:24px;font-size:1.2em}.custom-level-editor{gap:5px;padding:6px;grid-template-columns:auto 1fr}.custom-level-editor label:last-of-type{grid-column:1}.custom-level-editor input:last-of-type{grid-column:2}.level-separator{grid-column:1 / -1;transform:rotate(90deg);margin:5px 0;justify-self:center}.custom-level-editor label{font-size:0.75em}.custom-level-editor input[type="number"]{padding:3px}.error-message{padding:8px 10px;gap:6px;margin-bottom:6px;font-size:0.8em}.error-message::before{font-size:0.9em}.autofix-btn{padding:2px 6px;font-size:0.75em}.gap-indicator{padding:8px;margin:3px 0;font-size:0.75em}.helper-text{font-size:0.75em;margin-bottom:8px}.card-footer{padding-top:10px;gap:6px;flex-direction:column}.action-btn,.secondary-btn,.add-to-cart-btn,.destructive-btn{padding:8px 12px;font-size:0.75em;width:100%}#fastest-path-container .card{padding:8px}#fastest-path-container .path-step{padding:6px 8px;gap:6px;margin-bottom:5px;flex-direction:column;align-items:flex-start}#fastest-path-container .path-step-method{font-size:0.9em}#fastest-path-container .path-step-levels{font-size:0.65em}#fastest-path-container .path-step-details{width:100%;justify-content:space-between;gap:10px;margin-top:5px}#fastest-path-container .path-detail-item{gap:4px;min-width:auto}#fastest-path-container .path-detail-icon{width:18px;height:18px}#fastest-path-container .path-detail-icon img{width:18px;height:18px}#fastest-path-container .path-detail-text span:first-child{font-size:0.55em}#fastest-path-container .path-detail-text span:last-child{font-size:0.8em}#fastest-path-container .path-summary{padding:8px;gap:8px;margin-top:8px;font-size:0.8em;flex-direction:column;align-items:center}.summary-item strong{font-size:1.1em}#fastest-path-container .path-summary img{width:14px;height:14px}}@media (max-width:320px){body{padding:10px 2px}.card{padding:8px}h1{font-size:1.2em}#skill-selector-bar{gap:4px}.skill-button{height:36px;padding:0 5px;gap:4px}.skill-button span{font-size:0.55rem}.calculator-header img{width:30px;height:30px}.calculator-header h2{font-size:1em}.skill-input-group{width:90%}.mode-btn{padding:8px 10px}.method-stats{flex-direction:column;align-items:flex-start;gap:3px;margin-top:3px}.method-item{padding:6px}.custom-level-editor{gap:3px;padding:6px}.custom-level-editor label{font-size:0.7em}.action-btn,.secondary-btn,.add-to-cart-btn,.destructive-btn{padding:8px 10px;font-size:0.7em;gap:5px}.result-summary{gap:8px}.summary-item{padding:10px}.summary-item strong{font-size:1.1em}#fastest-path-container .path-step-details{gap:8px}#fastest-path-container .path-detail-text span:first-child{font-size:0.6em}#fastest-path-container .path-detail-text span:last-child{font-size:0.8em}}.loading-overlay{position:absolute;inset:0;background-color:rgba(10,25,47,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1050;opacity:1;transition:all 0.3s ease-in-out;border-radius:0!important;color:var(--osrs-gold);pointer-events:none;max-width:1200px;margin:0 auto}.loading-overlay.fastest-mode-loader{max-width:750px}.loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{border:5px solid rgba(255,255,255,0.2);border-top:5px solid var(--osrs-gold);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}