@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Roboto:wght@400;500&display=swap";:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-card: #1e1e1e;--border-dark: #333333;--border-gold: #8b7355;--border-light: #4a4a4a;--gold-primary: #d4af37;--gold-light: #f4d03f;--gold-dark: #aa8a2e;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-muted: #707070;--success: #4ade80;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--rarity-common: #ffffff;--rarity-uncommon: #00ff00;--rarity-semi-rare: #3399ff;--rarity-rare: #cc66ff;--rarity-very-rare: #ffcc00;--class-1: #888888;--class-2: #55aa55;--class-3: #5588dd;--class-4: #dd8833;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-gold: 0 0 10px rgba(212, 175, 55, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;color:var(--gold-primary);margin-bottom:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.tibia-border{border:2px solid var(--border-gold);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);box-shadow:inset 0 1px #ffffff0d,var(--shadow-md)}.tibia-border-gold{border:2px solid var(--gold-primary);box-shadow:var(--shadow-gold)}.card{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md)}.card-header{font-family:Cinzel,serif;color:var(--gold-primary);font-size:1.1rem;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-dark);margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:Cinzel,serif;font-size:.9rem;font-weight:600;border:2px solid var(--border-gold);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(180deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-primary);border-color:var(--gold-light)}.btn-primary:hover{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-primary) 100%);box-shadow:var(--shadow-gold)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.btn-danger{background:var(--bg-tertiary);color:var(--error);border-color:var(--error)}.btn-danger:hover{background:var(--error);color:var(--bg-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 2px #d4af3733}.input::placeholder{color:var(--text-muted)}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;cursor:pointer}.select:focus{outline:none;border-color:var(--gold-primary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.badge-rarity-common{background:#ffffff1a;color:var(--rarity-common)}.badge-rarity-uncommon{background:#00ff001a;color:var(--rarity-uncommon)}.badge-rarity-semi-rare{background:#3399ff1a;color:var(--rarity-semi-rare)}.badge-rarity-rare{background:#cc66ff1a;color:var(--rarity-rare)}.badge-rarity-very-rare{background:#ffcc001a;color:var(--rarity-very-rare)}.badge-class-1{background:#8883;color:var(--class-1);border:1px solid var(--class-1)}.badge-class-2{background:#5a53;color:var(--class-2);border:1px solid var(--class-2)}.badge-class-3{background:#58d3;color:var(--class-3);border:1px solid var(--class-3)}.badge-class-4{background:#d833;color:var(--class-4);border:1px solid var(--class-4)}.tier{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:Cinzel,serif;font-weight:700;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:2px solid var(--gold-primary);color:var(--gold-primary)}.tier-0{border-color:var(--border-dark);color:var(--text-muted)}.tier-high{border-color:var(--gold-light);color:var(--gold-light);box-shadow:var(--shadow-gold)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold-primary) 100%);transition:width .3s ease}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-gold{color:var(--gold-primary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}@keyframes pulse-gold{0%,to{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 20px #d4af3799}}.animate-pulse-gold{animation:pulse-gold 2s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .3s ease-in-out}@keyframes success-flash{0%{background-color:transparent}50%{background-color:#4ade8033}to{background-color:transparent}}.animate-success{animation:success-flash .5s ease-in-out}@keyframes fail-flash{0%{background-color:transparent}50%{background-color:#ef444433}to{background-color:transparent}}.animate-fail{animation:fail-flash .5s ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.item-image{width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.item-image img{max-width:100%;max-height:100%;image-rendering:pixelated}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-gold);border-radius:var(--radius-sm);font-size:.875rem;white-space:nowrap;z-index:100;opacity:0;visibility:hidden;transition:all .2s ease}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.gold-value{color:var(--gold-primary);font-weight:500}.gold-value:after{content:" gp";color:var(--text-muted);font-weight:400}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:2px solid var(--border-gold);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-dark)}.sidebar-logo{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:var(--gold-primary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease;font-size:.95rem}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:linear-gradient(90deg,rgba(212,175,55,.15) 0%,transparent 100%);color:var(--gold-primary);border-left:3px solid var(--gold-primary)}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.main-content{flex:1;margin-left:260px;padding:var(--spacing-lg);min-height:100vh}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.item-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-dark)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.filter-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.filter-btn{padding:4px 12px;font-size:.85rem;background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--border-gold);color:var(--text-primary)}.filter-btn.active{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--bg-primary)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.item-card{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease;cursor:pointer}.item-card:hover{border-color:var(--border-gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.item-card-image{width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.item-card-image img{max-width:32px;max-height:32px;image-rendering:pixelated}.item-card-title{flex:1}.item-card-name{font-family:Cinzel,serif;font-size:1rem;color:var(--text-primary);margin-bottom:2px}.item-card-type{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.item-card-badges{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.item-card-price{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center}.item-card-price-label{font-size:.8rem;color:var(--text-muted)}.item-card-price-input{width:120px;padding:4px 8px;font-size:.9rem;text-align:right}.forge-simulator{max-width:900px;margin:0 auto}.forge-container{background:var(--bg-secondary);border:2px solid var(--border-gold);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.forge-slots{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.forge-slot{width:150px;height:180px;background:var(--bg-tertiary);border:2px dashed var(--border-dark);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s ease}.forge-slot:hover{border-color:var(--gold-primary);border-style:solid}.forge-slot.filled{border-style:solid;border-color:var(--border-gold);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.forge-slot-icon{font-size:2.5rem;color:var(--text-muted)}.forge-slot-label{font-size:.85rem;color:var(--text-muted);text-align:center}.forge-slot-item{text-align:center}.forge-slot-item-image{width:64px;height:64px;margin:0 auto var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.forge-slot-item-image img{max-width:48px;max-height:48px;image-rendering:pixelated}.forge-slot-item-name{font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.forge-slot-item-tier{font-size:.8rem;color:var(--gold-primary)}.forge-plus{font-size:2rem;color:var(--gold-primary);font-weight:700}.forge-options{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.forge-option{display:flex;align-items:center;gap:var(--spacing-md)}.forge-option-checkbox{width:20px;height:20px;accent-color:var(--gold-primary);cursor:pointer}.forge-option-label{flex:1}.forge-option-title{font-size:.95rem;color:var(--text-primary)}.forge-option-desc{font-size:.8rem;color:var(--text-muted)}.forge-cost-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.forge-cost-item{text-align:center}.forge-cost-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.forge-cost-value{font-family:Cinzel,serif;font-size:1.1rem;color:var(--gold-primary)}.forge-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.forge-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem}.forge-result{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.forge-result.success{background:#4ade801a;border:2px solid var(--success)}.forge-result.failure{background:#ef44441a;border:2px solid var(--error)}.forge-result-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.forge-result-title{font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:var(--spacing-sm)}.forge-result-desc{color:var(--text-secondary)}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:900px){.calculator-container{grid-template-columns:1fr}}.calculator-form{background:var(--bg-secondary);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.tier-selector{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.tier-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Cinzel,serif;font-weight:600;cursor:pointer;transition:all .2s ease}.tier-btn:hover{border-color:var(--border-gold);color:var(--gold-primary)}.tier-btn.active{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--bg-primary)}.tier-btn:disabled{opacity:.3;cursor:not-allowed}.calculator-results{background:var(--bg-secondary);border:2px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--spacing-lg)}.result-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-dark)}.result-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.result-title{font-family:Cinzel,serif;font-size:1rem;color:var(--gold-primary);margin-bottom:var(--spacing-md)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.result-item{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-sm)}.result-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.result-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.result-value.gold{color:var(--gold-primary)}.ranking-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-dark);padding-bottom:var(--spacing-md)}.ranking-tab{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.ranking-tab:hover{color:var(--text-primary)}.ranking-tab.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary)}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-dark)}.ranking-table th{font-family:Cinzel,serif;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;background:var(--bg-secondary)}.ranking-table tr:hover td{background:var(--bg-secondary)}.ranking-rank{font-family:Cinzel,serif;font-size:1.1rem;color:var(--gold-primary);width:50px}.ranking-item-cell{display:flex;align-items:center;gap:var(--spacing-md)}.forge-history{margin-top:var(--spacing-xl)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.history-list{max-height:300px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.history-item.success{border-left:3px solid var(--success)}.history-item.failure{border-left:3px solid var(--error)}.history-icon{font-size:1.2rem}.history-details{flex:1}.history-text{font-size:.9rem;color:var(--text-primary)}.history-cost{font-size:.8rem;color:var(--text-muted)}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.stat-item{text-align:center}.stat-value{font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold-primary)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:var(--spacing-md)}.forge-slots{flex-direction:column}.forge-plus{transform:rotate(90deg)}.forge-cost-preview{grid-template-columns:1fr}.history-stats{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md)}.modal{background:var(--bg-secondary);border:2px solid var(--border-gold);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:Cinzel,serif;font-size:1.25rem;color:var(--gold-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-md)}.modal-search{margin-bottom:var(--spacing-md)}.modal-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.modal-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.modal-item:hover{border-color:var(--gold-primary);background:var(--bg-card)}.modal-item-image{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-item-image img{max-width:100%;max-height:100%;image-rendering:pixelated}.modal-item-name{flex:1;font-size:.9rem}