@import "https://fonts.googleapis.com/css2?family=Sunshiney&display=swap";
:root{--bg:#06140a;--bg-soft:#0c2813;--panel:#07140ac7;--lime:#b5ff29;--green:#34eb63;--mint:#dfffe8;--paper:#f7fff3;--ink:#08110b;--stroke:#07110b;--muted:#b8e7c2;--shadow:8px 8px 0 var(--stroke);--shadow-soft:5px 5px 0 var(--stroke)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--paper);background:radial-gradient(circle at 20% 10%,#b5ff2929,#0000 22rem),radial-gradient(circle at 85% 18%,#34eb631f,#0000 24rem),linear-gradient(#07170c 0%,#0b2211 45%,#08150b 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{isolation:isolate;min-height:100vh;padding:24px 0 72px;position:relative}.section-pad{width:min(960px,100% - 28px);margin:0 auto;position:relative}.dots{pointer-events:none;z-index:-2;opacity:.3;position:fixed;inset:0}.dots-a{background-image:radial-gradient(circle,#dfffe8cc 1.2px,#0000 1.4px);background-size:22px 22px;animation:28s linear infinite driftA}.dots-b{opacity:.16;background-image:radial-gradient(circle,#b5ff29d9 1.1px,#0000 1.3px);background-size:38px 38px;animation:36s linear infinite driftB}.glow{z-index:-1;filter:blur(70px);opacity:.16;pointer-events:none;border-radius:999px;position:fixed}.glow-one{background:#b5ff29f2;width:24rem;height:24rem;animation:14s ease-in-out infinite floatGlow;top:10vh;left:-8vw}.glow-two{background:#34eb63eb;width:26rem;height:26rem;animation:17s ease-in-out infinite reverse floatGlow;bottom:6vh;right:-10vw}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100vh;padding-top:20px;display:flex}.eyebrow{border:3px solid var(--stroke);background:var(--lime);width:fit-content;color:var(--ink);box-shadow:4px 4px 0 var(--stroke);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:0 auto 16px;padding:8px 14px;font-size:.78rem;font-weight:950}h1,h2,h3{color:var(--paper);letter-spacing:.01em;text-shadow:4px 4px 0 var(--stroke);margin:0;font-family:Sunshiney,cursive;font-weight:400}h1{font-size:clamp(4.8rem,14vw,10rem);line-height:.8}h2{font-size:clamp(3rem,7vw,5.8rem);line-height:.88}h3{font-size:clamp(2.15rem,4vw,3.4rem);line-height:.9}.hero-text,.final-cta p,.lore-card p,.tale-card p,.showcase-note{color:var(--muted);font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.7}.hero-text{max-width:620px;margin:22px auto 0}.hero-actions{justify-content:center;gap:14px;margin-top:28px;display:flex}.button{border:4px solid var(--stroke);min-height:52px;box-shadow:var(--shadow-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:18px 999px 999px 24px;justify-content:center;align-items:center;padding:0 22px;font-weight:950;transition:transform .18s,box-shadow .18s;display:inline-flex;transform:rotate(-1deg)}.button:hover{box-shadow:3px 3px 0 var(--stroke);transform:translate(4px,4px)rotate(0)}.primary{background:var(--lime);color:var(--ink)}.showcase-shell{width:min(100%,520px);margin-top:clamp(26px,5vw,34px);position:relative}.showcase-label{z-index:3;border:3px solid var(--stroke);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--stroke);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-2deg)}.showcase-card{border:5px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(#18331cf2,#07140afa);border-radius:34px;padding:18px;position:relative}.showcase-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 25%,#b5ff2938,#0000 35%);border-radius:24px;position:absolute;inset:12px}.showcase-card img{z-index:1;border:5px solid var(--stroke);width:100%;box-shadow:6px 6px 0 var(--stroke);border-radius:24px;position:relative}.showcase-note{max-width:420px;margin:16px auto 0}.section-heading{text-align:center;margin-bottom:28px}.lore{padding-top:28px}.lore-card{border:5px solid var(--stroke);background:var(--panel);max-width:820px;box-shadow:var(--shadow);text-align:center;border-radius:34px;margin:0 auto;padding:clamp(1.35rem,4vw,2.5rem)}.lore-card p{margin:0}.lore-card p+p{margin-top:18px}.tales{grid-template-columns:repeat(3,1fr);gap:18px;padding-top:28px;display:grid}.tale-card{border:5px solid var(--stroke);min-height:260px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:30px;padding:28px}.tale-card:nth-child(2){background:#e4ffe5;transform:rotate(1deg)}.tale-card:nth-child(3){background:#c8ff87;transform:rotate(-1deg)}.tale-card h3{color:var(--ink);text-shadow:none}.tale-card p{color:#18311d;margin:18px 0 0}.scribble-dot{border:4px solid var(--stroke);background:var(--green);border-radius:56% 44% 62% 38%;width:36px;height:36px;margin:0 auto 14px;display:block}.coming-soon-label{color:#fff;box-shadow:4px 4px 0 var(--stroke);background:#07140aeb;border-color:#b5ff29e6}.final-cta{text-align:center;border:5px solid var(--stroke);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 0,#b5ff295c,#0000 18rem),linear-gradient(#102e14f5,#07140afa);border-radius:44px;margin-top:28px;padding:44px 22px}.final-cta .button,.final-cta .eyebrow{margin-left:auto;margin-right:auto}.final-cta p{max-width:640px;margin:20px auto 32px}@keyframes driftA{0%{transform:translate(0,0)}to{transform:translate(22px,18px)}}@keyframes driftB{0%{transform:translate(0,0)}to{transform:translate(-28px,20px)}}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(16px,-10px)scale(1.05)}}@media (max-width:900px){.section-pad{width:min(100% - 24px,860px)}.hero{min-height:auto;padding-top:58px}.showcase-shell{width:min(100%,500px)}.tales{grid-template-columns:1fr;max-width:620px}.tale-card:nth-child(2),.tale-card:nth-child(3){transform:none}}@media (max-width:560px){:root{--shadow:5px 5px 0 var(--stroke);--shadow-soft:3px 3px 0 var(--stroke)}body{background:radial-gradient(circle at 50% -8%,#b5ff292e,#0000 18rem),linear-gradient(#07170c 0%,#0b2211 52%,#08150b 100%)}.page-shell{padding:14px 0 44px}.section-pad{width:min(100% - 20px,960px)}.hero{padding-top:34px}.eyebrow,.showcase-label{letter-spacing:.06em;border-width:2px;padding:7px 10px;font-size:.64rem}h1{text-shadow:3px 3px 0 var(--stroke);font-size:clamp(4.1rem,23vw,6rem)}h2{text-shadow:3px 3px 0 var(--stroke);font-size:clamp(2.85rem,16vw,4.35rem)}h3{font-size:clamp(2rem,12vw,3rem)}.hero-text,.final-cta p,.lore-card p,.tale-card p,.showcase-note{font-size:.96rem;line-height:1.62}.hero-actions{margin-top:22px}.button{width:auto;min-height:42px;box-shadow:var(--shadow-soft);border-width:3px;border-radius:14px 999px 999px 18px;padding:0 16px;font-size:.78rem}.showcase-shell{width:min(100%,360px);margin-top:28px}.showcase-card{border-width:4px;border-radius:26px;padding:10px}.showcase-card img{box-shadow:var(--shadow-soft);border-width:4px;border-radius:19px}.showcase-note{max-width:310px;margin-top:12px}.lore{padding-top:48px}.lore-card,.tale-card,.final-cta{border-width:4px;border-radius:24px;padding:22px 16px}.tale-card{min-height:auto}.final-cta{margin-top:36px}.final-cta p{margin-bottom:24px}}@media (max-width:380px){.section-pad{width:min(100% - 16px,960px)}.button{min-height:40px;padding:0 14px;font-size:.74rem}.showcase-shell{width:min(100%,326px)}}