:root{--np-bg:#0a0a1a;--np-card:rgba(20,20,40,0.95);--np-pink:#ff6b9d;--np-purple:#9b59b6;--np-blue:#3498db;--np-teal:#1abc9c;--np-gold:#f1c40f;--np-text:#fff;--np-text-muted:#89a;--np-border:rgba(255,255,255,0.1);--np-success:#2ecc71;--np-warning:#f39c12;--np-danger:#e74c3c;--rarity-common:gray;--rarity-uncommon:#0a0;--rarity-rare:#06f;--rarity-epic:#a0f;--rarity-legendary:#f60;--rarity-mythic:#f0f}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:'Quicksand',sans-serif;background:var(--np-bg);color:var(--np-text);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 20% 0,rgba(155,89,182,0.15) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,107,157,0.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(52,152,219,0.05) 0,transparent 70%)}.main-content{flex:1;padding-top:80px}.container{max-width:1400px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-family:'Fredoka',sans-serif;font-size:2.5rem;background:linear-gradient(135deg,var(--np-gold),#f39c12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.page-header p{color:var(--np-text-muted);font-size:1.1rem}.crafting-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}@media(max-width:900px){.crafting-layout{grid-template-columns:1fr}}.crafting-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:var(--np-card);border-radius:16px;padding:1.25rem;border:1px solid var(--np-border)}.sidebar-section h3{font-family:'Fredoka',sans-serif;font-size:1rem;color:var(--np-text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.crafting-level-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,rgba(241,196,15,0.15),rgba(243,156,18,0.1));border-radius:12px;border:1px solid rgba(241,196,15,0.3);flex-wrap:wrap}.crafting-level-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--np-gold),#f39c12);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#000;flex-shrink:0;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,100%{box-shadow:0 0 10px rgba(241,196,15,0.3)}50%{box-shadow:0 0 20px rgba(241,196,15,0.6)}}.crafting-level-info{flex:1;min-width:100px}.crafting-level-label{font-size:.8rem;color:var(--np-text-muted);text-transform:uppercase;letter-spacing:.5px}.crafting-level-value{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700;color:var(--np-gold)}.crafting-exp-container{width:100%;margin-top:.75rem}.exp-bar-wrapper{display:flex;align-items:center;gap:.5rem}.exp-bar-bg{flex:1;height:8px;background:rgba(0,0,0,0.4);border-radius:4px;overflow:hidden;position:relative}.exp-bar-fill{height:100%;background:linear-gradient(90deg,var(--np-gold),#f39c12,#e67e22);border-radius:4px;width:0;transition:width .8s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.exp-bar-fill::after{content:'';position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent 0,transparent 25%,rgba(255,255,255,0.4) 50%,transparent 75%,transparent 100%);animation:shimmer 2s infinite linear}@keyframes shimmer{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.exp-text{font-size:.7rem;color:var(--np-text-muted);white-space:nowrap}.exp-gained{position:fixed;pointer-events:none;font-weight:700;font-size:1rem;color:var(--np-gold);text-shadow:0 0 10px rgba(241,196,15,0.8);animation:expFloat 1.5s ease-out forwards;z-index:1001}@keyframes expFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}100%{opacity:0;transform:translateY(-60px) scale(0.8)}}.level-up-celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(241,196,15,0.95),rgba(243,156,18,0.95));color:#000;padding:2rem 3rem;border-radius:20px;text-align:center;z-index:1002;animation:levelUpPop .5s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 0 60px rgba(241,196,15,0.8)}@keyframes levelUpPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.level-up-celebration h2{font-family:'Fredoka',sans-serif;font-size:2rem;margin-bottom:.5rem}.level-up-celebration .new-level{font-size:3rem;font-weight:700}.station-list{display:flex;flex-direction:column;gap:.5rem}.station-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(255,255,255,0.05);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent;position:relative;overflow:hidden}.station-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left .5s ease}.station-item:hover::before{left:100%}.station-item:hover{background:rgba(255,255,255,0.1);transform:translateX(4px)}.station-item.active{background:linear-gradient(135deg,rgba(255,107,157,0.2),rgba(155,89,182,0.2));border-color:var(--np-pink);box-shadow:0 0 15px rgba(255,107,157,0.2)}.station-item.locked{opacity:.5;cursor:not-allowed}.station-item.locked:hover{transform:none}.station-item .icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.1rem}.station-item.forge .icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.station-item.alchemy .icon{background:linear-gradient(135deg,#2ecc71,#27ae60)}.station-item.enchanting .icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.station-item.accessory .icon{background:linear-gradient(135deg,#f1c40f,#f39c12)}.station-item .info{flex:1}.station-item .name{font-weight:600;font-size:.95rem}.station-item .level{font-size:.75rem;color:var(--np-text-muted)}.essence-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.essence-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(255,255,255,0.05);border-radius:8px;font-size:.85rem}.essence-item i{font-size:.9rem}.essence-item .amount{font-weight:600;margin-left:auto}.crafting-main{display:flex;flex-direction:column;gap:1.5rem}.station-header{background:var(--np-card);border-radius:16px;padding:1.5rem;border:1px solid var(--np-border);display:flex;align-items:center;gap:1.5rem}.station-npc{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;border:3px solid rgba(255,255,255,0.2);box-shadow:0 5px 20px rgba(0,0,0,0.3);flex-shrink:0}.station-npc.forge-bg{background:linear-gradient(135deg,#e74c3c,#c0392b)}.station-npc.alchemy-bg{background:linear-gradient(135deg,#2ecc71,#16a085)}.station-npc.enchanting-bg{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.station-npc.accessory-bg{background:linear-gradient(135deg,#f1c40f,#e67e22)}.station-npc.default-bg{background:linear-gradient(135deg,var(--np-purple),var(--np-pink))}.station-npc img{width:100%;height:100%;object-fit:cover;object-position:center top}.station-info{flex:1}.station-info h2{font-family:'Fredoka',sans-serif;font-size:1.5rem;margin-bottom:.25rem}.station-info .npc-name{color:var(--np-gold);font-weight:600;margin-bottom:.5rem}.station-info .description{color:var(--np-text-muted);font-size:.9rem;line-height:1.5}.recipe-section{background:var(--np-card);border-radius:16px;padding:1.5rem;border:1px solid var(--np-border)}.recipe-section h3{font-family:'Fredoka',sans-serif;font-size:1.2rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.recipe-card{background:rgba(255,255,255,0.05);border-radius:12px;padding:1rem;border:2px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative}.recipe-grid.animate-cards .recipe-card{opacity:0;animation:cardFadeIn .4s ease forwards}.recipe-grid.animate-cards .recipe-card:nth-child(1){animation-delay:.05s}.recipe-grid.animate-cards .recipe-card:nth-child(2){animation-delay:.1s}.recipe-grid.animate-cards .recipe-card:nth-child(3){animation-delay:.15s}.recipe-grid.animate-cards .recipe-card:nth-child(4){animation-delay:.2s}.recipe-grid.animate-cards .recipe-card:nth-child(5){animation-delay:.25s}.recipe-grid.animate-cards .recipe-card:nth-child(6){animation-delay:.3s}.recipe-grid.animate-cards .recipe-card:nth-child(7){animation-delay:.35s}.recipe-grid.animate-cards .recipe-card:nth-child(8){animation-delay:.4s}.recipe-grid.animate-cards .recipe-card:nth-child(9){animation-delay:.45s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.recipe-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.recipe-card.can-craft{border-color:var(--np-success);box-shadow:0 0 15px rgba(46,204,113,0.2)}.recipe-card.can-craft:hover{box-shadow:0 0 25px rgba(46,204,113,0.4)}.recipe-card.selected{border-color:var(--np-gold);background:rgba(241,196,15,0.1);box-shadow:0 0 20px rgba(241,196,15,0.3);transform:scale(1.02)}.recipe-card.locked{opacity:.85}.recipe-card.level-locked{opacity:.5;cursor:not-allowed}.recipe-card.level-locked:hover{transform:none;box-shadow:none}.recipe-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.recipe-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;overflow:hidden}.recipe-icon img{width:100%;height:100%;object-fit:contain}.recipe-icon.common{background:linear-gradient(135deg,#555,#777)}.recipe-icon.uncommon{background:linear-gradient(135deg,#0a0,#0c0)}.recipe-icon.rare{background:linear-gradient(135deg,#06f,#08f)}.recipe-icon.epic{background:linear-gradient(135deg,#a0f,#c0f)}.recipe-icon.legendary{background:linear-gradient(135deg,#f60,#f80)}.recipe-icon.mythic{background:linear-gradient(135deg,#f0f,#f4f)}.recipe-icon.weapon{color:silver}.recipe-icon.shield{color:#87ceeb}.recipe-icon.potion{color:#ff6b9d}.recipe-icon.accessory{color:#ffd700}.recipe-title{flex:1}.recipe-title h4{font-weight:600;font-size:1rem;margin-bottom:.25rem}.recipe-title .tier{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.tier.basic{color:#888}.tier.intermediate{color:#0a0}.tier.advanced{color:#06f}.tier.expert{color:#a0f}.tier.master{color:#f60}.recipe-requirements{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.req-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.req-badge.level{background:rgba(52,152,219,0.2);color:var(--np-blue)}.req-badge.level.too-high{background:rgba(231,76,60,0.2);color:var(--np-danger)}.req-badge.cost{background:rgba(241,196,15,0.2);color:var(--np-gold)}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:.5rem}.ingredient{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(255,255,255,0.05);border-radius:6px;font-size:.8rem}.ingredient.has-enough{color:var(--np-success)}.ingredient.missing{color:var(--np-danger)}.slot-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:linear-gradient(135deg,rgba(99,102,241,0.25),rgba(99,102,241,0.1));border:1px solid rgba(99,102,241,0.4);border-radius:6px;font-size:.7rem;font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px}.slot-badge i{font-size:.6rem;opacity:.9}.slot-badge.slot-weapon{background:linear-gradient(135deg,rgba(239,68,68,0.25),rgba(239,68,68,0.1));border-color:rgba(239,68,68,0.4);color:#fca5a5}.slot-badge.slot-shield{background:linear-gradient(135deg,rgba(59,130,246,0.25),rgba(59,130,246,0.1));border-color:rgba(59,130,246,0.4);color:#93c5fd}.slot-badge.slot-helmet,.slot-badge.slot-head{background:linear-gradient(135deg,rgba(168,85,247,0.25),rgba(168,85,247,0.1));border-color:rgba(168,85,247,0.4);color:#d8b4fe}.slot-badge.slot-armor,.slot-badge.slot-body{background:linear-gradient(135deg,rgba(34,197,94,0.25),rgba(34,197,94,0.1));border-color:rgba(34,197,94,0.4);color:#86efac}.slot-badge.slot-boots,.slot-badge.slot-feet{background:linear-gradient(135deg,rgba(251,191,36,0.25),rgba(251,191,36,0.1));border-color:rgba(251,191,36,0.4);color:#fde047}.slot-badge.slot-accessory{background:linear-gradient(135deg,rgba(244,114,182,0.25),rgba(244,114,182,0.1));border-color:rgba(244,114,182,0.4);color:#f9a8d4}.slot-badge.slot-ring{background:linear-gradient(135deg,rgba(14,165,233,0.25),rgba(14,165,233,0.1));border-color:rgba(14,165,233,0.4);color:#7dd3fc}.stat-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;margin-bottom:.5rem}.stat-badge{padding:.2rem .4rem;background:rgba(46,204,113,0.15);border:1px solid rgba(46,204,113,0.3);border-radius:5px;font-size:.7rem;font-weight:600;color:var(--np-success)}.stat-badge.magic-pen{background:rgba(168,85,247,0.15);border-color:rgba(168,85,247,0.3);color:#d8b4fe}.stat-badge.resist{background:rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.3);color:#93c5fd}.stat-badge.damage{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3);color:#fca5a5}.recipe-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:280px;max-width:90vw;background:rgba(20,20,40,0.98);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:1rem;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 40px rgba(0,0,0,0.5);margin-bottom:10px}.recipe-card:hover .recipe-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px)}.tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.tooltip-name{font-family:'Fredoka',sans-serif;font-size:1rem;font-weight:600;margin-bottom:.25rem}.tooltip-rarity{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tooltip-rarity.common{color:gray}.tooltip-rarity.uncommon{color:#0a0}.tooltip-rarity.rare{color:#06f}.tooltip-rarity.epic{color:#a0f}.tooltip-rarity.legendary{color:#f60}.tooltip-rarity.mythic{color:#f0f}.tooltip-description{font-size:.8rem;color:var(--np-text-muted);line-height:1.4;margin-bottom:.75rem;font-style:italic}.tooltip-stats{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid rgba(255,255,255,0.1);padding-top:.75rem}.tooltip-stat-row{display:flex;justify-content:space-between;font-size:.8rem}.tooltip-stat-name{color:var(--np-text-muted)}.tooltip-stat-value{font-weight:600;color:var(--np-success)}.tooltip-stat-value.negative{color:var(--np-danger)}.tooltip-slot{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.1);font-size:.75rem;color:#a5b4fc}.learn-recipe-btn{display:block;width:100%;margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--np-gold),#f39c12);border:0;border-radius:10px;color:#000;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(241,196,15,0.3)}.learn-recipe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(241,196,15,0.5)}.learn-recipe-btn i{font-size:1rem}.level-requirement-msg{display:block;width:100%;margin-top:1rem;padding:.75rem 1rem;background:rgba(231,76,60,0.15);border:1px solid rgba(231,76,60,0.3);border-radius:10px;color:var(--np-danger);font-weight:600;font-size:.9rem;text-align:center}.crafting-panel{background:var(--np-card);border-radius:16px;padding:1.5rem;border:1px solid var(--np-border);display:none;opacity:0;transform:translateY(20px);scroll-margin-top:100px}.crafting-panel.active{display:block;animation:panelSlideIn .4s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.crafting-panel.crafting-active{border-color:var(--np-gold);box-shadow:0 0 30px rgba(241,196,15,0.2)}.crafting-panel h3{font-family:'Fredoka',sans-serif;font-size:1.2rem;margin-bottom:1rem}.crafting-content{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}@media(max-width:768px){.crafting-content{grid-template-columns:1fr;text-align:center}}.materials-list{display:flex;flex-direction:column;gap:.75rem}.material-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,0.05);border-radius:10px}.material-row .mat-icon{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center}.material-row .mat-info{flex:1}.material-row .mat-name{font-weight:600;font-size:.9rem}.material-row .mat-count{font-size:.8rem}.material-row .mat-count.enough{color:var(--np-success)}.material-row .mat-count.not-enough{color:var(--np-danger)}.craft-arrow{font-size:2rem;color:var(--np-gold)}.craft-result{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:12px}.result-icon{width:80px;height:80px;margin:0 auto 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.result-name{font-family:'Fredoka',sans-serif;font-size:1.2rem;margin-bottom:.5rem}.result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.result-stats .stat-badge{padding:.25rem .5rem;background:rgba(46,204,113,0.2);color:var(--np-success);border-radius:6px;font-size:.8rem;font-weight:600}.craft-controls{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.quantity-selector{display:flex;align-items:center;gap:1rem}.qty-btn{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,0.1);color:white;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.qty-btn:hover{background:rgba(255,255,255,0.2)}.qty-display{font-size:1.5rem;font-weight:700;min-width:60px;text-align:center}.craft-btn{padding:1rem 3rem;font-size:1.1rem;font-weight:700;font-family:'Fredoka',sans-serif;border:0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.craft-btn.ready{background:linear-gradient(135deg,var(--np-success),#27ae60);color:white;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,100%{box-shadow:0 0 20px rgba(46,204,113,0.3)}50%{box-shadow:0 0 35px rgba(46,204,113,0.6)}}.craft-btn.ready:hover{transform:scale(1.08);box-shadow:0 0 40px rgba(46,204,113,0.5);animation:none}.craft-btn.ready:active{transform:scale(0.98)}.craft-btn.disabled{background:rgba(255,255,255,0.1);color:var(--np-text-muted);cursor:not-allowed}.craft-btn.crafting{background:linear-gradient(135deg,var(--np-gold),#f39c12);pointer-events:none}.craft-btn .hammer-swing{animation:hammerSwing .5s ease-in-out infinite}@keyframes hammerSwing{0%,100%{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}.craft-cost{display:flex;align-items:center;gap:.5rem;color:var(--np-gold);font-weight:600}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:var(--np-card);border-radius:12px;border:1px solid var(--np-border);box-shadow:0 10px 40px rgba(0,0,0,0.3);display:flex;align-items:center;gap:.75rem;transform:translateX(150%);transition:transform .3s ease;z-index:1000}.toast.show{transform:translateX(0)}.toast.success{border-color:var(--np-success)}.toast.error{border-color:var(--np-danger)}.toast i{font-size:1.5rem}.toast.success i{color:var(--np-success)}.toast.error i{color:var(--np-danger)}.empty-state{text-align:center;padding:3rem;color:var(--np-text-muted)}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h4{font-family:'Fredoka',sans-serif;font-size:1.3rem;margin-bottom:.5rem;color:var(--np-text)}.loading{text-align:center;padding:2rem}.loading i{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,0.1);color:white;text-decoration:none;border-radius:10px;font-weight:600;margin-bottom:1.5rem;transition:all .2s ease}.back-btn:hover{background:rgba(255,255,255,0.15)}