:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{background:#0f1012;color:#f5f5f5}.app-root{display:flex;flex-direction:row;height:100%;width:100%;box-sizing:border-box}.sidebar{width:250px;min-width:250px;background:#17181c;border-right:1px solid #26272d;padding:12px 8px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:4px 8px}.sidebar-item{display:block;width:100%;text-align:left;padding:6px 10px;margin:2px 4px;border-radius:4px;border:none;background:transparent;color:#e5e7eb;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease}.sidebar-item:hover{background:#252733}.sidebar-item.active{background:#335cad;color:#fff}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.main-scroll{flex:1;overflow-y:auto;padding:16px 24px 8px;box-sizing:border-box}.tab-page,.inventory-page{max-width:960px}h2{margin:0 0 8px;font-size:20px}h3{margin-top:16px;margin-bottom:8px;font-size:16px}.muted{color:#9ca3af;font-size:13px}.skill-header{margin:8px 0 12px}.skill-level-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.xp-bar{position:relative;height:8px;border-radius:4px;background:#1f2933;overflow:hidden}.xp-bar-inner{position:absolute;top:0;left:0;bottom:0;background:#3b82f6}.xp-bar-label{margin-top:4px;font-size:12px;color:#9ca3af}.button-column{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-width:420px}.button-column button{border-radius:999px;border:none;padding:8px 14px;font-size:13px;cursor:pointer;background:#2563eb;color:#fff;text-align:center;transition:background .12s ease,transform .05s ease}.button-column button:hover{background:#1d4ed8}.button-column button:active{transform:translateY(1px)}.button-column button.locked{background:#374151;color:#9ca3af;cursor:not-allowed;opacity:.6}.button-column button.locked:hover{background:#374151;transform:none}.button-column button.tier-colored-button{font-weight:600;transition:all .2s ease}.button-column button.tier-colored-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006!important}.button-column button.tier-colored-button:active{transform:translateY(0)}.stat-list{list-style:none;padding:0;margin:12px 0 0;font-size:13px;columns:2;column-gap:32px}.stat-list li{margin-bottom:4px}.inventory-page h2{margin-bottom:8px}.inventory-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.inventory-slot{display:flex;align-items:center;padding:6px 8px;border-radius:6px;background:#1c1f26;border:1px solid #262a33;box-sizing:border-box}.inventory-slot.empty-slot{opacity:.5}.inventory-slot.locked-slot{background:#15161a;border-style:dashed;border-color:#374151;opacity:.7}.inventory-icon{width:32px;height:32px;border-radius:6px;background:#1f2937;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;position:relative}.empty-icon{background:#111827}.inventory-icon svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.inventory-tier-badge{position:absolute;bottom:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;padding:0 4px;border:2px solid #0f1012;box-shadow:0 2px 4px #00000080}.inventory-icon-symbol{font-size:16px;font-weight:600;color:#fff}.inventory-main{flex:1;min-width:0}.inventory-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-qty-badge{display:inline-block;margin-top:3px;padding:1px 6px;border-radius:999px;background:#111827;font-size:11px;color:#e5e7eb}.equipment-layout{display:flex;flex-wrap:wrap;gap:16px}.equipment-section{flex:1 1 280px;min-width:280px}.equipment-section-title{font-size:13px;font-weight:600;margin-bottom:6px}.equip-slot-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;background:#111827;border:1px solid #1f2937;margin-bottom:6px;box-sizing:border-box}.equip-slot-label{font-size:13px;color:#e5e7eb}.equip-slot-value{font-size:12px;display:flex;gap:6px;align-items:center}.small-button{border-radius:999px;border:none;padding:3px 8px;font-size:11px;cursor:pointer;background:#2563eb;color:#fff}.small-button:hover{background:#1d4ed8}.equipment-items{margin-top:8px;display:flex;flex-direction:column;gap:6px}.equip-inventory-item{display:flex;align-items:center;padding:6px 8px;border-radius:6px;background:#1c1f26;border:1px solid #262a33;box-sizing:border-box}.activity-bar{border-top:1px solid #26272d;background:#14151a;padding:6px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.activity-main{display:flex;justify-content:space-between;font-size:12px;color:#d1d5db}.activity-title{font-weight:500}.activity-details{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.activity-progress-wrapper{display:flex;align-items:center;gap:8px}.activity-progress-bar{flex:1;height:8px;border-radius:4px;background:#1f2933;overflow:hidden}.activity-progress-inner{height:100%;background:#22c55e}.activity-cancel-btn{border-radius:999px;border:none;padding:2px 10px;font-size:11px;cursor:pointer;background:#dc2626;color:#fff}.slider-modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.slider-card{background:#111827;border-radius:8px;padding:16px 18px;width:420px;max-width:90vw;box-shadow:0 8px 24px #0009}.slider-card h3{margin-top:0}.slider-card input[type=range]{width:100%;margin:10px 0}.slider-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.slider-actions button{border-radius:999px;border:none;padding:5px 12px;font-size:13px;cursor:pointer}.slider-actions button:first-child{background:#374151;color:#e5e7eb}.slider-actions button:last-child{background:#2563eb;color:#fff}.material-costs-section{background:#0f1419;border:1px solid #1f2937;border-radius:6px;padding:10px 12px;margin-top:8px}.material-cost-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.material-cost-name{flex:1;color:#e5e7eb}.material-cost-sufficient{color:#22c55e;font-weight:500}.material-cost-insufficient{color:#ef4444;font-weight:500}.material-cost-per-unit{color:#9ca3af;font-size:11px}.quality-common{color:#9ca3af}.quality-uncommon{color:#10b981}.quality-rare{color:#3b82f6}.quality-epic{color:#a855f7}.quality-legendary{color:#f59e0b}.quality-uncommon{text-shadow:0 0 8px rgba(16,185,129,.5)}.quality-rare{text-shadow:0 0 8px rgba(59,130,246,.5)}.quality-epic{text-shadow:0 0 10px rgba(168,85,247,.6)}.quality-legendary{text-shadow:0 0 12px rgba(245,158,11,.7);font-weight:600}.item-border-common{border-color:#9ca3af}.item-border-uncommon{border-color:#10b981;box-shadow:0 0 4px #10b9814d}.item-border-rare{border-color:#3b82f6;box-shadow:0 0 4px #3b82f64d}.item-border-epic{border-color:#a855f7;box-shadow:0 0 6px #a855f766}.item-border-legendary{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}.quality-badge{display:inline-block;margin-right:4px;font-size:14px;vertical-align:middle}.filter-button{transition:all .2s ease;cursor:pointer}.filter-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff4d}.filter-button.active{box-shadow:0 0 12px #4a9eff80}.sort-controls,.quality-filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#0000004d;border-radius:8px;margin-bottom:16px}.inventory-slot .quality-badge{position:absolute;top:4px;right:4px;background:#000000b3;padding:2px 6px;border-radius:4px;font-size:12px}@keyframes qualityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.quality-rare-drop{animation:qualityPulse 1s ease-in-out 1}button>span[style*=color]{font-weight:500}button:hover>span{filter:brightness(1.2)}.inventory-name{text-shadow:0 1px 3px rgba(0,0,0,.5)}.quality-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.quality-dot.common{background:#9ca3af}.quality-dot.uncommon{background:#10b981;box-shadow:0 0 4px #10b98180}.quality-dot.rare{background:#3b82f6;box-shadow:0 0 4px #3b82f680}.quality-dot.epic{background:#a855f7;box-shadow:0 0 6px #a855f799}.quality-dot.legendary{background:#f59e0b;box-shadow:0 0 8px #f59e0bb3}.sidebar-item svg{display:inline-block;vertical-align:middle;margin-right:8px;margin-top:-2px}.skill-header-icon{display:inline-block;vertical-align:middle;margin-right:12px}.falling-items-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.falling-item{position:absolute;animation:fall 2s ease-in forwards,fade-out .5s ease-in 1.5s forwards;filter:drop-shadow(0 0 8px currentColor)}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:.8}}@keyframes fade-out{to{opacity:0}}.gold-notifications-container{position:fixed;bottom:80px;left:40px;pointer-events:none;z-index:10000;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.gold-notification{font-size:32px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:float-up 2s ease-out forwards}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-30px) scale(1.2);opacity:1}to{transform:translateY(-80px) scale(.8);opacity:0}}.skill-badge{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px}.skill-badge-icon-container{position:relative;width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:transform .2s}.skill-badge-icon-container:hover{transform:translateY(-2px)}.skill-badge-icon-container svg{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.skill-badge-level{position:absolute;bottom:-8px;right:-8px;background:#3b82f6;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:3px solid #0f1012;box-shadow:0 2px 8px #3b82f680}.skill-badge-name{font-size:14px;color:#a0a0a0;text-align:center}.skill-badge-icon-container.foraging{background:linear-gradient(135deg,#10b981,#059669)}.skill-badge-icon-container.mining{background:linear-gradient(135deg,#6b7280,#4b5563)}.skill-badge-icon-container.fishing{background:linear-gradient(135deg,#06b6d4,#0891b2)}.skill-badge-icon-container.woodcutting{background:linear-gradient(135deg,#92400e,#78350f)}.skill-badge-icon-container.hunting{background:linear-gradient(135deg,#dc2626,#b91c1c)}.skill-badge-icon-container.farming{background:linear-gradient(135deg,#f59e0b,#d97706)}.skill-badge-icon-container.smelting{background:linear-gradient(135deg,#f97316,#ea580c)}.skill-badge-icon-container.woodworking{background:linear-gradient(135deg,#a16207,#854d0e)}.skill-badge-icon-container.cooking{background:linear-gradient(135deg,#ef4444,#dc2626)}.skill-badge-icon-container.leatherworking{background:linear-gradient(135deg,#78350f,#57210c)}.skill-badge-icon-container.alchemy{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.skill-badge-icon-container.fletching{background:linear-gradient(135deg,#14532d,#15803d)}.enhanced-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000004d;display:inline-flex;align-items:center;gap:8px}.enhanced-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0006}.enhanced-button:active:not(:disabled){transform:translateY(0)}.enhanced-button:disabled{opacity:.5;cursor:not-allowed}.enhanced-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.enhanced-button.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.enhanced-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.enhanced-button.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.enhanced-button.legendary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 4px 16px #f59e0b99}}.tier-badges-container{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.tier-badge{padding:8px 16px;border-radius:20px;font-weight:700;font-size:12px;letter-spacing:.5px;box-shadow:0 2px 6px #0000004d;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none}.tier-badge.tier-1{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.tier-badge.tier-2{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tier-badge.tier-3{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tier-badge.tier-4{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tier-badge.tier-5{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tier-badge.tier-6{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.tier-badge.tier-7{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tier-badge.tier-8{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;animation:legendary-pulse 2s ease-in-out infinite}.settings-button{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:8px;background:#26272d;border:1px solid #3a3b43;color:#a0a0a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000}.settings-button:hover{background:#2f3038;color:#f5f5f5}.settings-panel{position:fixed;top:0;right:0;width:350px;height:100%;background:#17181c;border-left:1px solid #26272d;box-shadow:-4px 0 12px #00000080;z-index:999;padding:24px;box-sizing:border-box;overflow-y:auto;animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-panel h2{margin:0 0 24px;color:#f5f5f5;font-size:24px}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1f2026;border-radius:8px;margin-bottom:12px}.settings-option-label{display:flex;flex-direction:column;gap:4px}.settings-option-title{font-weight:600;color:#f5f5f5}.settings-option-description{font-size:13px;color:gray}.settings-toggle{width:50px;height:28px;background:#3a3b43;border-radius:14px;position:relative;cursor:pointer;transition:background .3s}.settings-toggle.active{background:#3b82f6}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s}.settings-toggle.active .settings-toggle-knob{transform:translate(22px)}.settings-close{position:absolute;top:24px;right:24px;width:32px;height:32px;border:none;background:transparent;color:gray;font-size:24px;cursor:pointer;line-height:1;padding:0}.settings-close:hover{color:#f5f5f5}.skills-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:24px;margin:24px 0}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}