.navbar{box-sizing:border-box;z-index:100;justify-content:center;margin:0;padding:.7rem 2rem;display:flex;position:sticky;top:0}.navbar.glass-panel{background:#090d17f0;border:none;border-bottom:1px solid #ffffff12;border-radius:0;width:100%}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.navbar-logo{text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:800}.navbar-menu{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-menu a{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.navbar-menu a:hover,.navbar-menu a.active{color:var(--color-text-main);text-shadow:0 0 10px var(--color-primary-glow);text-decoration:none}.navbar-menu a.active:after{content:"";background:var(--color-primary);width:100%;height:2px;box-shadow:0 0 8px var(--color-primary);position:absolute;bottom:0;left:0}.language-switcher{background:#0003;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.25rem;margin-right:1rem;padding:.25rem .5rem;display:flex}.lang-btn{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;font-weight:600;transition:color .2s}.lang-btn:hover{color:#fff}.lang-btn.active{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary-glow)}.lang-separator{color:#ffffff1a;font-size:.8rem}.navbar-menu .discord-btn{color:var(--color-text-dim);cursor:pointer;background:#5865f214;border:1px solid #5865f259;border-radius:6px;justify-content:center;align-items:center;padding:.6rem 1.5rem;transition:all .2s;display:flex}.navbar-menu .discord-btn:hover{color:#fff;background:#5865f21f;border-color:#5865f2;text-decoration:none;transform:scale(1.05);box-shadow:0 0 10px #5865f259}.navbar-toggle{color:var(--color-text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;line-height:1;transition:all .2s;display:none}.navbar-toggle:hover{border-color:var(--color-primary);color:#fff}@media (width<=768px){.navbar-container{position:relative}.navbar-toggle{display:inline-flex}.navbar-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172afa;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;display:none;position:absolute;top:calc(100% + .85rem);left:0;right:0;box-shadow:0 16px 48px #0000008c}.navbar-menu.open{animation:.2s fadeIn;display:flex}.navbar-menu a{padding:.35rem 0;font-size:1.05rem}.language-switcher{margin-right:0}}.launch-banner{z-index:101;box-sizing:border-box;background:linear-gradient(90deg,#5bd6e847,#5bd6e812 52%,#e3c2751f),#070c16;border-bottom:1px solid #5bd6e84d;justify-content:center;width:100%;padding:15px 2rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 30px #5bd6e824}.launch-banner:before{content:"";opacity:.85;background:linear-gradient(90deg,#5bd6e8,#e3c275 55%,#5bd6e8);height:2px;position:absolute;top:0;left:0;right:0}.launch-banner:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 38%,#ffffff12 50%,#0000 62%);animation:9s ease-in-out infinite lbSheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes lbSheen{0%,62%{transform:translate(-100%)}to{transform:translate(100%)}}.launch-banner-inner{z-index:1;align-items:center;gap:18px;width:100%;max-width:1200px;display:flex;position:relative}.launch-banner .lb-pill{letter-spacing:.2em;text-transform:uppercase;color:#1a1408;white-space:nowrap;background:linear-gradient(135deg,#f0d894,#e3c275 55%,#cfae5f);border:1px solid #ffecb48c;border-radius:24px;flex:none;align-items:center;gap:9px;padding:9px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 22px #e3c27559}.launch-banner .lb-dot{background:#1a1408;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite lbPulse}@keyframes lbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.launch-banner .lb-copy{flex:auto;min-width:0}.launch-banner .lb-head,.launch-banner .lb-detail{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.launch-banner .lb-head{letter-spacing:-.01em;color:#fff;text-shadow:0 0 18px #5bd6e859;font-size:18px;font-weight:800;line-height:1.25}.launch-banner .lb-detail{color:#93a8bd;margin-top:3px;font-size:13px;line-height:1.35}.launch-banner .lb-count{letter-spacing:.11em;text-transform:uppercase;color:#071720;white-space:nowrap;background:linear-gradient(135deg,#7ee3f2,#5bd6e8 60%,#3fc0d4);border:1px solid #b4f0fa80;border-radius:24px;flex:none;padding:9px 18px;font-size:13.5px;font-weight:700;box-shadow:0 0 22px #5bd6e866}.launch-banner .lb-cta{letter-spacing:.09em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#5865f2;border:1px solid #5865f2;border-radius:24px;flex:none;align-items:center;gap:10px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 6px 18px -6px #5865f2cc}.launch-banner .lb-cta:hover{color:#fff;text-shadow:none;background:#4752c4;border-color:#4752c4;text-decoration:none;transform:translateY(-1px)}.launch-banner .lb-close{color:#6b8095;cursor:pointer;background:0 0;border:0;flex:none;padding:6px 4px;font-size:18px;line-height:1;transition:color .2s}.launch-banner .lb-close:hover{color:#fff}@media (width<=1180px){.launch-banner{padding:13px 1rem}.launch-banner-inner{gap:13px}.launch-banner .lb-detail{display:none}.launch-banner .lb-head{font-size:16px}}@media (width<=680px){.launch-banner-inner{flex-wrap:wrap;gap:11px 10px}.launch-banner .lb-pill{letter-spacing:.16em;order:1;padding:8px 14px;font-size:11.5px}.launch-banner .lb-count{letter-spacing:.08em;order:2;margin-left:auto;padding:8px 14px;font-size:11.5px}.launch-banner .lb-close{order:3}.launch-banner .lb-copy{flex-basis:100%;order:4}.launch-banner .lb-head{white-space:normal;font-size:15.5px;overflow:visible}.launch-banner .lb-detail{white-space:normal;font-size:12px;display:block;overflow:visible}.launch-banner .lb-cta{order:5;padding:9px 16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.launch-banner .lb-dot{animation:none}.launch-banner:after{display:none}}.launch-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03060cc7;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out lmFade;display:flex;position:fixed;inset:0}@keyframes lmFade{0%{opacity:0}to{opacity:1}}.launch-modal{box-sizing:border-box;text-align:center;background:linear-gradient(150deg,#5bd6e81a,#e3c27512 60%,#0000),#0b1220;border:1px solid #e3c27566;border-radius:24px;width:100%;max-width:620px;max-height:calc(100vh - 48px);padding:22px 46px 38px;animation:.3s cubic-bezier(.22,1,.36,1) lmRise;position:relative;overflow:hidden auto;box-shadow:0 40px 90px -30px #000000f2}@keyframes lmRise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.launch-modal:before{content:"";background:linear-gradient(90deg,#5bd6e8,#e3c275 55%,#5bd6e8);height:2px;position:absolute;top:0;left:0;right:0}.launch-modal .lm-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#e3c2752e,#0000 66%);border-radius:50%;width:520px;max-width:120%;height:300px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.launch-modal .lm-bar{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex;position:relative}.launch-modal .lm-langs{background:#00000040;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:2px;padding:4px;display:flex}.launch-modal .lm-lang{color:#7a8aa3;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:5px 11px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;font-weight:700;transition:all .2s}.launch-modal .lm-lang:hover{color:#fff}.launch-modal .lm-lang.active{color:#071720;background:#5bd6e8}.launch-modal .lm-close{z-index:2;color:#93a8bd;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex:none;width:36px;height:36px;font-size:15px;line-height:1;transition:all .2s}.launch-modal .lm-close:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.launch-modal .lm-pill{letter-spacing:.2em;text-transform:uppercase;color:#1a1408;background:linear-gradient(135deg,#f0d894,#e3c275 55%,#cfae5f);border-radius:24px;align-items:center;gap:9px;padding:8px 17px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 0 26px #e3c27566}.launch-modal .lm-dot{background:#1a1408;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite lmPulse}@keyframes lmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.launch-modal .lm-title{letter-spacing:-.02em;color:#fff;margin:20px 0 0;font-family:Sora,sans-serif;font-size:clamp(23px,4.2vw,31px);font-weight:800;line-height:1.14;position:relative}.launch-modal .lm-lead{color:#93a8bd;max-width:46ch;margin:15px auto 0;font-size:14.5px;line-height:1.65;position:relative}.launch-modal .lm-count{background:#5bd6e80f;border:1px solid #5bd6e852;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:28px;padding:20px 16px;display:flex;position:relative}.launch-modal .lm-num{letter-spacing:-.05em;color:#5bd6e8;text-shadow:0 0 40px #5bd6e88c;font-family:Sora,sans-serif;font-size:60px;font-weight:800;line-height:.9}.launch-modal .lm-label,.launch-modal .lm-last{letter-spacing:.19em;text-transform:uppercase;color:#5bd6e8;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.launch-modal .lm-last{text-shadow:0 0 30px #5bd6e880;font-size:20px;font-weight:700}.launch-modal .lm-date{letter-spacing:.1em;text-transform:uppercase;color:#e3c275;margin:18px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;position:relative}.launch-modal .lm-ok{color:#dce8f0;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#5bd6e81a;border:1px solid #5bd6e880;border-radius:30px;width:100%;margin-top:26px;padding:15px 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;transition:all .2s;position:relative}.launch-modal .lm-ok:hover{color:#fff;background:#5bd6e82e;border-color:#5bd6e8}@media (width<=560px){.launch-modal{padding:18px 22px 30px}.launch-modal .lm-count{flex-direction:column;align-items:center;gap:10px}.launch-modal .lm-num{font-size:54px}}@media (prefers-reduced-motion:reduce){.launch-modal,.launch-modal-overlay,.launch-modal .lm-dot{animation:none}}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:15vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.search-modal{border:1px solid var(--color-primary-glow);background:#0f172a;flex-direction:column;width:90%;max-width:600px;display:flex;box-shadow:0 20px 50px #00000080,0 0 20px #06b6d433}.search-header{border-bottom:1px solid #ffffff0d;align-items:center;padding:1rem 1.5rem;display:flex}.search-icon{opacity:.5;margin-right:1rem;font-size:1.2rem}.search-input{color:#fff;font-size:1.1rem;font-family:var(--font-main);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-dim)}.close-btn{color:var(--color-text-dim);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.search-results{max-height:400px;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.search-result-item{cursor:pointer;border-radius:8px;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.search-result-item:hover{background:#06b6d41a}.result-icon{margin-right:1rem;font-size:1.5rem}.result-info{flex-direction:column;display:flex}.result-name{color:#fff;font-weight:500}.result-type{color:var(--color-text-dim);text-transform:uppercase;font-size:.75rem}.no-results{text-align:center;color:var(--color-text-dim);padding:2rem}:root{--color-bg-dark:#020617;--color-bg-card:#0f172a;--color-primary:#06b6d4;--color-primary-glow:#06b6d480;--color-secondary:#3b82f6;--color-text-main:#f8fafc;--color-text-dim:#94a3b8;--color-border:#1e293b;--font-main:"Inter", system-ui, sans-serif;--transition-fast:.2s ease;--transition-medium:.3s ease}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);background-image:radial-gradient(circle at 15%,#06b6d414,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f614,#0000 25%);min-height:100vh;margin:0;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-shadow:0 0 8px var(--color-primary-glow);text-decoration:underline}h1,h2,h3{letter-spacing:-.025em;margin-top:0;font-weight:700}.app-container{flex-direction:column;min-height:100vh;display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:12px}.text-gradient{background:linear-gradient(to right, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.premium-layout-grid{flex-direction:column;align-items:stretch;gap:2.5rem;width:100%;display:flex}.premium-layout-npc{text-align:left;width:100%;margin:0 auto}.npc-showcase-card{flex-direction:column;display:flex}.npc-showcase-card>img,.npc-showcase-card>.premium-img-frame{width:100%;height:auto}.premium-layout-npc .npc-showcase-info{text-align:center;flex-direction:column;align-items:center;display:flex}.premium-layout-npc .npc-location{justify-content:center;width:100%}@media (width>=768px){.npc-showcase-card{flex-direction:row;align-items:stretch}.npc-showcase-card>img,.npc-showcase-card>.premium-img-frame{object-fit:cover;flex-shrink:0;width:400px!important}.premium-layout-npc .npc-showcase-info{text-align:left;flex:1;justify-content:center;align-items:flex-start;padding:2.5rem!important}.premium-layout-npc .npc-location{justify-content:flex-start}}.subsystems-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-auto-rows:1fr;gap:1rem;display:grid}@media (width<=1024px){.subsystems-grid{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-medium) forwards}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{border-radius:inherit;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/600px 100%;animation:1.4s linear infinite shimmer}.img-reveal{opacity:0;transition:opacity .5s}.img-reveal.loaded{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.card-stagger{opacity:0;animation:.35s forwards slideInRight}.premium-img-frame{aspect-ratio:1;transition:transform var(--transition-fast), border-color var(--transition-fast);background:#000;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 15px #0009}.premium-img-frame.result-gold{background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b26 100%);border-width:2px;border-color:#fbbf24d9;box-shadow:inset 0 0 15px #0009}.premium-img-frame.result-purple{background:linear-gradient(135deg,#a855f733 0%,#06b6d433 100%);border-width:2px;border-color:#a855f7bf;box-shadow:inset 0 0 15px #0009}.premium-img-frame.result-green{background:linear-gradient(135deg,#22c55e26 0%,#15803d26 100%);border-width:2px;border-color:#22c55ed9;box-shadow:inset 0 0 15px #0009}.premium-img-frame.result-cyan{background:linear-gradient(135deg,#06b6d426 0%,#0891b226 100%);border-width:2px;border-color:#06b6d4d9;box-shadow:inset 0 0 15px #0009}.premium-img-frame.result-red{background:linear-gradient(135deg,#ef444426 0%,#b91c1c26 100%);border-color:#ef444499;box-shadow:0 0 25px #ef444440,inset 0 0 15px #0009}.premium-img-frame.result-blue{background:linear-gradient(135deg,#2563eb26 0%,#1d4ed826 100%);border-color:#2563eb99;box-shadow:0 0 25px #2563eb40,inset 0 0 15px #0009}.premium-img-frame img{object-fit:contain;width:100%;height:100%;padding:10%}.responsive-arrow{transition:transform var(--transition-fast);display:inline-block}@media (width<=768px){.responsive-arrow{transform:rotate(90deg)}}.responsive-arrow-wrapper{justify-content:center;align-items:center;display:flex}@media (width<=768px){.responsive-arrow-wrapper{width:100%;margin:1rem 0}}.ingredient-item-card{cursor:default;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s,background-color .3s}.ingredient-item-card:hover{transform:translateY(-5px);border-color:rgba(var(--npc-theme-rgb,6, 182, 212), .5)!important}.navbar-logo.brand-v2{align-items:center;gap:11px;font-family:Sora,Inter,sans-serif;text-decoration:none;display:flex}.navbar-logo.brand-v2:hover{text-decoration:none}.brand-v2 .nb-mark{color:#08111f;background:linear-gradient(135deg,#5bd6e8,#aef0f7);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 0 16px #5bd6e880,inset 0 1px 1px #ffffff80}.brand-v2:hover .nb-mark{transform:rotate(-12deg)scale(1.05);box-shadow:0 0 24px #5bd6e8cc,inset 0 1px 1px #ffffff80}.brand-v2 .nb-mark svg{width:19px;height:19px;display:block}.brand-v2 .nb-name{letter-spacing:-.01em;color:#eaf3f7;text-shadow:0 0 18px #5bd6e859;font-size:19px;font-weight:700;line-height:1}.brand-v2 .nb-name b{background:linear-gradient(135deg,#5bd6e8,#9fe9f3);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.brand-v2 .nb-badge{letter-spacing:.22em;color:#7a8aa3;border:1px solid #5bd6e840;border-radius:5px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;line-height:1}@media (width<=480px){.brand-v2 .nb-badge{display:none}}