@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);body{background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:20px}.header{margin-bottom:30px;text-align:center}.header h1{color:#f39c12;font-size:2.5em;margin-bottom:10px}.loading{color:#bdc3c7;font-size:1.2em;margin:50px 0}.error,.loading{text-align:center}.error{background-color:#2c1810;border-radius:5px;color:#e74c3c;margin:20px 0;padding:15px}.item-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.item-card{background-color:#2c3e50;border-radius:10px;box-shadow:0 4px 6px #0000004d;padding:20px;transition:transform .2s}.item-card:hover{transform:translateY(-5px)}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.item-name{color:#ecf0f1;font-size:1.2em;font-weight:700}.profit-positive{color:#27ae60;font-weight:700}.profit-negative{color:#e74c3c;font-weight:700}.item-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.detail-item{background-color:#34495e;border-radius:5px;padding:10px;text-align:center}.detail-label{color:#95a5a6;font-size:.9em;margin-bottom:5px}.detail-value{color:#ecf0f1;font-size:1.1em;font-weight:700}.location{background-color:#3498db;border-radius:15px;color:#fff;display:inline-block;font-size:.9em;padding:5px 10px}.resources{margin-top:15px}.resources h4{color:#95a5a6;font-size:1em;margin-bottom:10px}.resource-list{display:flex;flex-wrap:wrap;gap:8px}.resource-item{background-color:#34495e;border-radius:5px;color:#ecf0f1;font-size:.9em;padding:5px 10px}.refresh-button{background-color:#3498db;border-radius:6px;font-size:1em;margin-bottom:20px;padding:12px 24px;transition:background-color .2s}.refresh-button:hover{background-color:#2980b9}.refresh-button:disabled{background-color:#7f8c8d}.region-switcher{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-right:20px;padding:8px 12px}.region-label{color:#495057;font-size:14px;font-weight:600;text-shadow:none;white-space:nowrap}.region-select{background:#fff;border:2px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#212529;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;outline:none;padding:8px 12px;transition:all .2s ease}.region-select:hover{box-shadow:0 2px 6px #4caf5033}.region-select:focus,.region-select:hover{border-color:#4caf50;transform:translateY(-1px)}.region-select:focus{box-shadow:0 0 0 3px #4caf504d}.region-select option{background:#fff;color:#212529;font-weight:500;padding:10px}@media (max-width:768px){.region-switcher{gap:8px;margin-right:15px;padding:6px 10px}.region-label{font-size:13px}.region-select{font-size:13px;min-width:100px;padding:6px 10px}}@media (max-width:480px){.region-switcher{margin-right:10px;padding:4px 8px}.region-label{display:none}.region-select{font-size:12px;min-width:85px;padding:5px 8px}}.region-switcher.dark-theme{background:linear-gradient(135deg,#343a40,#495057);border:1px solid #ffffff1a}.region-switcher.dark-theme .region-label{color:#f8f9fa}.region-switcher.dark-theme .region-select{background:#212529;border:2px solid #495057;color:#f8f9fa}.region-switcher.dark-theme .region-select:hover{border-color:#4caf50;box-shadow:0 2px 6px #4caf504d}.region-switcher.dark-theme .region-select:focus{box-shadow:0 0 0 3px #4caf5066}.region-switcher.dark-theme .region-select option{background:#212529;color:#f8f9fa}.cooking-page{padding:var(--space-6) 0}.cooking-header{margin-bottom:var(--space-8);text-align:center}.cooking-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.cooking-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.cooking-controls{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.cooking-refresh-btn{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-on-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all .3s ease}.cooking-refresh-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cooking-refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cooking-stats{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-8);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4)}.cooking-stat{text-align:center}.cooking-stat-value{color:var(--color-primary);display:block;font-size:var(--text-2xl);font-weight:700}.cooking-stat-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.cooking-table{background-color:var(--color-surface);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);overflow:hidden;width:100%}.cooking-table thead{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.cooking-table thead th{border-bottom:2px solid var(--color-primary-dark);color:var(--color-text-on-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;padding:var(--space-4) var(--space-3);text-align:left;text-transform:uppercase}.cooking-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background-color .2s ease}.cooking-table tbody tr:hover{background-color:var(--color-surface-elevated)}.cooking-table tbody tr:last-child{border-bottom:none}.cooking-table td{border-right:1px solid var(--color-border-subtle);padding:var(--space-3);vertical-align:middle}.cooking-table td:last-child{border-right:none}.cooking-item-cell{align-items:center;display:flex;gap:var(--space-3);min-width:200px}.cooking-item-image{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);height:40px;object-fit:cover;width:40px}.cooking-item-details{display:flex;flex-direction:column;gap:var(--space-1)}.cooking-item-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.3}.cooking-item-type{color:var(--color-text-tertiary);font-size:var(--text-xs);font-style:italic}.cooking-category-cell{min-width:80px;text-align:center}.cooking-category-badge{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);border-radius:var(--radius-full);color:var(--color-text-on-accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.cooking-city-cell{font-size:var(--text-sm);font-weight:600;min-width:100px;text-align:center}.cooking-specialized-note{font-size:var(--text-xs);margin-left:var(--space-1);opacity:.7}.cooking-price-cell{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:600;min-width:100px;text-align:right}.cooking-fees-cell{min-width:120px;text-align:center}.fee-breakdown{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.fee-premium,.fee-standard{border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.fee-premium{background-color:var(--color-success-light);color:var(--color-success-dark)}.fee-standard{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.fee-separator{color:var(--color-text-tertiary);font-weight:700}.cooking-profit-cell{font-family:var(--font-family-mono);font-weight:700;min-width:120px;text-align:right}.cooking-profit-positive{color:var(--color-success)}.cooking-profit-negative{color:var(--color-error)}.cooking-advantage-cell{min-width:100px;text-align:center}.premium-advantage{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.advantage-amount{color:var(--color-success);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:700}.advantage-label{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.cooking-rrr-cell{min-width:80px;text-align:center}.cooking-rrr-value{background-color:var(--color-info-light);border-radius:var(--radius-sm);color:var(--color-info);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.cooking-weekly-price-cell{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-weight:500;min-width:100px;text-align:right}.cooking-weekly-sales-cell{min-width:100px;text-align:center}.cooking-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.cooking-materials-cell{max-width:350px;min-width:300px}.cooking-materials-list{display:flex;flex-direction:column;gap:var(--space-2)}.cooking-material-item{align-items:center;background:linear-gradient(135deg,var(--color-surface-hover) 0,#ffffff1a 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3);transition:all .2s ease}.cooking-material-item:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cooking-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:28px;object-fit:cover;width:28px}.cooking-material-amount{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:700;min-width:30px}.cooking-material-price{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:500}.cooking-material-price.overridden{color:var(--color-success);font-weight:600}.cooking-material-city{background:linear-gradient(135deg,var(--color-secondary-light) 0,#f59e0b1a 100%);border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-xs);font-weight:600;margin-left:auto;padding:var(--space-1) var(--space-2);transition:all .2s ease}.cooking-material-city:hover{background:var(--color-secondary);color:var(--color-text-inverse);transform:scale(1.05)}.cooking-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}.info-section p{margin-bottom:var(--space-3)}.info-section ul{list-style:none;padding:0}.info-section li{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-1) 0}.info-section li:last-child{border-bottom:none}.info-section li:before{content:"🍳";margin-right:var(--space-2)}.cooking-error,.cooking-loading{padding:var(--space-8);text-align:center}.cooking-error p,.cooking-loading p{color:var(--color-text-secondary);font-size:var(--text-lg)}.cooking-error p{color:var(--color-error)}@media (max-width:768px){.cooking-page{padding:var(--space-4) 0}.cooking-title{font-size:var(--text-2xl)}.cooking-description{font-size:var(--text-base);padding:0 var(--space-4)}.cooking-stats{flex-direction:column;gap:var(--space-4);margin:0 var(--space-4) var(--space-6)}.cooking-table{font-size:var(--text-sm);margin:0 var(--space-2) var(--space-6)}.cooking-table td,.cooking-table th{padding:var(--space-2)}.cooking-item-cell{min-width:150px}.cooking-materials-cell{max-width:200px}.cooking-materials-list{gap:var(--space-1)}.cooking-material-item{padding:var(--space-1)}.cooking-info{grid-template-columns:1fr;margin:var(--space-6) var(--space-4) 0}.info-section{padding:var(--space-4)}}.cooking-material-item.price-overridden{background:linear-gradient(135deg,#28a7451a,#28a7450d);border-color:#28a745}.cooking-profit-cell.profit-recalculated{background:linear-gradient(135deg,#28a74514,#28a7450a);border-left:3px solid #28a745}.cooking-table tbody tr.has-overrides{background:#28a74505;border-left:3px solid #28a745}.cooking-table tbody tr.has-overrides:hover{background:#28a7450d}.profit-info{flex-direction:column}.override-indicator{border-radius:var(--radius-xs)}.ingredient-price-override{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0}.override-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.override-header:hover{background:#f8f9fa}.override-title{align-items:center;display:flex;gap:10px}.override-icon{font-size:18px}.override-title h3{color:#333;font-size:18px;margin:0}.override-stats{align-items:center;display:flex;gap:15px;margin-left:10px}.ingredient-count{background:#e9ecef;color:#666}.active-overrides,.ingredient-count{border-radius:4px;font-size:12px;padding:2px 8px}.active-overrides{background:#28a745;color:#fff;font-weight:700}.override-controls{align-items:center;display:flex;gap:10px}.reset-button{background:#dc3545;border-radius:4px;color:#fff;font-size:12px;padding:6px 12px;transition:background-color .2s}.reset-button:hover{background:#c82333}.expand-arrow{color:#666;font-size:12px;transition:transform .2s}.expand-arrow.expanded{transform:rotate(180deg)}.override-content{padding:20px}.override-description{margin-bottom:20px}.override-description p{color:#666;font-style:italic;margin:0}.ingredients-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.ingredient-override-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px;transition:all .2s}.ingredient-override-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.ingredient-override-item.has-override{background:#f8fff9;border-color:#28a745}.ingredient-info{align-items:center;display:flex;gap:10px;margin-bottom:12px}.ingredient-image{border:1px solid #e9ecef;border-radius:4px;height:32px;width:32px}.ingredient-details{flex:1 1}.ingredient-name{color:#333;display:block;font-size:14px;font-weight:500}.ingredient-meta{margin-top:2px}.usage-info{color:#666;font-size:11px}.price-info{gap:8px}.override-input{align-items:center;display:flex;gap:8px}.override-input label{color:#666;font-size:12px;font-weight:500;min-width:80px}.price-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:13px;padding:6px 8px;transition:border-color .2s}.price-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.price-input:not(:placeholder-shown){background:#f8fff9;border-color:#28a745}.clear-override{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;padding:4px 6px;transition:background-color .2s}.clear-override:hover{background:#c82333}@media (max-width:768px){.ingredients-grid{grid-template-columns:1fr}.override-header{padding:12px 15px}.override-title h3{font-size:16px}.override-stats{align-items:flex-start;margin-left:5px}.override-controls,.override-stats{flex-direction:column;gap:5px}.override-input{align-items:stretch;flex-direction:column}.override-input label{min-width:auto}}.profit-control-panel{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-6) 0;transition:all .3s ease}.profit-control-panel:hover{box-shadow:var(--shadow-md)}.panel-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);transition:background-color .3s ease}.panel-header,.panel-header:hover{background-color:var(--color-surface-elevated)}.panel-header:hover{background-color:var(--color-surface-elevated-hover,var(--color-surface-elevated))}.panel-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-lg);font-weight:600;gap:var(--space-2);margin:0}.panel-icon{font-size:var(--text-xl)}.panel-summary{align-items:center;display:flex;gap:var(--space-3)}.account-type,.focus-type{border:1px solid;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase;transition:all .3s ease}.account-type.premium{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.account-type.standard{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.focus-type.focus{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.focus-type.no-focus{background-color:var(--color-surface);border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.expand-icon{color:var(--color-text-secondary);font-size:var(--text-base);transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.panel-content{background-color:var(--color-surface-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-6)}.settings-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr;margin-bottom:var(--space-4)}@media (min-width:768px){.settings-grid{grid-template-columns:1fr 1fr}}.setting-group{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color .3s ease}.setting-group:hover{border-color:var(--color-primary)}.setting-label{align-items:center;align-items:flex-start;color:var(--color-text-primary);display:block;display:flex;flex-direction:column;font-size:var(--text-base);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-3)}.setting-icon{font-size:var(--text-lg)}.setting-description{color:var(--color-text-secondary);font-size:var(--text-sm);font-style:italic;font-weight:400;margin-top:var(--space-1)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-option{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all .3s ease}.radio-option:hover{background-color:var(--color-surface-elevated);border-color:var(--color-primary)}.radio-option input[type=radio]{display:none}.radio-custom{background-color:#fff;border:3px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;position:relative;transition:all .3s ease;width:20px}.radio-option:hover .radio-custom{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.radio-custom.premium{border-color:#28a745}.radio-custom.standard{border-color:#ffc107}.radio-custom.focus{border-color:#007bff}.radio-custom.no-focus{border-color:#6c757d}.radio-option input[type=radio]:checked+.radio-custom{border-width:6px;transform:scale(1.1)}.radio-option input[type=radio]:checked+.radio-custom.premium{background-color:#d4edda;border-color:#28a745}.radio-option input[type=radio]:checked+.radio-custom.standard{background-color:#fff3cd;border-color:#ffc107}.radio-option input[type=radio]:checked+.radio-custom.focus{background-color:#d1ecf1;border-color:#007bff}.radio-option input[type=radio]:checked+.radio-custom.no-focus{background-color:#e2e3e5;border-color:#6c757d}.radio-label{color:var(--color-text-primary);display:flex;flex-direction:column;font-size:var(--text-sm);font-weight:500;gap:var(--space-1)}.radio-label small{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:400}.impact-summary{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.impact-summary h4{color:var(--color-text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3) 0}.impact-details{display:flex;flex-direction:column;gap:var(--space-2)}.impact-item{align-items:center;display:flex;justify-content:space-between}.impact-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.impact-value{font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:600}.impact-value.positive{color:var(--color-success)}.impact-value.negative{color:var(--color-error)}.impact-value.neutral{color:var(--color-text-primary)}.impact-value small{color:var(--color-success);font-size:var(--text-xs);margin-left:var(--space-1)}.panel-actions{display:flex;gap:var(--space-3);justify-content:center}.reset-button{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-on-error);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all .3s ease}.reset-button:hover{background:linear-gradient(135deg,var(--color-error-dark) 0,var(--color-error) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}@media (max-width:768px){.panel-header{padding:var(--space-3) var(--space-4)}.panel-header h3{font-size:var(--text-base)}.panel-summary{align-items:flex-end;flex-direction:column;gap:var(--space-2)}.account-type,.focus-type{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.panel-content{padding:var(--space-4)}.impact-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}}.gross-price{font-weight:600}.market-fees{color:var(--color-text-secondary)}.net-price{color:var(--color-text-tertiary);font-weight:500}.cost-value{font-weight:600}.focus-savings{background-color:#007bff1a;border:1px solid #007bff33;border-radius:3px;color:#007bff;padding:2px 4px}.focus-not-applicable{background-color:#dc35451a;border:1px solid #dc354533;border-radius:3px;color:#dc3545;font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:2px 4px}.refining-material-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow:hidden;text-align:center}.refining-material-details{align-items:center}.refining-material-image-container{flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.refining-page{padding:var(--space-6) 0}.refining-header{margin-bottom:var(--space-8);text-align:center}.refining-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.refining-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.refining-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.refining-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.refining-table-header{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-6)}.refining-table-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-2) 0}.refining-table-title:before{content:"⚒️";font-size:var(--text-2xl)}.refining-table-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.refining-table{background-color:var(--color-surface);border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed;width:100%}.refining-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);box-sizing:border-box!important;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-4) var(--space-3)!important;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.refining-table td:first-child,.refining-table td:nth-child(2),.refining-table th:first-child,.refining-table th:nth-child(2){min-width:220px;width:220px}.refining-table td:nth-child(3),.refining-table th:nth-child(3){min-width:100px}.refining-table td:nth-child(4),.refining-table td:nth-child(5),.refining-table th:nth-child(4),.refining-table th:nth-child(5){min-width:120px}.refining-table td:nth-child(6),.refining-table td:nth-child(7),.refining-table th:nth-child(6),.refining-table th:nth-child(7){min-width:110px}.refining-table td:nth-child(8),.refining-table td:nth-child(9),.refining-table th:nth-child(8),.refining-table th:nth-child(9){min-width:130px}.refining-table td:nth-child(10),.refining-table th:nth-child(10){min-width:120px}.refining-table td:nth-child(11),.refining-table th:nth-child(11){min-width:110px}.refining-table td{border-bottom:1px solid var(--color-border);box-sizing:border-box!important;display:table-cell!important;padding:var(--space-4) var(--space-3)!important;vertical-align:top}.refining-table tbody tr{transition:all .2s ease}.refining-table tbody tr:hover{background-color:var(--color-surface-hover);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.refining-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.refining-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.refining-item-cell{box-sizing:border-box!important;display:table-cell!important;min-width:220px;overflow:visible!important;padding:var(--space-4) var(--space-3)!important;vertical-align:middle!important;white-space:normal!important;width:220px}.refining-item-cell>div{align-items:center;display:flex;gap:var(--space-2)}.refining-item-image{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:32px;object-fit:cover;transition:transform .2s ease;width:32px}.refining-item-image:hover{transform:scale(1.1)}.refining-item-details{flex:1 1;min-width:0;overflow:visible}.refining-item-name{color:var(--color-text-primary);font-weight:600;line-height:1.3;margin-bottom:1px}.refining-item-name,.refining-item-type{word-wrap:break-word;display:block;font-size:var(--text-xs);overflow:visible;overflow-wrap:break-word;white-space:normal}.refining-item-type,.refining-material-name-old{color:var(--color-text-tertiary);font-weight:400}.refining-material-name-old{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-xs);line-height:1.2;margin-top:2px;max-width:120px;overflow:hidden}.refining-materials-cell{padding:var(--space-2);vertical-align:top}.refining-materials-list{display:flex;flex-direction:column;gap:var(--space-2);min-width:200px}.refining-material-item{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-1)}.refining-material-image-container{align-items:center;display:flex;flex:1 1;gap:var(--space-2)}.refining-material-image{background:var(--color-bg-primary);object-fit:cover}.refining-cost-icon,.refining-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:32px;width:32px}.refining-cost-icon{align-items:center;background:var(--color-bg-tertiary);display:flex;font-size:16px;justify-content:center}.refining-material-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.refining-material-name{word-wrap:break-word;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;line-height:1.2;overflow:visible;overflow-wrap:break-word;white-space:normal}.refining-material-amount{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500}.refining-material-price{color:var(--color-success);font-size:var(--text-xs);font-weight:500}.refining-material-city{color:var(--color-primary);font-size:var(--text-xs);font-weight:500}.tier-upgrade-icon{font-size:var(--text-xs);margin-left:var(--space-1);vertical-align:middle}.input-city-info{display:block;margin-top:2px}.refining-category-cell{text-align:center}.refining-category-badge{border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.refining-city-cell{font-weight:600;text-align:center}.refining-specialized-badge{animation:sparkle 1.5s ease-in-out infinite;color:#e74c3c;display:inline-block;font-size:var(--text-sm);font-weight:700;margin-left:var(--space-1)}.refining-tier-cell{min-width:80px;text-align:center}.refining-tier-badge{background:linear-gradient(135deg,var(--color-text-secondary) 0,var(--color-text-tertiary) 100%);border:2px solid var(--color-border);border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:var(--text-sm);font-weight:700;padding:var(--space-2) var(--space-3);transition:all .2s ease}.refining-tier-badge:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.refining-price-cell{color:var(--color-text-primary);font-weight:600}.refining-price-cell,.refining-profit-cell{font-family:var(--font-family-mono);text-align:right}.refining-profit-cell{font-weight:700}.refining-profit-positive{color:var(--color-success)}.refining-profit-negative{color:var(--color-error)}.refining-profit-margin{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400;margin-top:var(--space-1);opacity:.8}.refining-rrr-cell{text-align:center}.refining-rrr-comparison{display:flex;flex-direction:column;gap:var(--space-1)}.refining-rrr-without-focus{background-color:#6b72801a;color:var(--color-text-secondary)}.refining-rrr-with-focus,.refining-rrr-without-focus{border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.refining-rrr-with-focus{background-color:var(--color-primary-light);color:var(--color-primary)}.refining-weekly-sales-cell{text-align:center}.refining-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.refining-city-lymhurst{color:#2ecc71;font-weight:700}.refining-city-fort-sterling{color:#95a5a6;font-weight:700}.refining-city-martlock{color:#3498db;font-weight:700}.refining-city-bridgewatch{color:#f39c12;font-weight:700}.refining-city-thetford{color:#9b59b6;font-weight:700}.refining-city-brecilien{color:#e74c3c;font-weight:700}.refining-material-cloth{background:linear-gradient(135deg,#e74c3c,#c0392b)}.refining-material-leather{background:linear-gradient(135deg,#d35400,sienna)}.refining-material-wood{background:linear-gradient(135deg,#27ae60,#229954)}.refining-material-fiber{background:linear-gradient(135deg,#8e44ad,#7d3c98)}.refining-material-stone{background:linear-gradient(135deg,#34495e,#2c3e50)}.refining-material-ore{background:linear-gradient(135deg,#f39c12,#e67e22)}.refining-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--text-lg);gap:var(--space-4);justify-content:center}.refining-empty,.refining-loading{color:var(--color-text-secondary);padding:var(--space-12)}.refining-empty{text-align:center}.refining-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.refining-empty-description{font-size:var(--text-base);margin-bottom:var(--space-6)}.refining-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}@media (max-width:1500px){.table-wrapper{overflow-x:auto}.refining-table{min-width:1400px;table-layout:auto}.refining-table td:first-child,.refining-table td:nth-child(2),.refining-table th:first-child,.refining-table th:nth-child(2){min-width:240px;width:auto}}@media (max-width:768px){.refining-title{font-size:var(--text-2xl)}.refining-description{font-size:var(--text-base)}.refining-controls{align-items:center;flex-direction:column}.refining-table-header{padding:var(--space-4)}.refining-table td,.refining-table th{padding:var(--space-2)}.refining-rrr-comparison{flex-direction:row;gap:var(--space-2)}.refining-info{grid-template-columns:1fr}}@media (max-width:480px){.refining-page{padding:var(--space-4) 0}.refining-table{font-size:var(--text-xs)}.refining-item-image{height:28px;width:28px}.refining-tier-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.info-section{padding:var(--space-4)}}.refining-process-type-cell{min-width:120px;text-align:center;vertical-align:middle}.refining-process-type{align-items:center;display:flex;justify-content:center}.transmutation-badge{background-color:#9b59b6!important;box-shadow:0 2px 4px #9b59b64d!important}.refining-badge,.transmutation-badge{align-items:center!important;border-radius:6px!important;color:#fff!important;display:inline-flex!important;font-size:11px!important;font-weight:700!important;gap:4px!important;letter-spacing:.5px!important;padding:4px 8px!important;text-transform:uppercase!important;white-space:nowrap!important}.refining-badge{background-color:#27ae60!important;box-shadow:0 2px 4px #27ae604d!important}.transmutation-icon{color:#9b59b6!important;font-weight:700!important;margin-left:4px!important}.transmutation-badge:hover{background-color:#8e44ad!important;box-shadow:0 4px 8px #9b59b666!important}.refining-badge:hover,.transmutation-badge:hover{transform:translateY(-1px);transition:all .2s ease}.refining-badge:hover{background-color:#229954!important;box-shadow:0 4px 8px #27ae6066!important}.process-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.filter-btn{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:translateY(-1px)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:#fff}.filter-btn.active:hover{background-color:var(--color-primary-dark);color:#fff}@media (max-width:768px){.process-filter-buttons{align-items:center;flex-direction:column}.filter-btn{justify-content:center;max-width:300px;width:100%}}.blacksmith-material-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow:hidden;overflow-wrap:break-word;text-align:center}.blacksmith-material-details{align-items:center;display:flex;flex-direction:column;min-width:0}.blacksmith-material-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.blacksmith-page{padding:var(--space-6) 0}.blacksmith-header{margin-bottom:var(--space-8);text-align:center}.blacksmith-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.blacksmith-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.blacksmith-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.blacksmith-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.blacksmith-table-header{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-6)}.blacksmith-table-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-2) 0}.blacksmith-table-title:before{content:"⚒️";font-size:var(--text-2xl)}.blacksmith-table-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.blacksmith-table{background-color:var(--color-surface);border-collapse:collapse;font-size:var(--text-sm);width:100%}.blacksmith-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-4) var(--space-3);position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.blacksmith-table td{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-3);vertical-align:top}.blacksmith-table tbody tr{transition:all .2s ease}.blacksmith-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.blacksmith-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.blacksmith-table tbody tr:hover{background-color:#3b82f61a;background-color:var(--color-primary-light,#3b82f61a);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px);transition:all .2s ease}.blacksmith-item-cell{align-items:center;display:flex;gap:var(--space-3);min-width:220px}.blacksmith-item-image{border:2px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.blacksmith-item-image:hover{transform:scale(1.1)}.blacksmith-item-details{flex:1 1;min-width:0}.blacksmith-item-name{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:600;line-height:1.4;margin-bottom:var(--space-1)}.blacksmith-item-type{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);font-weight:400}.blacksmith-category-cell{min-width:120px}.blacksmith-category-badge{background:linear-gradient(135deg,var(--color-secondary-light) 0,#f59e0b1a 100%);border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:var(--color-secondary);display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.blacksmith-city-cell{font-weight:600;min-width:120px;text-align:center}.blacksmith-specialized-badge{animation:sparkle 1.5s ease-in-out infinite;color:var(--color-secondary);display:inline-block;font-size:var(--text-sm);font-weight:700;margin-left:var(--space-1)}.blacksmith-price-cell{color:var(--color-text-primary);font-weight:600;min-width:100px}.blacksmith-price-cell,.blacksmith-profit-cell{font-family:var(--font-family-mono);text-align:right}.blacksmith-profit-cell{font-weight:700;min-width:120px}.blacksmith-profit-positive{color:var(--color-success)}.blacksmith-profit-negative{color:var(--color-error)}.blacksmith-rrr-cell{min-width:80px;text-align:center}.blacksmith-rrr-value{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.blacksmith-weekly-sales-cell{min-width:100px;text-align:center}.blacksmith-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.blacksmith-materials-cell{max-width:350px;min-width:300px}.blacksmith-materials-list{display:flex;flex-direction:column;gap:var(--space-2)}.blacksmith-material-item{align-items:center;background:linear-gradient(135deg,var(--color-surface-hover) 0,#ffffff1a 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3);transition:all .2s ease}.blacksmith-material-item:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.blacksmith-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:28px;object-fit:cover;width:28px}.blacksmith-material-amount{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:700;min-width:30px}.blacksmith-material-price{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:500}.blacksmith-material-city{background:linear-gradient(135deg,var(--color-secondary-light) 0,#f59e0b1a 100%);border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-xs);font-weight:600;margin-left:auto;padding:var(--space-1) var(--space-2);transition:all .2s ease}.blacksmith-material-city:hover{background:var(--color-secondary);color:var(--color-text-inverse);transform:scale(1.05)}.blacksmith-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--text-lg);gap:var(--space-4);justify-content:center}.blacksmith-empty,.blacksmith-loading{color:var(--color-text-secondary);padding:var(--space-12)}.blacksmith-empty{text-align:center}.blacksmith-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.blacksmith-empty-description{font-size:var(--text-base);margin-bottom:var(--space-6)}.blacksmith-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}@media (max-width:1024px){.blacksmith-materials-cell{max-width:280px;min-width:250px}.blacksmith-material-item{padding:var(--space-2)}.blacksmith-item-cell{min-width:180px}}@media (max-width:768px){.blacksmith-title{font-size:var(--text-2xl)}.blacksmith-description{font-size:var(--text-base)}.blacksmith-controls{align-items:center;flex-direction:column}.blacksmith-table-header{padding:var(--space-4)}.blacksmith-table td,.blacksmith-table th{padding:var(--space-2)}.blacksmith-materials-cell{max-width:200px;min-width:180px}.blacksmith-material-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.blacksmith-material-city{align-self:flex-end;margin-left:0}.blacksmith-info{grid-template-columns:1fr}}@media (max-width:480px){.blacksmith-page{padding:var(--space-4) 0}.blacksmith-table{font-size:var(--text-xs)}.blacksmith-item-image{height:32px;width:32px}.blacksmith-material-image{height:24px;width:24px}.info-section{padding:var(--space-4)}}.hunter-material-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow:hidden;overflow-wrap:break-word;text-align:center}.hunter-material-details{align-items:center;display:flex;flex-direction:column;min-width:0}.hunter-material-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.hunter-page{padding:var(--space-6) 0}.hunter-header{margin-bottom:var(--space-8);text-align:center}.hunter-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.hunter-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.hunter-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.hunter-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.hunter-table-header{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-6)}.hunter-table-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-2) 0}.hunter-table-title:before{content:"🏹";font-size:var(--text-2xl)}.hunter-table-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.hunter-table{background-color:var(--color-surface);border-collapse:collapse;font-size:var(--text-sm);width:100%}.hunter-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.hunter-table td,.hunter-table th{padding:var(--space-4) var(--space-3)}.hunter-table td{border-bottom:1px solid var(--color-border);vertical-align:top}.hunter-table tbody tr{transition:all .2s ease}.hunter-table tbody tr:hover{background-color:var(--color-surface-hover);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.hunter-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.hunter-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.hunter-item-cell{align-items:center;display:flex;gap:var(--space-3);min-width:220px}.hunter-item-image{border:2px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.hunter-item-image:hover{transform:scale(1.1)}.hunter-item-details{flex:1 1;min-width:0}.hunter-item-name{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:600;line-height:1.4;margin-bottom:var(--space-1)}.hunter-item-type{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);font-weight:400}.hunter-category-cell{min-width:120px}.hunter-category-badge{background:linear-gradient(135deg,#27ae60,#27ae601a);border:1px solid #27ae6033;border-radius:var(--radius-sm);color:#27ae60;display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.hunter-city-cell{font-weight:600;min-width:120px;text-align:center}.hunter-specialized-badge{animation:sparkle 1.5s ease-in-out infinite;color:#27ae60;display:inline-block;font-size:var(--text-sm);font-weight:700;margin-left:var(--space-1)}.hunter-price-cell{color:var(--color-text-primary);font-weight:600;min-width:100px}.hunter-price-cell,.hunter-profit-cell{font-family:var(--font-family-mono);text-align:right}.hunter-profit-cell{font-weight:700;min-width:120px}.hunter-profit-positive{color:var(--color-success)}.hunter-profit-negative{color:var(--color-error)}.hunter-rrr-cell{min-width:80px;text-align:center}.hunter-rrr-value{background-color:#27ae601a;border-radius:var(--radius-sm);color:#27ae60;font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.hunter-weekly-sales-cell{min-width:100px;text-align:center}.hunter-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.hunter-materials-cell{max-width:350px;min-width:300px}.hunter-materials-list{display:flex;flex-direction:column;gap:var(--space-2)}.hunter-material-item{align-items:center;background:linear-gradient(135deg,var(--color-surface-hover) 0,#ffffff1a 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3);transition:all .2s ease}.hunter-material-item:hover{border-color:#27ae60;box-shadow:var(--shadow-md);transform:translateY(-1px)}.hunter-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:28px;object-fit:cover;width:28px}.hunter-material-amount{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:700;min-width:30px}.hunter-material-price{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:500}.hunter-material-city{background:linear-gradient(135deg,#27ae601a,#27ae600d);border:1px solid #27ae6033;border-radius:var(--radius-sm);color:#27ae60;font-size:var(--text-xs);font-weight:600;margin-left:auto;padding:var(--space-1) var(--space-2);transition:all .2s ease}.hunter-material-city:hover{background:#27ae60;color:var(--color-text-inverse);transform:scale(1.05)}.no-materials{padding:var(--space-2)}.hunter-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--text-lg);gap:var(--space-4);justify-content:center}.hunter-empty,.hunter-loading{color:var(--color-text-secondary);padding:var(--space-12)}.hunter-empty{text-align:center}.hunter-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.hunter-empty-description{font-size:var(--text-base);margin-bottom:var(--space-6)}.hunter-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}@media (max-width:1024px){.hunter-materials-cell{max-width:280px;min-width:250px}.hunter-material-item{padding:var(--space-2)}.hunter-item-cell{min-width:180px}}@media (max-width:768px){.hunter-title{font-size:var(--text-2xl)}.hunter-description{font-size:var(--text-base)}.hunter-controls{align-items:center;flex-direction:column}.hunter-table-header{padding:var(--space-4)}.hunter-table td,.hunter-table th{padding:var(--space-2)}.hunter-materials-cell{max-width:200px;min-width:180px}.hunter-material-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.hunter-material-city{align-self:flex-end;margin-left:0}.hunter-info{grid-template-columns:1fr}}@media (max-width:480px){.hunter-page{padding:var(--space-4) 0}.hunter-table{font-size:var(--text-xs)}.hunter-item-image{height:32px;width:32px}.hunter-material-image{height:24px;width:24px}.info-section{padding:var(--space-4)}}.mage-guide-cards{margin:var(--space-6) auto}.mage-material-name{word-wrap:break-word;color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow-wrap:break-word;text-align:center;white-space:normal}.mage-material-details{align-items:center;display:flex;flex-direction:column;min-width:0}.mage-material-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.mage-page{padding:var(--space-6) 0}.mage-header{margin-bottom:var(--space-8);text-align:center}.mage-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.mage-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.mage-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.mage-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.mage-table-header{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-6)}.mage-table-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-2) 0}.mage-table-title:before{content:"🧙";font-size:var(--text-2xl)}.mage-table-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.mage-table{background-color:var(--color-surface);border-collapse:collapse;font-size:var(--text-sm);table-layout:auto;width:100%}.mage-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-4) var(--space-3);position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.mage-table td:first-child,.mage-table th:first-child{min-width:180px}.mage-table td:nth-child(2),.mage-table td:nth-child(3),.mage-table td:nth-child(4),.mage-table th:nth-child(2),.mage-table th:nth-child(3),.mage-table th:nth-child(4){min-width:120px}.mage-table td:nth-child(5),.mage-table td:nth-child(6),.mage-table th:nth-child(5),.mage-table th:nth-child(6){min-width:110px}.mage-table td:nth-child(7),.mage-table th:nth-child(7){min-width:130px}.mage-table td:nth-child(8),.mage-table th:nth-child(8){min-width:120px}.mage-table td:nth-child(9),.mage-table th:nth-child(9){min-width:100px}.mage-table td:nth-child(10),.mage-table th:nth-child(10){min-width:110px}.mage-table td:nth-child(11),.mage-table th:nth-child(11){min-width:300px}.mage-table td{border-bottom:1px solid var(--color-border);overflow:hidden;padding:var(--space-4) var(--space-3);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.mage-table tbody tr{transition:all .2s ease}.mage-table tbody tr:hover{background-color:#3b82f61a;background-color:var(--color-primary-light,#3b82f61a);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px);transition:all .2s ease}.mage-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.mage-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.mage-item-cell{align-items:center;display:flex;gap:var(--space-3);min-width:220px;white-space:normal}.mage-item-image{border:2px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.mage-item-image:hover{transform:scale(1.1)}.mage-item-details{flex:1 1;min-width:0}.mage-item-name{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:600;line-height:1.3;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mage-item-type{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);font-weight:400}.mage-category-cell{text-align:center}.mage-category-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.mage-city-cell{font-weight:600;text-align:center}.mage-specialized-badge{animation:sparkle 1.5s ease-in-out infinite;color:#e74c3c;display:inline-block;font-size:var(--text-sm);font-weight:700;margin-left:var(--space-1)}.mage-price-cell{color:var(--color-text-primary);font-weight:600}.mage-price-cell,.mage-profit-cell{font-family:var(--font-family-mono);text-align:right}.mage-profit-cell{font-weight:700}.mage-profit-positive{color:var(--color-success)}.mage-profit-negative{color:var(--color-error)}.mage-rrr-cell{text-align:center}.mage-rrr-value{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.mage-weekly-sales-cell{text-align:center}.mage-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.mage-materials-cell{max-width:350px;min-width:300px;white-space:normal}.mage-materials-list{display:flex;flex-direction:column;gap:var(--space-2)}.mage-material-item{align-items:center;background:linear-gradient(135deg,var(--color-surface-hover) 0,#ffffff1a 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3);transition:all .2s ease}.mage-material-item:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mage-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:28px;object-fit:cover;width:28px}.mage-material-amount{color:var(--color-text-primary);font-weight:600}.mage-material-price{color:var(--color-primary);font-family:var(--font-family-mono);font-weight:600}.mage-material-city{background:linear-gradient(135deg,var(--color-secondary-light) 0,#f59e0b1a 100%);border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-xs);font-weight:600;margin-left:auto;padding:var(--space-1) var(--space-2);transition:all .2s ease}.mage-material-city:hover{background:var(--color-secondary);color:var(--color-text-inverse);transform:scale(1.05)}.mage-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--text-lg);gap:var(--space-4);justify-content:center}.mage-empty,.mage-loading{color:var(--color-text-secondary);padding:var(--space-12)}.mage-empty{text-align:center}.mage-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.mage-empty-description{font-size:var(--text-base);margin-bottom:var(--space-6)}.mage-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}.loss-warning{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border:1px solid #e74c3c33;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.loss-warning p{color:#c0392b;font-size:var(--text-sm);font-weight:600}@media (max-width:1400px){.table-wrapper{overflow-x:auto}.mage-table{min-width:1200px}}@media (max-width:1024px){.mage-materials-cell{max-width:280px;min-width:250px}.mage-material-item{padding:var(--space-2)}.mage-item-cell{min-width:180px}}@media (max-width:768px){.mage-title{font-size:var(--text-2xl)}.mage-description{font-size:var(--text-base)}.mage-controls{align-items:center;flex-direction:column}.mage-table-header{padding:var(--space-4)}.mage-table td,.mage-table th{padding:var(--space-2)}.mage-materials-list{align-items:flex-start;flex-direction:column}.mage-materials-cell{max-width:200px;min-width:180px}.mage-material-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.mage-material-city{align-self:flex-end;margin-left:0}.mage-info{grid-template-columns:1fr}}@media (max-width:480px){.mage-page{padding:var(--space-4) 0}.mage-table{font-size:var(--text-xs)}.mage-item-image{height:28px;width:28px}.mage-material-image{height:24px;width:24px}.info-section{padding:var(--space-4)}}.toolmaker-material-name{word-wrap:break-word;color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow-wrap:break-word;text-align:center;white-space:normal}.toolmaker-material-details{align-items:center;display:flex;flex-direction:column;min-width:0}.toolmaker-material-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.toolmaker-page{padding:var(--space-6) 0}.toolmaker-header{margin-bottom:var(--space-8);text-align:center}.toolmaker-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.toolmaker-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.toolmaker-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.toolmaker-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.toolmaker-table-header{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-6)}.toolmaker-table-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-2) 0}.toolmaker-table-title:before{content:"🔧";font-size:var(--text-2xl)}.toolmaker-table-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.toolmaker-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.toolmaker-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-4) var(--space-3);position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.toolmaker-table td{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-3);vertical-align:top}.toolmaker-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.toolmaker-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.toolmaker-table tbody tr{transition:all .2s ease}.toolmaker-table tbody tr:hover{background-color:#3b82f61a;background-color:var(--color-primary-light,#3b82f61a);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px);transition:all .2s ease}.toolmaker-item-cell{min-width:220px;white-space:normal}.toolmaker-item-cell,.toolmaker-item-cell>div{align-items:center;display:flex;gap:var(--space-3)}.toolmaker-item-image{border:2px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.toolmaker-item-image:hover{transform:scale(1.1)}.toolmaker-item-details{flex:1 1;min-width:0}.toolmaker-item-name{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:600;line-height:1.4;margin-bottom:var(--space-1)}.toolmaker-item-type{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);font-weight:400}.toolmaker-category-cell{min-width:120px;text-align:center}.toolmaker-category-badge{border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);text-align:center;white-space:nowrap}.toolmaker-enchantment-cell{min-width:100px;text-align:center}.enchantment-badge{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.no-enchantment{color:var(--color-text-tertiary);font-size:var(--text-xs);font-style:italic}.toolmaker-city-cell{font-weight:500;min-width:120px}.toolmaker-specialized-badge{font-size:var(--text-xs);margin-left:var(--space-1)}.toolmaker-price-cell{color:var(--color-text-primary);font-family:var(--font-family-mono);font-weight:600;text-align:right}.sell-price-details,.total-cost-details{display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--space-1)}.cost-value,.gross-price{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:700}.market-fees{font-weight:500}.focus-savings,.market-fees,.net-price{font-family:var(--font-family-mono)}.focus-savings{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-1)}.toolmaker-profit-cell{font-family:var(--font-family-mono);font-weight:700;text-align:right}.toolmaker-profit-positive{color:var(--color-success)}.toolmaker-profit-negative{color:var(--color-error)}.profit-margin{opacity:.8}.profit-info{align-items:center;display:flex;gap:var(--space-1);opacity:.8}.override-indicator{background-color:var(--color-success-light);border-radius:var(--radius-sm);color:var(--color-success);font-size:var(--text-xs);font-weight:600;padding:1px 4px}.toolmaker-profit-margin-cell{font-family:monospace;font-weight:500;min-width:80px;text-align:right}.toolmaker-rrr-cell{text-align:center}.toolmaker-rrr-value{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.toolmaker-weekly-sales-cell{text-align:center}.toolmaker-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.toolmaker-materials-cell{max-width:350px;min-width:300px;white-space:normal}.toolmaker-materials-list{display:flex;flex-direction:column;gap:var(--space-2)}.toolmaker-material-item{align-items:center;background:linear-gradient(135deg,var(--color-surface-hover) 0,#ffffff1a 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3);transition:all .2s ease}.toolmaker-material-item:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.toolmaker-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:28px;object-fit:cover;width:28px}.toolmaker-material-amount{color:var(--color-text-primary);font-weight:600}.toolmaker-material-price{color:var(--color-primary);font-family:var(--font-family-mono);font-weight:600}.toolmaker-material-city{background:linear-gradient(135deg,var(--color-secondary-light) 0,#f59e0b1a 100%);border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-xs);font-weight:600;margin-left:auto;padding:var(--space-1) var(--space-2);transition:all .2s ease}.toolmaker-material-city:hover{background:var(--color-secondary);color:var(--color-text-inverse);transform:scale(1.05)}.toolmaker-empty{color:var(--color-text-secondary);padding:var(--space-12) var(--space-6);text-align:center}.toolmaker-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.toolmaker-empty-description{font-size:var(--text-base);line-height:1.6;margin:0 auto;max-width:400px}.toolmaker-loading{color:var(--color-text-secondary);padding:var(--space-12) var(--space-6);text-align:center}.loading-spinner{border-top:4px solid var(--color-border)}.toolmaker-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-12)}.info-section h3{gap:var(--space-2)}.loss-warning{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:var(--radius-lg);color:#fff;font-weight:500;margin-bottom:var(--space-6);padding:var(--space-4);text-align:center}.loss-warning p{margin:0}@media (max-width:768px){.toolmaker-page{padding:var(--space-4) 0}.toolmaker-header{margin-bottom:var(--space-6)}.toolmaker-title{font-size:var(--text-2xl)}.toolmaker-description{font-size:var(--text-base)}.toolmaker-controls{align-items:center;flex-direction:column}.toolmaker-table{font-size:var(--text-xs)}.toolmaker-table td,.toolmaker-table th{padding:var(--space-2) var(--space-3)}.toolmaker-item-image{height:32px;width:32px}.toolmaker-info{grid-template-columns:1fr;margin-top:var(--space-8)}.info-section{padding:var(--space-4)}}.alchemy-material-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow:hidden;overflow-wrap:break-word;text-align:center}.alchemy-material-details{align-items:center;display:flex;flex-direction:column;min-width:0}.alchemy-material-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.override-indicator{color:#28a745;font-size:10px;margin-left:4px}.alchemy-page{padding:var(--space-6) 0}.alchemy-header{margin-bottom:var(--space-8);text-align:center}.alchemy-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.alchemy-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.alchemy-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.alchemy-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.alchemy-table-header{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-6)}.alchemy-table-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-2)}.alchemy-table-title:before{content:"🧪";font-size:var(--text-2xl)}.alchemy-table-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;opacity:.9}.alchemy-table{background-color:var(--color-surface);border-collapse:collapse;font-size:var(--text-sm);table-layout:auto;width:100%}.alchemy-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;position:sticky;text-align:left;top:0;z-index:10}.alchemy-table td,.alchemy-table th{padding:var(--space-4) var(--space-3);white-space:nowrap}.alchemy-table td{border-bottom:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;vertical-align:top}.alchemy-table tbody tr{transition:all .2s ease}.alchemy-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.alchemy-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.alchemy-table tbody tr:hover{background-color:#9b59b61a;background-color:var(--color-primary-light,#9b59b61a);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px);transition:all .2s ease}.alchemy-item-cell{align-items:center;display:flex;gap:var(--space-3);white-space:normal}.alchemy-item-image{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.alchemy-item-image:hover{transform:scale(1.1)}.alchemy-item-details{flex:1 1;min-width:0}.alchemy-item-name{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:600;line-height:1.3;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alchemy-item-type{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);font-weight:400}.enchantment-level{color:#f39c12;font-weight:700}.alchemy-category-cell{text-align:center}.alchemy-category-badge{border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.alchemy-category-healing{background:linear-gradient(135deg,#e74c3c,#c0392b)}.alchemy-category-energy{background:linear-gradient(135deg,#3498db,#2980b9)}.alchemy-category-defense{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.alchemy-category-combat{background:linear-gradient(135deg,#e67e22,#d35400)}.alchemy-category-stealth{background:linear-gradient(135deg,#8e44ad,#71368a)}.alchemy-category-enhancement{background:linear-gradient(135deg,#f39c12,#e67e22)}.alchemy-category-control{background:linear-gradient(135deg,#16a085,#138d75)}.alchemy-category-utility{background:linear-gradient(135deg,#27ae60,#229954)}.alchemy-category-area{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.alchemy-category-special{background:linear-gradient(135deg,#34495e,#2c3e50)}.alchemy-category-damage{background:linear-gradient(135deg,#c0392b,#a93226)}.alchemy-category-transmutation{background:linear-gradient(135deg,#f1c40f,#f39c12)}.alchemy-category-artifacts{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.alchemy-category-default{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.alchemy-city-cell{font-weight:600;text-align:center}.alchemy-specialized-badge{animation:sparkle 1.5s ease-in-out infinite;color:#e74c3c;display:inline-block;font-size:var(--text-sm);font-weight:700;margin-left:var(--space-1)}.alchemy-city-lymhurst{color:#2ecc71;font-weight:700}.alchemy-city-fort-sterling{color:#95a5a6;font-weight:700}.alchemy-city-martlock{color:#3498db;font-weight:700}.alchemy-city-bridgewatch{color:#f39c12;font-weight:700}.alchemy-city-thetford{color:#9b59b6;font-weight:700}.alchemy-city-brecilien{color:#e74c3c;font-weight:700}.alchemy-price-cell{color:var(--color-text-primary);font-family:var(--font-family-mono);font-weight:600;text-align:right}.sell-price-details{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.gross-price{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:700}.market-fees{color:var(--color-text-tertiary);font-weight:400}.market-fees,.net-price{font-size:var(--text-xs)}.net-price{color:var(--color-success);font-weight:600}.total-cost-details{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.cost-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:700}.focus-savings{color:#9b59b6;font-size:var(--text-xs);font-weight:600}.profit-details{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.profit-value{font-size:var(--text-sm);font-weight:700}.profit-info{color:var(--color-text-tertiary);font-size:var(--text-xs)}.alchemy-profit-cell{font-family:var(--font-family-mono);font-weight:700;text-align:right}.alchemy-profit-positive{color:var(--color-success)}.alchemy-profit-negative{color:var(--color-error)}.alchemy-profit-margin{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400;margin-top:var(--space-1);opacity:.8}.alchemy-rrr-cell{text-align:center}.alchemy-rrr-comparison{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.alchemy-rrr-without-focus{background-color:#6b72801a;border:1px solid #6b728033;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.alchemy-rrr-with-focus,.alchemy-rrr-without-focus{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;min-width:90px;padding:var(--space-1) var(--space-2);text-align:center;white-space:nowrap}.alchemy-rrr-with-focus{background-color:#9b59b61a;border:1px solid #9b59b633;border-radius:var(--radius-sm);color:#9b59b6}.alchemy-weekly-sales-cell{text-align:center}.alchemy-sales-count{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;min-width:50px;padding:var(--space-1) var(--space-2);text-align:center}.alchemy-materials-cell{max-width:350px;min-width:300px;white-space:normal}.alchemy-materials-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.alchemy-material-item{align-items:center;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;font-size:var(--text-xs);gap:var(--space-1);justify-content:space-between;padding:var(--space-1) var(--space-2);transition:all .2s ease;width:100%}.alchemy-material-item:hover{background-color:#9b59b61a;transform:scale(1.05)}.alchemy-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:20px;object-fit:cover;width:20px}.alchemy-material-amount{color:var(--color-text-primary);font-weight:600}.alchemy-material-price{color:#9b59b6;font-family:var(--font-family-mono);font-weight:600}.alchemy-material-city{background:linear-gradient(135deg,var(--color-secondary-light) 0,#f59e0b1a 100%);border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-xs);font-weight:600;margin-left:auto;padding:var(--space-1) var(--space-2);transition:all .2s ease}.alchemy-material-city:hover{background:linear-gradient(135deg,#f59e0b26,#f59e0b40);border-color:#f59e0b66;transform:scale(1.05)}.alchemy-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--text-lg);gap:var(--space-4);justify-content:center}.alchemy-empty,.alchemy-loading{color:var(--color-text-secondary);padding:var(--space-12)}.alchemy-empty{text-align:center}.alchemy-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.alchemy-empty-description{font-size:var(--text-base);margin-bottom:var(--space-6)}.refresh-button{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.alchemy-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}.loading-spinner{border-top:4px solid #9b59b6}@media (max-width:1400px){.table-wrapper{overflow-x:auto}.alchemy-table{min-width:1200px}}@media (max-width:768px){.alchemy-title{font-size:var(--text-2xl)}.alchemy-description{font-size:var(--text-base)}.alchemy-controls{align-items:center;flex-direction:column}.alchemy-table-header{padding:var(--space-4)}.alchemy-table td,.alchemy-table th{padding:var(--space-2)}.alchemy-materials-list{align-items:flex-start;flex-direction:column}.alchemy-info{grid-template-columns:1fr}}@media (max-width:480px){.alchemy-page{padding:var(--space-4) 0}.alchemy-table{font-size:var(--text-xs)}.alchemy-item-image{height:28px;width:28px}.alchemy-material-image{height:18px;width:18px}.info-section{padding:var(--space-4)}}.saddler-material-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:var(--text-xs);font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:80px;overflow:hidden;overflow-wrap:break-word;text-align:center}.saddler-material-details{align-items:center;display:flex;flex-direction:column;min-width:0}.saddler-material-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);min-width:85px}.saddler-page{padding:var(--space-6) 0}.saddler-header{margin-bottom:var(--space-8);text-align:center}.saddler-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3)}.saddler-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.saddler-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.saddler-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.saddler-table-header{background:linear-gradient(135deg,#8b4513,sienna);border-bottom:1px solid var(--color-border);color:#fff;padding:var(--space-6)}.saddler-table-title{align-items:center;color:#fff;display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-2)}.saddler-table-title:before{content:"🐎";font-size:var(--text-2xl)}.saddler-table-description{color:#fff;font-size:var(--text-sm);margin:0;opacity:.9}.saddler-table{background-color:var(--color-surface);border-collapse:collapse;font-size:var(--text-sm);table-layout:auto;width:100%}.saddler-table th{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;position:sticky;text-align:left;top:0;z-index:10}.saddler-table td,.saddler-table th{padding:var(--space-4) var(--space-3);white-space:nowrap}.saddler-table td{border-bottom:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;vertical-align:top}.saddler-table tbody tr{transition:all .2s ease}.saddler-table tbody tr:nth-child(2n){background-color:var(--color-surface-secondary)}.saddler-table tbody tr:nth-child(odd){background-color:var(--color-surface)}.saddler-table tbody tr:hover{background-color:#8b45131a;background-color:var(--color-primary-light,#8b45131a);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px);transition:all .2s ease}.saddler-item-cell{align-items:center;display:flex;gap:var(--space-3);white-space:normal}.saddler-item-image{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;height:32px;object-fit:cover;transition:transform .2s ease;width:32px}.saddler-item-image:hover{transform:scale(1.1)}.saddler-item-details{flex:1 1;min-width:0}.saddler-item-name{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:600;line-height:1.3;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddler-item-type{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);font-weight:400}.saddler-mount-type-cell{text-align:center}.saddler-mount-type-badge{border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.saddler-mount-horse{background:linear-gradient(135deg,#8b4513,sienna)}.saddler-mount-ox{background:linear-gradient(135deg,#228b22,#32cd32)}.saddler-mount-other{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.saddler-mount-default{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.saddler-city-cell{font-weight:600;text-align:center}.saddler-specialized-badge{animation:sparkle 1.5s ease-in-out infinite;color:#e74c3c;display:inline-block;font-size:var(--text-sm);font-weight:700;margin-left:var(--space-1)}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.saddler-city-lymhurst{color:#2ecc71;font-weight:700}.saddler-city-fort-sterling{color:#95a5a6;font-weight:700}.saddler-city-martlock{color:#3498db;font-weight:700}.saddler-city-bridgewatch{color:#f39c12;font-weight:700}.saddler-city-thetford{color:#9b59b6;font-weight:700}.saddler-city-brecilien{color:#e74c3c;font-weight:700}.saddler-price-cell{color:var(--color-text-primary);font-weight:600}.saddler-price-cell,.saddler-profit-cell{font-family:var(--font-family-mono);text-align:right}.saddler-profit-cell{font-weight:700}.saddler-profit-positive{color:var(--color-success)}.saddler-profit-negative{color:var(--color-error)}.saddler-profit-margin{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400;margin-top:var(--space-1);opacity:.8}.saddler-rrr-cell{text-align:center}.saddler-rrr-comparison{display:flex;flex-direction:column;gap:var(--space-1)}.saddler-rrr-without-focus{background-color:#6b72801a;color:var(--color-text-secondary)}.saddler-rrr-with-focus,.saddler-rrr-without-focus{border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.saddler-rrr-with-focus{background-color:#8b45131a;color:#8b4513}.saddler-weekly-sales-cell{text-align:center}.saddler-sales-count{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.saddler-materials-cell{max-width:200px;white-space:normal}.saddler-materials-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.saddler-material-item{align-items:center;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all .2s ease}.saddler-material-item:hover{background-color:#8b45131a;transform:scale(1.05)}.saddler-material-image{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:20px;object-fit:cover;width:20px}.saddler-material-amount{color:var(--color-text-primary);font-weight:600}.saddler-material-price{color:#8b4513;font-family:var(--font-family-mono);font-weight:600}.saddler-material-city{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500}.no-materials{color:var(--color-text-tertiary);font-size:var(--text-xs);font-style:italic}.saddler-loading{align-items:center;display:flex;flex-direction:column;font-size:var(--text-lg);gap:var(--space-4);justify-content:center}.saddler-empty,.saddler-loading{color:var(--color-text-secondary);padding:var(--space-12)}.saddler-empty{text-align:center}.saddler-empty-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.saddler-empty-description{font-size:var(--text-base);margin-bottom:var(--space-6)}.filter-group{gap:var(--space-1)}.filter-group label{font-weight:500}.filter-group label,.filter-select{color:var(--color-text-primary);font-size:var(--text-sm)}.filter-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px;padding:var(--space-2) var(--space-3)}.checkbox-label{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--space-2)}.checkbox-label,.refresh-button{cursor:pointer;font-size:var(--text-sm)}.refresh-button{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;padding:var(--space-3) var(--space-4);transition:all .2s ease}.refresh-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button.refreshing{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.error-message{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border:1px solid #e74c3c33;border-radius:var(--radius-md);color:#c0392b;font-weight:600;margin-bottom:var(--space-4);padding:var(--space-4);text-align:center}.last-refresh{margin-bottom:var(--space-4)}.last-refresh,.results-summary{color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.results-summary{font-weight:500;margin-bottom:var(--space-6)}.saddler-info{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}.info-section{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.info-section p{margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-top:4px solid #8b4513;height:40px;margin:0 auto var(--space-4);width:40px}@media (max-width:1400px){.table-wrapper{overflow-x:auto}.saddler-table{min-width:1200px}}@media (max-width:768px){.saddler-title{font-size:var(--text-2xl)}.saddler-description{font-size:var(--text-base)}.saddler-controls{align-items:center;flex-direction:column}.saddler-table-header{padding:var(--space-4)}.saddler-table td,.saddler-table th{padding:var(--space-2)}.saddler-materials-list{align-items:flex-start;flex-direction:column}.saddler-info{grid-template-columns:1fr}}@media (max-width:480px){.saddler-page{padding:var(--space-4) 0}.saddler-table{font-size:var(--text-xs)}.saddler-item-image{height:28px;width:28px}.saddler-material-image{height:18px;width:18px}.info-section{padding:var(--space-4)}}.flipping-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.flipping-header{background:linear-gradient(135deg,#8b4513,#654321);border-radius:15px;box-shadow:0 8px 32px #8b451333;color:#f4e4bc;margin-bottom:30px;padding:30px;text-align:center}.flipping-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}.flipping-header p{font-size:1.1rem;margin:5px 0;opacity:.9}.last-refresh{font-size:.9rem;margin-top:15px;opacity:.8}.filters-section{grid-gap:15px;align-items:end;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#333;font-size:.9rem;font-weight:600}.filter-input,.filter-select{background:#fff;border:2px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#daa520;box-shadow:0 0 0 3px #daa52033;outline:none}.results-count{background:#fff8dc;border-radius:20px;color:#8b4513;font-weight:600;grid-column:1/-1;justify-self:center;margin-top:10px;padding:8px 16px}.flipping-strategy-info{margin-bottom:20px}.strategy-card{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:20px}.strategy-card h3{color:#856404;font-size:1.3rem;margin:0 0 15px}.strategy-card ol{color:#856404;margin:0;padding-left:20px}.strategy-card li{line-height:1.5;margin:8px 0}.table-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow-x:auto;overflow-y:visible}.flipping-table{border-collapse:collapse;font-size:.9rem;min-width:1270px;table-layout:fixed;width:100%}.flipping-table th{background:linear-gradient(135deg,#8b4513,#654321);border:none;color:#f4e4bc;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.flipping-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.flipping-table th.sortable:hover{background:linear-gradient(135deg,sienna,#704214)}.flipping-table td{border-bottom:1px solid #f0f2f5;padding:10px 12px;vertical-align:top}.flipping-table tr:hover{background:#fff8dc}.flipping-table tr.profitable{border-left:4px solid #28a745}.flipping-table tr.unprofitable{border-left:4px solid #dc3545}.flipping-table td:first-child,.flipping-table th:first-child{width:280px}.flipping-table td:nth-child(2),.flipping-table th:nth-child(2){width:100px}.flipping-table td:nth-child(3),.flipping-table td:nth-child(4),.flipping-table td:nth-child(5),.flipping-table td:nth-child(6),.flipping-table td:nth-child(7),.flipping-table th:nth-child(3),.flipping-table th:nth-child(4),.flipping-table th:nth-child(5),.flipping-table th:nth-child(6),.flipping-table th:nth-child(7){width:120px}.flipping-table td:nth-child(8),.flipping-table th:nth-child(8){width:90px}.flipping-table td:nth-child(9),.flipping-table th:nth-child(9){width:120px}.item-cell{min-width:280px;overflow:hidden;width:280px}.item-info{align-items:center;display:flex;gap:10px}.item-icon{border:1px solid #e1e5e9;border-radius:4px;height:32px;width:32px}.item-name{word-wrap:break-word;color:#333;font-size:.85rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:240px;word-break:break-word}.quality-cell{min-width:80px;text-align:center}.quality-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 8px}.quality-0{background:#e9ecef;color:#6c757d}.quality-1{background:#d4edda;color:#155724}.quality-2{background:#cce5ff;color:#004085}.quality-3{background:#e2d5f1;color:#6f42c1}.quality-4{background:#fff3cd;color:#856404}.city-cell{min-width:100px}.city-lymhurst{color:#28a745}.city-fort-sterling{color:#6c757d}.city-martlock{color:#007bff}.city-bridgewatch{color:#fd7e14}.city-thetford{color:#6f42c1}.city-default{color:#333}.fees-cell,.margin-cell,.price-cell,.profit-cell{font-family:Courier New,monospace;font-weight:600;min-width:90px;text-align:right}.price-info{align-items:flex-end;display:flex;flex-direction:column}.price-value{font-weight:600}.price-date{color:#6c757d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:400;margin-top:2px}.margin-cell.positive,.profit-cell.positive{color:#28a745}.margin-cell.negative,.profit-cell.negative{color:#dc3545}.fees-cell{color:#6c757d}.premium-savings{color:#28a745;display:block;font-size:.8rem;margin-top:2px}.error-message,.loading-message{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:60px 20px;text-align:center}.error-message h2,.loading-message h2{color:#333;margin:20px 0 10px}.error-message p,.loading-message p{color:#666;margin:10px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.retry-button{background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:6px;color:#2f1b14;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:transform .2s}.retry-button:hover{box-shadow:0 4px 12px #daa5204d;transform:translateY(-2px)}.no-items-message{color:#666;padding:60px 20px;text-align:center}.no-items-message h3{color:#333;margin:0 0 15px}.no-items-message p{line-height:1.5;margin:8px 0}.flipping-guide-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;margin:30px auto;max-width:1000px}.flipping-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px;margin-top:40px}@media (max-width:1200px){.flipping-container{padding:15px}.flipping-table{font-size:.8rem}.flipping-table td,.flipping-table th{padding:8px 6px}}@media (max-width:768px){.flipping-header h1{font-size:2rem}.filters-section{grid-template-columns:1fr}.results-count{justify-self:stretch;text-align:center}.table-container{overflow-x:auto}.flipping-table{min-width:800px}.item-name{font-size:.8rem}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-secondary:#f59e0b;--color-secondary-hover:#d97706;--color-secondary-light:#fef3c7;--color-background:#fafbfc;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#fff;--color-success:#059669;--color-success-light:#d1fae5;--color-error:#dc2626;--color-error-light:#fee2e2;--color-warning:#d97706;--color-warning-light:#fed7aa;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","Monaco","Menlo",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-strong:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfc;background-color:var(--color-background);color:#0f172a;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family-sans);line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#fff;background-color:var(--color-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:50}.header-content{align-items:center;display:flex;gap:1.5rem;gap:var(--space-6);justify-content:space-between;margin:0 auto;max-width:1400px}.header-title-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.header-title-link:hover{opacity:.8}.header-title{color:#2563eb;color:var(--color-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;line-height:1.2;margin:0}.header-subtitle{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:400;margin:0}.header-nav{flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.header-nav,.region-display{align-items:center;display:flex}.region-display{background-color:#dbeafe;background-color:var(--color-primary-light);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#2563eb;color:var(--color-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--space-1);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.hamburger-menu{position:relative}.hamburger-button{background:none;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.hamburger-button:hover{background-color:#f8fafc;background-color:var(--color-surface-hover);border-color:#cbd5e1;border-color:var(--color-border-strong)}.dropdown-menu{background-color:#fff;background-color:var(--color-surface);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);min-width:200px;padding:.5rem;padding:var(--space-2);top:calc(100% + .5rem);top:calc(100% + var(--space-2));z-index:100}.menu-link{border-radius:.5rem;border-radius:var(--radius-md);display:block;transition:background-color .2s ease}.menu-link:hover{background-color:#f8fafc;background-color:var(--color-surface-hover)}.menu-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);text-align:left;width:100%}.menu-button:disabled{cursor:not-allowed;opacity:.6}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 1.5rem;padding:var(--space-8) var(--space-6);width:100%}.table-container{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin:1.5rem 0;margin:var(--space-6) 0;overflow:hidden}.table-container,.table-header{background-color:#fff;background-color:var(--color-surface)}.table-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);padding:1.5rem;padding:var(--space-6)}.table-title{color:#0f172a;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.table-description{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:0}.table-wrapper{overflow-x:auto;overflow-y:visible}.data-table{border-collapse:collapse;font-size:.875rem;font-size:var(--text-sm);min-width:1200px;width:100%}.data-table th{background-color:#fff;background-color:var(--color-surface);border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--color-border-strong);color:#0f172a;color:var(--color-text-primary);font-weight:600;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.data-table td,.data-table th{padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.data-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);vertical-align:top}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f8fafc;background-color:var(--color-surface-hover)}.data-table tbody tr:nth-child(2n){background-color:#00000005}.item-cell{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);min-width:200px}.item-image{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--radius-sm);flex-shrink:0;height:32px;object-fit:cover;width:32px}.item-image[src*=placeholder],.resource-image[src*=placeholder]{background-color:#f8fafc;background-color:var(--color-surface-hover);filter:grayscale(20%);opacity:.8}.item-image[data-error-handled=true],.resource-image[data-error-handled=true]{background-color:#e2e8f0;background-color:var(--color-border);border:1px dashed #cbd5e1;border:1px dashed var(--color-border-strong)}.item-details{flex:1 1;min-width:0}.item-name{color:#0f172a;color:var(--color-text-primary);display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-description{color:#64748b;color:var(--color-text-tertiary);display:block;font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.price-cell{font-weight:500;min-width:80px}.price-cell,.profit-cell{font-family:JetBrains Mono,Monaco,Menlo,monospace;font-family:var(--font-family-mono);text-align:right}.profit-cell{font-weight:600;min-width:100px}.profit-positive{color:#059669;color:var(--color-success)}.profit-negative{color:#dc2626;color:var(--color-error)}.profit-margin{color:#64748b;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:400;margin-top:.25rem;margin-top:var(--space-1)}.city-cell{font-weight:500;min-width:120px}.tier-cell{min-width:60px;text-align:center}.tier-badge{background-color:#475569;background-color:var(--color-text-secondary);border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.ingredients-cell,.resources-cell{max-width:300px}.ingredients-list,.resources-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.ingredient-item,.resource-item{align-items:center;background-color:#f8fafc;background-color:var(--color-surface-hover);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--space-2);padding:.5rem;padding:var(--space-2)}.ingredient-image,.resource-image{border-radius:.375rem;border-radius:var(--radius-sm);flex-shrink:0;height:24px;object-fit:cover;width:24px}.ingredient-details,.resource-details{align-items:center;display:flex;flex:1 1;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2)}.ingredient-amount,.resource-count{color:#0f172a;color:var(--color-text-primary);font-weight:600}.ingredient-price,.resource-price{color:#475569;color:var(--color-text-secondary);font-family:JetBrains Mono,Monaco,Menlo,monospace;font-family:var(--font-family-mono)}.ingredient-city,.resource-city{background-color:#dbeafe;background-color:var(--color-primary-light);border-radius:.375rem;border-radius:var(--radius-sm);margin-left:auto;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.ingredient-city,.input-city-info,.resource-city{color:#2563eb;color:var(--color-primary);font-size:.75rem;font-size:var(--text-xs);font-weight:500}.input-city-info{margin-top:.25rem;margin-top:var(--space-1)}.weekly-sales-cell{min-width:80px;text-align:center}.sales-count{color:#0f172a;color:var(--color-text-primary);font-family:JetBrains Mono,Monaco,Menlo,monospace;font-family:var(--font-family-mono);font-weight:500}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-primary{background-color:#2563eb;background-color:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff;color:var(--color-text-inverse)}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--color-primary-hover);border-color:#1d4ed8;border-color:var(--color-primary-hover)}.btn-secondary{background-color:#fff;background-color:var(--color-surface);border-color:#e2e8f0;border-color:var(--color-border);color:#0f172a;color:var(--color-text-primary)}.btn-secondary:hover{background-color:#f8fafc;background-color:var(--color-surface-hover);border-color:#cbd5e1;border-color:var(--color-border-strong)}.btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;border:2px solid var(--color-border);border-top-color:var(--color-primary);display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:#fff;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);padding:1.5rem;padding:var(--space-6)}.card-title{color:#0f172a;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:0}.card-content{padding:1.5rem;padding:var(--space-6)}@media (max-width:1024px){.main-content{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.data-table{min-width:800px}.header-content{gap:1rem;gap:var(--space-4)}}@media (max-width:768px){.header{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.header-content{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}.header-nav{justify-content:space-between}.main-content{padding:1rem;padding:var(--space-4)}.table-container{margin:1rem 0;margin:var(--space-4) 0}.table-header{padding:1rem;padding:var(--space-4)}.data-table td,.data-table th{padding:.5rem;padding:var(--space-2)}}@media (max-width:480px){.header-title{font-size:1.25rem;font-size:var(--text-xl)}.main-content{padding:.75rem;padding:var(--space-3)}.data-table{min-width:600px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Monaco,Menlo,monospace;font-family:var(--font-family-mono)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#2563eb;color:var(--color-primary)}.text-secondary{color:#475569;color:var(--color-text-secondary)}.text-success{color:#059669;color:var(--color-success)}.text-error{color:#dc2626;color:var(--color-error)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:4rem 0 3rem;padding:var(--space-16) 0 var(--space-12) 0;position:relative;text-align:center}.hero-background{opacity:.1}.hero-background,.hero-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.hero-pattern{animation:patternMove 20s linear infinite;background-image:radial-gradient(circle at 25% 25%,#fff3 2px,#0000 0),radial-gradient(circle at 75% 75%,#fff3 2px,#0000 0);background-size:50px 50px}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{margin:0 auto;max-width:900px;padding:0 1.5rem;padding:0 var(--space-6);position:relative;z-index:2}.hero-badge{align-items:center;animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.badge-icon{font-size:1.1em;margin-right:.5rem;margin-right:var(--space-2)}.badge-text{color:#fffffff2}.hero-title{animation:fadeInUp .8s ease-out .2s both;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.title-main{color:#fff;display:block}.title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e 50%,#fff59d);-webkit-background-clip:text;background-clip:text;display:block;text-shadow:0 0 30px #ffd7004d}.hero-subtitle{animation:fadeInUp .8s ease-out .4s both;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-bottom:2.5rem;margin-bottom:var(--space-10)}.subtitle-primary{color:#fffffff2;display:block;font-size:1.25rem;font-size:var(--text-xl);font-weight:600}.subtitle-secondary{color:#fffc;display:block;font-size:1.125rem;font-size:var(--text-lg);font-weight:400}.hero-stats{grid-gap:1.5rem;grid-gap:var(--space-6);animation:fadeInUp .8s ease-out .6s both;display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2.5rem;margin-bottom:var(--space-10)}.hero-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;justify-content:center;padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.hero-stat:hover{background:#ffffff26;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.stat-icon{font-size:2rem;margin-right:1rem;margin-right:var(--space-4);opacity:.9}.stat-content{align-items:flex-start;display:flex;flex-direction:column}.hero-stat-number{color:#fff;font-family:JetBrains Mono,Monaco,Menlo,monospace;font-family:var(--font-family-mono);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;line-height:1.2}.hero-stat-label{color:#fffc;font-size:.875rem;font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hero-cta{animation:fadeInUp .8s ease-out .8s both}.cta-text{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.cta-primary{color:#fffffff2;display:block;font-size:1.125rem;font-size:var(--text-lg);font-weight:600}.cta-secondary{color:#ffffffb3;display:block;font-size:1rem;font-size:var(--text-base)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-section{min-height:60vh;padding:3rem 0 2rem;padding:var(--space-12) 0 var(--space-8) 0}.hero-content{padding:0 1rem;padding:0 var(--space-4)}.hero-stats{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.hero-stat{padding:1rem;padding:var(--space-4)}.stat-icon{font-size:1.5rem;margin-right:.75rem;margin-right:var(--space-3)}.hero-stat-number{font-size:1.25rem;font-size:var(--text-xl)}.subtitle-primary{font-size:1.125rem;font-size:var(--text-lg)}.subtitle-secondary{font-size:1rem;font-size:var(--text-base)}}@media (max-width:480px){.hero-section{min-height:50vh;padding:2.5rem 0 1.5rem;padding:var(--space-10) 0 var(--space-6) 0}.hero-stat{flex-direction:column;padding:1rem;padding:var(--space-4);text-align:center}.stat-icon{margin-bottom:.5rem;margin-bottom:var(--space-2);margin-right:0}.stat-content{align-items:center}}.features-section{background:linear-gradient(135deg,#dbeafe,#fff);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-surface) 100%);margin-bottom:3rem;margin-bottom:var(--space-12);padding:3rem 0;padding:var(--space-12) 0}.features-container{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6)}.feature-highlight{background:#fff;background:var(--color-surface);border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;padding:var(--space-6);text-align:center;transition:all .3s ease}.feature-highlight:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.feature-highlight h3{color:#0f172a;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--space-3)}.feature-highlight p{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin:0}.crafting-areas-section{margin-bottom:4rem;margin-bottom:var(--space-16)}.section-header{margin-bottom:3rem;margin-bottom:var(--space-12);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.section-title{color:#0f172a;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-subtitle{color:#475569;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--text-lg);line-height:1.6;margin:0}.crafting-areas-grid{gap:3rem;gap:var(--space-12);margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6)}.area-category,.crafting-areas-grid{display:flex;flex-direction:column}.category-header{color:#0f172a;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative;text-align:center}.category-header:after{background:#2563eb;background:var(--color-primary);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.area-cards{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.area-card{align-items:center;background:#fff;background:var(--color-surface);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;display:flex;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;text-decoration:none;transition:all .3s ease}.area-card:before{background:linear-gradient(90deg,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.area-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 8px 25px #2563eb26;transform:translateY(-2px)}.area-card:hover:before{opacity:1}.area-card.featured{background:linear-gradient(135deg,#2563eb05,#fff);background:linear-gradient(135deg,#2563eb05 0,var(--color-surface) 100%);border-color:#2563eb;border-color:var(--color-primary)}.area-card.featured:before{opacity:1}.card-icon{flex-shrink:0;font-size:2.5rem;margin-right:1.25rem;margin-right:var(--space-5)}.card-content{flex:1 1;min-width:0}.card-content h4{color:#0f172a;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;line-height:1.3;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.card-subtitle{color:#2563eb;color:var(--color-primary);display:block;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.card-content p,.card-subtitle{font-size:.875rem;font-size:var(--text-sm)}.card-content p{color:#475569;color:var(--color-text-secondary);line-height:1.5;margin:0}.card-arrow{color:#2563eb;color:var(--color-primary);flex-shrink:0;font-size:1.25rem;font-size:var(--text-xl);margin-left:1rem;margin-left:var(--space-4);transition:transform .3s ease}.area-card:hover .card-arrow{transform:translateX(4px)}@media (max-width:768px){.features-container{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr;padding:0 1rem;padding:0 var(--space-4)}.feature-highlight{padding:1.25rem;padding:var(--space-5)}.crafting-areas-grid{gap:2rem;gap:var(--space-8);padding:0 1rem;padding:0 var(--space-4)}.area-cards{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.area-card{padding:1.25rem;padding:var(--space-5)}.card-icon{font-size:2rem;margin-right:1rem;margin-right:var(--space-4)}.section-title{font-size:1.5rem;font-size:var(--text-2xl)}.category-header{font-size:1.125rem;font-size:var(--text-lg)}}@media (max-width:480px){.area-card{flex-direction:column;padding:1.25rem;padding:var(--space-5);text-align:center}.card-icon{margin-bottom:.75rem;margin-bottom:var(--space-3);margin-right:0}.card-arrow{margin-left:0;margin-top:.75rem;margin-top:var(--space-3);transform:rotate(90deg)}.area-card:hover .card-arrow{transform:rotate(90deg) translateX(4px)}}.page-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}.content-wrapper{line-height:1.7;margin:0 auto;max-width:900px}.content-wrapper h1{color:#0f172a;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4);position:relative;text-align:center}.content-wrapper h1:after{background:linear-gradient(90deg,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.content-wrapper h2{border-left:4px solid #2563eb;border-left:4px solid var(--color-primary);font-size:1.5rem;font-size:var(--text-2xl);margin:2.5rem 0 1.5rem;margin:var(--space-10) 0 var(--space-6) 0;padding-left:1rem;padding-left:var(--space-4)}.content-wrapper h2,.content-wrapper h3{color:#0f172a;color:var(--color-text-primary);font-weight:600}.content-wrapper h3{font-size:1.25rem;font-size:var(--text-xl);margin:2rem 0 1rem;margin:var(--space-8) 0 var(--space-4) 0}.content-wrapper h4{color:#0f172a;color:var(--color-text-primary);font-weight:500;margin:1.5rem 0 .75rem;margin:var(--space-6) 0 var(--space-3) 0}.content-wrapper h4,.lead-text{font-size:1.125rem;font-size:var(--text-lg)}.lead-text{color:#475569;color:var(--color-text-secondary);font-weight:400;line-height:1.6;margin-bottom:2.5rem;margin-bottom:var(--space-10);margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.about-intro{border:1px solid #e2e8f0;border:1px solid var(--color-border);margin-bottom:2.5rem;margin-bottom:var(--space-10)}.about-intro,.about-section{background:#fff;background:var(--color-surface);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--space-8)}.about-section{border:1px solid #e2e8f0;border:1px solid var(--color-border);margin-bottom:1.5rem;margin-bottom:var(--space-6);transition:all .3s ease}.about-section:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-section ul{margin:1rem 0;margin:var(--space-4) 0;padding-left:1.5rem;padding-left:var(--space-6)}.about-section li{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;margin-bottom:var(--space-2)}.about-section li strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}.about-cta{background:linear-gradient(135deg,#dbeafe,#fef3c7);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-secondary-light) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);margin-top:3rem;margin-top:var(--space-12);padding:2.5rem;padding:var(--space-10);text-align:center}.about-cta h2{border:none;color:#0f172a;color:var(--color-text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4);padding:0}.about-cta p{color:#475569;color:var(--color-text-secondary);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.about-cta p,.cta-button{font-size:1.125rem;font-size:var(--text-lg)}.cta-button{align-items:center;background:#2563eb;background:var(--color-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--color-text-inverse);display:inline-flex;font-weight:600;gap:.5rem;gap:var(--space-2);padding:1rem 2rem;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#1d4ed8;background:var(--color-primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-intro{margin-bottom:3rem;margin-bottom:var(--space-12);text-align:center}.contact-section{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.contact-methods{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem;margin-top:var(--space-6)}.contact-method{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.contact-method:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-method h3{align-items:center;color:#2563eb;color:var(--color-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.contact-method p{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3)}.contact-method strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}.faq-item{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.faq-item h3{color:#2563eb;color:var(--color-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.faq-item ol,.faq-item p,.faq-item ul{color:#475569;color:var(--color-text-secondary);line-height:1.6}.faq-item ul{margin:.75rem 0;margin:var(--space-3) 0;padding-left:1.5rem;padding-left:var(--space-6)}.faq-item li{margin-bottom:.5rem;margin-bottom:var(--space-2)}.contact-cta{background:linear-gradient(135deg,#dbeafe,#fef3c7);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-secondary-light) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);margin-top:3rem;margin-top:var(--space-12);padding:2.5rem;padding:var(--space-10);text-align:center}.contact-cta h2{border:none;color:#0f172a;color:var(--color-text-primary);margin-bottom:1rem;margin-bottom:var(--space-4);padding:0}.guides-section{margin-bottom:3rem;margin-bottom:var(--space-12)}.guide-card{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2.5rem;margin-bottom:var(--space-10);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .3s ease}.guide-card:before{background:linear-gradient(90deg,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.guide-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.guide-card h3{color:#2563eb;color:var(--color-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.guide-content h4{border-left:3px solid #2563eb;border-left:3px solid var(--color-primary);color:#0f172a;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:1.5rem 0 1rem;margin:var(--space-6) 0 var(--space-4) 0;padding-left:1rem;padding-left:var(--space-4)}.guide-content ol,.guide-content ul{margin:1rem 0;margin:var(--space-4) 0;padding-left:1.5rem;padding-left:var(--space-6)}.guide-content li{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3)}.guide-content li strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}.formula-box{background:#dbeafe;background:var(--color-primary-light);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:.75rem;border-radius:var(--radius-lg);margin:1.5rem 0;margin:var(--space-6) 0;padding:1.5rem;padding:var(--space-6);text-align:center}.formula-box p{color:#0f172a;color:var(--color-text-primary);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.city-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0;margin:var(--space-6) 0}.city-item{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4);text-align:center;transition:all .3s ease}.city-item:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.city-item h5{color:#2563eb;color:var(--color-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.city-item p{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:0}.specialization-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0;margin:var(--space-6) 0}.spec-item{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.spec-item:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.spec-item h4{color:#2563eb;color:var(--color-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.spec-item p{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--space-2)}.calculator-links{background:linear-gradient(135deg,#dbeafe,#fef3c7);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-secondary-light) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);margin-top:3rem;margin-top:var(--space-12);padding:2.5rem;padding:var(--space-10);text-align:center}.calculator-links h2{border:none;color:#0f172a;color:var(--color-text-primary);margin-bottom:1rem;margin-bottom:var(--space-4);padding:0}.calculator-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem;margin-top:var(--space-8)}.calc-link{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);display:block;padding:1.5rem;padding:var(--space-6);text-decoration:none;transition:all .3s ease}.calc-link:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.calc-link h3{color:#2563eb;color:var(--color-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.calc-link p{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;margin:0}.guide-section{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin:3rem 0;margin:var(--space-12) 0;padding:2.5rem;padding:var(--space-10)}.guide-container{margin:0 auto;max-width:1000px}.guide-title{color:#0f172a;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:2.5rem;margin-bottom:var(--space-10);padding-bottom:1rem;padding-bottom:var(--space-4);position:relative;text-align:center}.guide-title:after{background:linear-gradient(90deg,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.guide-content{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8)}.guide-article{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-8);transition:all .3s ease}.guide-article:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-article h3{color:#2563eb;color:var(--color-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600}.guide-article h3,.guide-article p{margin-bottom:1rem;margin-bottom:var(--space-4)}.guide-article p{color:#475569;color:var(--color-text-secondary);line-height:1.7}.guide-article ul{margin:1rem 0;margin:var(--space-4) 0;padding-left:1.5rem;padding-left:var(--space-6)}.guide-article li{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3)}.guide-article li strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}.market-stats{grid-gap:1rem;grid-gap:var(--space-4);background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0;margin:var(--space-6) 0;padding:1.5rem;padding:var(--space-6)}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-label{color:#64748b;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.stat-value{color:#0f172a;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600}.market-disclaimer{background:#fed7aa;background:var(--color-warning-light);border:1px solid #d97706;border:1px solid var(--color-warning);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:2rem;margin-top:var(--space-8);padding:1.5rem;padding:var(--space-6)}.market-disclaimer h4{color:#d97706;color:var(--color-warning);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.market-disclaimer ul{margin:0;padding-left:1.5rem;padding-left:var(--space-6)}.market-disclaimer li{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;margin-bottom:var(--space-2)}.market-disclaimer li strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}.cooking-guide-section{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin:2rem 0;margin:var(--space-8) 0;padding:2.5rem;padding:var(--space-10)}.cooking-guide-section h2{color:#2563eb;color:var(--color-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1rem;padding-bottom:var(--space-4);position:relative;text-align:center}.cooking-guide-section h2:after{background:#2563eb;background:var(--color-primary);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.guide-item{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.guide-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-item h3{border-left:3px solid #2563eb;border-left:3px solid var(--color-primary);color:#0f172a;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;padding-left:.75rem;padding-left:var(--space-3)}.guide-item h3,.guide-item p{margin-bottom:1rem;margin-bottom:var(--space-4)}.guide-item p{color:#475569;color:var(--color-text-secondary);line-height:1.6}.guide-item ul{margin:1rem 0;margin:var(--space-4) 0;padding-left:1.5rem;padding-left:var(--space-6)}.guide-item li{color:#475569;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;margin-bottom:var(--space-2)}.guide-item li strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.page-container{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.content-wrapper{padding:0 .5rem;padding:0 var(--space-2)}.calculator-grid,.city-grid,.contact-methods,.market-stats,.specialization-grid{grid-template-columns:1fr}.market-stats{gap:.75rem;gap:var(--space-3)}.about-section,.contact-section,.guide-card{padding:1.5rem;padding:var(--space-6)}.about-cta,.calculator-links,.contact-cta{padding:2rem;padding:var(--space-8)}}@media (max-width:480px){.content-wrapper h1,.guide-title{font-size:1.5rem;font-size:var(--text-2xl)}.cooking-guide-section h2,.guide-card h3{font-size:1.25rem;font-size:var(--text-xl)}}.alchemy-guide-cards,.blacksmith-guide-cards,.cooking-guide-cards,.flipping-guide-cards,.hunter-guide-cards,.mage-guide-cards,.refining-guide-cards,.saddler-guide-cards,.toolmaker-guide-cards{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;margin:1.5rem auto;margin:var(--space-6) auto;max-width:1000px}.guide-card{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;padding:1.25rem;padding:var(--space-5);transition:all .2s ease}.guide-card:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.guide-card-icon{display:inline-block;font-size:1.5rem;font-size:var(--text-2xl)}.guide-card h3,.guide-card-icon{margin-bottom:.75rem;margin-bottom:var(--space-3)}.guide-card h3{color:#0f172a;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;line-height:1.3}.guide-card ul{list-style:none;margin:0;padding:0}.guide-card li{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.4;padding:.25rem 0;padding:var(--space-1) 0;padding-left:1rem;padding-left:var(--space-4);position:relative}.guide-card li:before{color:#2563eb;color:var(--color-primary);content:"•";font-weight:700;left:0;position:absolute;top:.25rem;top:var(--space-1)}@media (max-width:768px){.alchemy-guide-cards,.blacksmith-guide-cards,.cooking-guide-cards,.flipping-guide-cards,.hunter-guide-cards,.mage-guide-cards,.refining-guide-cards,.saddler-guide-cards,.toolmaker-guide-cards{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.guide-card{padding:1rem;padding:var(--space-4)}}.info-section{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;padding:1.5rem;padding:var(--space-6)}.info-section h3{align-items:center;color:#0f172a;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.info-section p{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.info-section p:last-child{margin-bottom:0}.info-section ol,.info-section ul{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:.5rem 0;margin:var(--space-2) 0;padding-left:1rem;padding-left:var(--space-4)}.info-section li{margin:.25rem 0;margin:var(--space-1) 0}.info-section strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.info-section{padding:1rem;padding:var(--space-4)}}.menu-section-header{background:#f8fafc;background:var(--color-surface-hover);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);color:#64748b;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;margin-top:.5rem;margin-top:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-transform:uppercase}.menu-section-header:first-child{border-top:none;margin-top:0}.menu-link{align-items:center;border-left:3px solid #0000;color:#0f172a;color:var(--color-text-primary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease}.menu-link:hover{background-color:#dbeafe;background-color:var(--color-primary-light);color:#2563eb;color:var(--color-primary)}.menu-link-highlight,.menu-link:hover{border-left-color:#2563eb;border-left-color:var(--color-primary)}.menu-link-highlight{background:linear-gradient(90deg,#dbeafe,#0000);background:linear-gradient(90deg,var(--color-primary-light) 0,#0000 100%);font-weight:600}.menu-link-highlight:hover{background:#dbeafe;background:var(--color-primary-light);transform:translateX(2px)}.dropdown-menu{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);margin-top:.5rem;margin-top:var(--space-2);min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu,.hamburger-button{background:#fff;background:var(--color-surface)}.hamburger-button{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--color-text-primary);cursor:pointer;font-size:1.125rem;font-size:var(--text-lg);padding:.75rem;padding:var(--space-3);transition:all .2s ease}.hamburger-button:hover{background:#2563eb;background:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--color-text-inverse)}@media (max-width:768px){.dropdown-menu{min-width:200px;right:-10px}.menu-link{font-size:1rem;font-size:var(--text-base)}.menu-link,.menu-section-header{padding:1rem;padding:var(--space-4)}}.footer{background:linear-gradient(135deg,#0f172a,#1a202c);background:linear-gradient(135deg,var(--color-text-primary) 0,#1a202c 100%);color:#fff;color:var(--color-text-inverse);margin-top:4rem;margin-top:var(--space-16);position:relative}.footer:before{background:linear-gradient(90deg,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6)}.footer-content{grid-gap:3rem;grid-gap:var(--space-12);border-bottom:1px solid #ffffff1a;display:grid;gap:3rem;gap:var(--space-12);grid-template-columns:1fr 2fr;padding:3rem 0;padding:var(--space-12) 0}.footer-brand{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--color-text-inverse);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:0}.footer-tagline{color:#fffc;font-size:.875rem;font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.footer-description{color:#ffffffb3;font-size:1rem;font-size:var(--text-base);line-height:1.6;margin:0;max-width:300px}.footer-nav{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(4,1fr)}.footer-column{display:flex;flex-direction:column}.footer-column-title{border-bottom:2px solid #2563eb;border-bottom:2px solid var(--color-primary);color:#fff;color:var(--color-text-inverse);display:inline-block;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0;padding-bottom:.5rem;padding-bottom:var(--space-2)}.footer-column-links{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);list-style:none;margin:0;padding:0}.footer-column-links li{margin:0}.footer-link{align-items:center;border-radius:.375rem;border-radius:var(--radius-sm);color:#ffffffb3;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:400;padding:.25rem 0;padding:var(--space-1) 0;text-decoration:none;transition:all .3s ease}.footer-link:hover{background:#2563eb1a;color:#2563eb;color:var(--color-primary);padding-left:.5rem;padding-left:var(--space-2);transform:translateX(4px)}.footer-bottom{background:#0000004d;padding:1.5rem 0;padding:var(--space-6) 0}.footer-bottom-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);text-align:center}.footer-copyright{color:#fffc;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin:0}.footer-disclaimer{color:#fff9;font-size:.75rem;font-size:var(--text-xs);line-height:1.5;margin:0;max-width:600px}.footer-external-link{color:#f59e0b;color:var(--color-secondary);font-weight:500;text-decoration:none;transition:color .3s ease}.footer-external-link:hover{color:#d97706;color:var(--color-secondary-hover);text-decoration:underline}@media (max-width:1024px){.footer-nav{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-content{gap:2rem;gap:var(--space-8);grid-template-columns:1fr;padding:2.5rem 0;padding:var(--space-10) 0}.footer-brand{align-items:center;text-align:center}.footer-description{max-width:none;text-align:center}.footer-nav{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.footer-column-title{margin-bottom:.75rem;margin-bottom:var(--space-3);text-align:center}.footer-column-links{align-items:center}}@media (max-width:480px){.footer-container{padding:0 1rem;padding:0 var(--space-4)}.footer-content{padding:2rem 0;padding:var(--space-8) 0}.footer-nav{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}.footer-logo{font-size:1.25rem;font-size:var(--text-xl)}.footer-bottom{padding:1rem 0;padding:var(--space-4) 0}.footer-bottom-content{gap:.5rem;gap:var(--space-2)}}
/*# sourceMappingURL=main.934e1b1e.css.map*/