@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Roboto:wght@400;500&display=swap";:root{--bg-primary: #0a0a12;--bg-secondary: #12101e;--bg-tertiary: #1a1730;--bg-card: #14122a;--border-dark: rgba(100, 80, 160, .15);--border-gold: rgba(120, 90, 200, .35);--border-light: rgba(140, 120, 200, .2);--gold-primary: #c4b5e0;--gold-light: #ddd0f5;--gold-dark: #8a7ab8;--text-primary: #e8e4f0;--text-secondary: #b0a8c8;--text-muted: rgba(160, 140, 200, .45);--success: #6dc98a;--error: #ef4444;--warning: #f5b84d;--info: #7eb8da;--accent: #7eb8da;--accent-light: #a0d0f0;--rarity-common: #e8e4f0;--rarity-uncommon: #6dc98a;--rarity-semi-rare: #7eb8da;--rarity-rare: #c4b5e0;--rarity-very-rare: #ddd0f5;--class-1: rgba(160, 140, 200, .5);--class-2: #6dc98a;--class-3: #7eb8da;--class-4: #d4a56a;--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, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-gold: 0 0 12px rgba(140, 120, 200, .25)}*{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:1px 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 #ffffff08,var(--shadow-md)}.tibia-border-gold{border:2px solid var(--gold-dark);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;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.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:1px 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,#785ac866,#503ca04d);color:var(--gold-primary);border-color:var(--gold-dark)}.btn-primary:hover{background:linear-gradient(180deg,#8c6edc80,#6450b466);box-shadow:var(--shadow-gold);color:var(--gold-light)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.btn-danger{background:var(--bg-tertiary);color:var(--error);border-color:#ef444466}.btn-danger:hover{background:#ef444426;color:var(--error);border-color:var(--error)}.btn:disabled{opacity:.4;cursor:not-allowed}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#14121e99;border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--gold-dark);box-shadow:0 0 0 2px #8c78c826}.input::placeholder{color:var(--text-muted)}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#14121e99;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-dark)}.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:#e8e4f014;color:var(--rarity-common)}.badge-rarity-uncommon{background:#6dc98a1a;color:var(--rarity-uncommon)}.badge-rarity-semi-rare{background:#7eb8da1a;color:var(--rarity-semi-rare)}.badge-rarity-rare{background:#c4b5e01f;color:var(--rarity-rare)}.badge-rarity-very-rare{background:#ddd0f51f;color:var(--rarity-very-rare)}.badge-class-1{background:#a08cc81a;color:var(--class-1);border:1px solid var(--class-1)}.badge-class-2{background:#6dc98a1a;color:var(--class-2);border:1px solid var(--class-2)}.badge-class-3{background:#7eb8da1a;color:var(--class-3);border:1px solid var(--class-3)}.badge-class-4{background:#d4a56a1a;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-dark);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-primary);border-radius:9999px;overflow:hidden;border:1px solid rgba(100,80,160,.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold-primary) 50%,var(--accent) 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 #8c78c833}50%{box-shadow:0 0 20px #8c78c880}}.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:#6dc98a26}to{background-color:transparent}}.animate-success{animation:success-flash .5s ease-in-out}@keyframes fail-flash{0%{background-color:transparent}50%{background-color:#ef444426}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:#8c78c84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.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;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.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:1px solid var(--border-gold);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.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:#6450a01a;color:var(--text-primary)}.nav-link.active{background:linear-gradient(90deg,rgba(140,120,200,.15) 0%,transparent 100%);color:var(--gold-primary);border-left:3px solid var(--gold-dark)}.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:#785ac840;border-color:var(--gold-dark);color:var(--gold-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:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-gold)}.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 rgba(100,80,160,.2);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-dark);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);border:1px solid var(--border-dark)}.forge-option{display:flex;align-items:center;gap:var(--spacing-md)}.forge-option-checkbox{width:20px;height:20px;accent-color:var(--gold-dark);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);border:1px solid rgba(100,80,160,.08)}.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:#6dc98a14;border:1px solid rgba(109,201,138,.4)}.forge-result.failure{background:#ef444414;border:1px solid rgba(239,68,68,.4)}.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(--gold-dark);color:var(--gold-primary)}.tier-btn.active{background:#785ac840;border-color:var(--gold-dark);color:var(--gold-primary);box-shadow:var(--shadow-gold)}.tier-btn:disabled{opacity:.3;cursor:not-allowed}.calculator-results{background:var(--bg-secondary);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-gold)}.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);border:1px solid rgba(100,80,160,.06)}.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-dark)}.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:#6450a00f}.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);border:1px solid rgba(100,80,160,.06)}.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);border:1px solid var(--border-dark)}.stat-item{text-align:center}.stat-value{font-family:Cinzel,serif;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:#06050cd9;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:var(--bg-secondary);border:1px solid var(--border-gold);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.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-dark);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}