:root{--bg:#03080d;--bg2:#06121a;--panel:#081821;--panel2:#0a2029;--line:rgba(94,236,225,.16);--line2:rgba(119,255,245,.3);--text:#e8f7f5;--muted:#94b5b4;--cyan:#55f5e6;--cyan2:#1cc9c8;--violet:#aa8cff;--gold:#e9ca74;--red:#ff747f;--shadow:0 24px 70px rgba(0,0,0,.42);--radius:22px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,rgba(28,201,200,.13),transparent 35%),radial-gradient(circle at 90% 20%,rgba(170,140,255,.08),transparent 32%),linear-gradient(180deg,#02070b 0%,#041017 55%,#02070b 100%);min-height:100vh;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:var(--cyan);text-decoration:none}a:hover{color:#a8fff6}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 38px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:1000;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.site-header{position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(104,246,235,.1);background:rgba(3,9,14,.78);backdrop-filter:blur(18px)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:800;letter-spacing:-.02em}.brand img{width:42px;height:42px;border-radius:10px;box-shadow:0 0 28px rgba(63,229,220,.22)}.brand small{display:block;color:var(--muted);font-size:.71rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;margin-top:-2px}.nav{display:flex;align-items:center;gap:6px}.nav a,.nav button{color:#c8dedd;font:inherit;font-weight:700;background:transparent;border:0;padding:10px 12px;border-radius:10px;cursor:pointer}.nav a:hover,.nav a.active,.nav button:hover{background:rgba(83,245,230,.08);color:#fff}.nav .cta{background:linear-gradient(135deg,var(--cyan),#3bd0da);color:#001417;box-shadow:0 8px 28px rgba(64,224,216,.18)}.menu{display:none}.draftbar{background:linear-gradient(90deg,rgba(231,195,95,.15),rgba(231,195,95,.06));border-bottom:1px solid rgba(231,195,95,.2);color:#f4dfaa;font-size:.88rem;padding:8px 0}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 45%;filter:saturate(.8) brightness(.42);opacity:.68}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,12,.99) 0%,rgba(3,11,16,.88) 45%,rgba(3,9,14,.42) 75%,rgba(2,8,12,.8) 100%),linear-gradient(180deg,transparent 40%,var(--bg) 100%)}.hero-inner{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.62fr);align-items:center;gap:60px;padding:80px 0 96px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8feee8;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.eyebrow:before{content:"";width:22px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1,h2,h3,h4{line-height:1.12;margin:0 0 .55em;letter-spacing:-.035em}h1{font-size:clamp(3.15rem,7vw,6.5rem);max-width:920px}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.28rem}.glow{color:#a7fff6;text-shadow:0 0 28px rgba(72,242,229,.22)}.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#b1cecc;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);padding:12px 17px;border-radius:12px;font-weight:800;color:#eafffd;background:rgba(7,25,33,.72);transition:.2s}.btn:hover{transform:translateY(-1px);border-color:rgba(83,245,230,.6);background:rgba(13,42,51,.86);color:white}.btn.primary{background:linear-gradient(135deg,var(--cyan),#47d5de);color:#021414;border:0}.btn.ghost{border-color:rgba(255,255,255,.1);color:#c3d6d5}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.badge{border:1px solid rgba(95,233,223,.16);background:rgba(8,27,35,.62);padding:6px 10px;border-radius:999px;color:#a7c7c5;font-size:.8rem;font-weight:750}.badge.live{color:#83f7da;border-color:rgba(81,243,211,.28)}.badge.gold{color:#f0d58c;border-color:rgba(240,213,140,.25)}.hero-panel{background:linear-gradient(180deg,rgba(8,29,37,.88),rgba(4,16,23,.82));border:1px solid rgba(95,239,226,.2);border-radius:26px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-panel .logo{width:112px;height:112px;border-radius:22px;margin-bottom:22px;box-shadow:0 0 45px rgba(51,225,215,.2)}.status{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}.status strong{color:#efffff;text-align:right}.section{padding:88px 0}.section.tight{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.section-head p{color:var(--muted);max-width:590px;margin:0}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,29,37,.78),rgba(5,17,24,.78));border-radius:var(--radius);padding:24px;box-shadow:0 10px 36px rgba(0,0,0,.15);overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(84,241,229,.46),transparent);opacity:.45}.card p{color:#9dbbb9}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#78ded7;font-weight:850;margin-bottom:8px}.icon-card{display:flex;gap:18px;align-items:flex-start}.pixel-icon{width:58px;height:58px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 0 16px rgba(73,239,227,.25));flex:none}.pixel-icon.lg{width:96px;height:96px}.meta-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#84aaa7;font-size:.78rem;overflow-wrap:anywhere}.notice{border:1px solid rgba(84,241,229,.24);background:rgba(9,40,46,.46);padding:17px 19px;border-radius:14px;color:#bcd8d6}.notice.warn{border-color:rgba(231,195,95,.27);background:rgba(72,58,18,.18);color:#e8dcae}.gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.gallery figure{margin:0;position:relative;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#071118}.gallery figure:first-child{grid-row:span 2;min-height:455px}.gallery img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:38px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-weight:800}.page-hero{padding:62px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 10% 0%,rgba(43,219,209,.09),transparent 35%)}.page-hero h1{font-size:clamp(2.65rem,5vw,4.7rem)}.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;color:#769b99;font-size:.82rem;margin-bottom:16px}.breadcrumbs a{color:#8db7b4}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}.sidebar{position:sticky;top:100px;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(4,16,22,.72)}.sidebar .label{padding:8px 10px;color:#688f8c;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.sidebar a{display:block;padding:9px 10px;border-radius:9px;color:#a9c5c3;font-size:.9rem;font-weight:700}.sidebar a:hover,.sidebar a.active{background:rgba(70,230,218,.08);color:#eafffd}.content{min-width:0}.content h2{margin-top:1.55em;font-size:2rem}.content h3{margin-top:1.45em}.content p,.content li{color:#a9c3c1}.content strong{color:#edfafa}.content ul{padding-left:1.2rem}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:13px 14px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.018)}.stat span{display:block;color:#6f9996;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.stat strong{display:block;margin-top:3px}.recipe{border:1px solid rgba(72,230,219,.2);border-radius:18px;background:linear-gradient(180deg,rgba(6,27,34,.82),rgba(3,15,21,.82));padding:20px;margin:18px 0}.recipe-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.recipe-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.slot{width:118px;min-height:112px;border:1px solid rgba(114,244,234,.14);border-radius:13px;background:#06131a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center;color:#a8c5c2;font-size:.75rem}.slot img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;margin-bottom:7px}.arrow{font-size:1.5rem;color:#5ef0e3}.craft-grid{display:grid;grid-template-columns:repeat(3,74px);gap:5px;width:max-content}.craft-slot{height:74px;width:74px;border:1px solid rgba(114,244,234,.14);border-radius:10px;background:#06131a;display:flex;align-items:center;justify-content:center;font-weight:900;color:#82b8b3}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:620px}.table th,.table td{text-align:left;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.table th{color:#78dcd5;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(11,36,43,.65)}.table td{color:#a9c1bf}.tree{display:grid;gap:11px}.adv{border-left:3px solid #3bd9d1;background:rgba(9,29,36,.65);padding:14px 16px;border-radius:0 12px 12px 0}.adv.challenge{border-left-color:var(--violet)}.adv.goal{border-left-color:var(--gold)}.adv small{color:#6f9895}.faq details{border:1px solid var(--line);border-radius:14px;background:rgba(6,22,29,.65);margin:10px 0;padding:0 17px}.faq summary{padding:15px 0;cursor:pointer;font-weight:800}.faq p{margin-top:0}.legal{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;color:#afc7c5;background:#041118;border:1px solid var(--line);border-radius:16px;padding:20px;overflow:auto}.search-shell{max-width:820px}.searchbox{width:100%;padding:16px 18px;border-radius:14px;border:1px solid rgba(91,240,229,.25);background:#071820;color:#eafffd;font:inherit;outline:none}.searchbox:focus{border-color:rgba(91,240,229,.65);box-shadow:0 0 0 3px rgba(80,230,218,.08)}.results{display:grid;gap:10px;margin-top:18px}.result{display:block;padding:16px 18px;border-radius:13px;border:1px solid var(--line);background:rgba(5,21,27,.72)}.result strong{display:block;color:#eafffd}.result span{color:#8eafac;font-size:.88rem}.footer{border-top:1px solid var(--line);padding:38px 0 54px;color:#789d9a;font-size:.88rem}.footer-grid{display:flex;justify-content:space-between;gap:35px}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer a{color:#8fb6b3}@media(max-width:950px){.nav{display:none;position:absolute;top:74px;left:18px;right:18px;flex-direction:column;align-items:stretch;background:#06141b;border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:var(--shadow)}.nav.open{display:flex}.menu{display:block;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#d8eeec;border-radius:10px;padding:9px 12px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:75px 0}.hero-panel{max-width:560px}.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:1fr 1fr}.gallery figure:first-child{grid-column:span 2;grid-row:auto;min-height:380px}.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto}.sidebar .label{display:none}.sidebar a{white-space:nowrap}.section-head{align-items:start;flex-direction:column}.footer-grid{flex-direction:column}}@media(max-width:640px){.container{width:min(var(--max),calc(100% - 24px))}.header-inner{height:66px}.nav{top:66px}.brand small{display:none}.brand img{width:36px;height:36px}.hero-inner{padding:60px 0 76px}.hero h1{font-size:clamp(2.7rem,15vw,4rem)}.section{padding:62px 0}.g2,.g3,.g4{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure:first-child{grid-column:auto;min-height:270px}.stat-grid{grid-template-columns:1fr}.slot{width:96px}.craft-grid{grid-template-columns:repeat(3,62px)}.craft-slot{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Recipe clarity: use real item art when available and readable names instead of letter placeholders. */
.craft-slot.text-slot{padding:6px;text-align:center;font-size:.62rem;line-height:1.12;color:#b8d6d3;font-weight:800;overflow-wrap:anywhere}
.recipe-icon{width:42px!important;height:42px!important;margin:0!important}
.ingredient-fallback{display:flex;align-items:center;justify-content:center;min-height:42px;padding:4px 6px;color:#c7dfdd;font-size:.72rem;line-height:1.15;font-weight:850;text-align:center}
.empty-slot{border-style:dashed;background:rgba(255,255,255,.01);color:#668d8a}
.result-slot{border-color:rgba(84,241,229,.3);background:rgba(8,31,39,.9)}
.progression-card h3{margin-top:0}
@media(max-width:640px){.craft-slot.text-slot{font-size:.55rem}.ingredient-fallback{font-size:.64rem}}