.landing-page{background:#edf3ff;color:#203653;}.landing-page .topbar{background:#fffdf8;border-bottom:2px solid #203653;width:100%;padding-inline:max(20px,calc((100vw - 1240px)/2));}.landing-page main{width:100%;max-width:none;padding:0;}.landing-page .primary-button,.landing-page .nav-cta{border:2px solid #203653;border-radius:12px;background:#2559ce;box-shadow:0 5px 0 #203653;color:white;font-weight:700;text-decoration:none;}.landing-page .primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #203653;}
.arcade-hero{position:relative;width:min(1280px,100%);margin:auto;padding:72px 32px 100px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;min-height:0;}.arcade-hero h1{font-size:clamp(48px,6.8vw,88px);line-height:.99;letter-spacing:-.055em;font-weight:800;}.arcade-hero .landing-hero-copy>p:not(.paper-sticker){font-size:19px;line-height:1.55;max-width:39ch;margin:24px 0;}.paper-sticker{display:inline-block;background:#ffdf73;padding:10px 16px;border:2px solid #203653;border-radius:6px;transform:rotate(-4deg);font-size:15px;margin:0 0 25px;box-shadow:3px 3px 0 #203653;}.starter-note{display:block;font-size:13px;color:#52647e;margin-top:19px;}.landing-hero-art{position:relative;transform:rotate(3deg);background:#fffdf8;border:3px solid #203653;border-radius:25px;box-shadow:12px 13px 0 #b9cdf5;padding:8px 8px 22px;}.landing-hero-art object{width:100%;height:auto;display:block;}.landing-hero-art figcaption{text-align:center;font-size:16px;font-weight:600;}.hero-orbit{position:absolute;z-index:1;font-size:85px;color:#efb12f;right:-8px;top:-53px;text-shadow:2px 2px #203653;}.scroll-invite{position:absolute;bottom:24px;left:32px;display:flex;align-items:center;gap:18px;text-decoration:none;color:#52647e;font-size:14px;}.scroll-invite span{font-size:25px;}
.paper-to-play,.worlds-story,.landing-collection{padding:80px max(24px,calc((100vw - 1160px)/2));}.paper-to-play{background:#fffdf8;border-block:2px solid #203653;}.landing-page h2{font-size:clamp(34px,4.5vw,58px);line-height:1.05;letter-spacing:-.035em;font-weight:800;}.paper-to-play header,.worlds-story header{max-width:650px;margin-bottom:55px;}.paper-to-play header p,.worlds-story header p{margin-top:17px;font-size:19px;color:#52647e;}.drawing-journey{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start;}.journey-photo{position:sticky;top:60px;transform:rotate(-3deg);padding:12px 12px 20px;background:white;border:2px solid #203653;box-shadow:8px 9px 0 #e4ce9c;}.journey-photo img{display:block;width:100%;height:auto;border-radius:4px;}.journey-photo figcaption{padding-top:15px;text-align:center;font-size:14px;}.journey-steps article{padding:30px 0 45px;border-bottom:1px dashed #b4bdc9;transition:transform .45s,opacity .45s;}.journey-steps h3{font-size:28px;margin:14px 0 12px;}.journey-steps p{font-size:17px;line-height:1.6;color:#52647e;}.step-doodle{display:grid;place-items:center;width:52px;height:52px;border:2px solid #203653;border-radius:14px;background:#d5ebdd;font-size:32px;}.journey-steps article:nth-child(2) .step-doodle{background:#dce9ff;}.journey-steps article:nth-child(3) .step-doodle{background:#ffe291;}.journey-steps article.is-current{transform:translateX(10px);}
.worlds-story{background:#d7e9e0;}.world-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start;}.world-chapters article{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:35px 0;}.world-chapters h3{font-size:clamp(36px,4.8vw,58px);line-height:1.02;letter-spacing:-.03em;}.world-chapters p{font-size:18px;line-height:1.6;margin:20px 0;max-width:32ch;}.world-chapters a{align-self:start;padding:10px 0;font-weight:700;color:#203653;}.landing-explorer{background-image:url('/shop-art/player.png');background-size:400% 100%;background-repeat:no-repeat;width:90px;height:120px;}
.landing-collection{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#e8dff5;overflow:hidden;}.landing-collection p{margin:20px 0;max-width:48ch;font-size:18px;line-height:1.6;}.collection-stack{position:relative;min-height:420px;display:grid;place-items:center;}.paper-cartridge{position:absolute;width:240px;height:310px;padding:22px;border:3px solid #203653;border-radius:18px;background:#fffdf8;box-shadow:6px 7px 0 #203653;font-size:24px;font-weight:700;}.cartridge-back{transform:translate(70px,-15px) rotate(18deg);background:#a3c5fa;}.cartridge-middle{transform:translate(-50px,0) rotate(-15deg);background:#f0c979;}.cartridge-front{transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;}.cartridge-front span{font-size:20px;}.cartridge-front b{width:100%;background:#2559ce;border-radius:9px;text-align:center;color:white;font-size:18px;padding:9px;}.cartridge-front .landing-explorer{width:100px;height:135px;}
.landing-together{background:#203653;color:white;text-align:center;padding:90px 24px;}.landing-together>p{font-size:19px;line-height:1.6;max-width:50ch;margin:26px auto;}.landing-together .community-disclosure{font-size:14px;color:#c7d7f2;max-width:65ch;}.friend-code-demo{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;padding:18px 25px;margin:35px auto;transform:rotate(-3deg);background:#fff9e9;border:3px solid #0f253e;border-radius:18px;box-shadow:7px 8px 0 #0f253e;color:#203653;text-align:left;}.friend-demo-avatar{display:grid;place-items:center;width:54px;height:54px;background:#cde8db;border:2px solid #203653;border-radius:50%;font-size:28px;font-weight:800;}.friend-code-demo strong{font-size:14px;}.friend-demo-check{color:#287752;font-size:25px;}
.landing-finale{text-align:center;padding:90px 24px;background:#ffde76;}.landing-finale>span{font-size:65px;}.landing-finale .primary-button{margin:28px 0 16px;}.landing-finale p{font-size:14px;}.landing-page .landing-footer{margin:0;padding:28px max(24px,calc((100vw - 1160px)/2));width:100%;background:#fffdf8;border-top:2px solid #203653;}.motion-toggle{position:fixed;bottom:14px;right:14px;z-index:30;background:#fffdf8;color:#203653;border:2px solid #203653;border-radius:20px;padding:8px 14px;font-size:12px;min-height:40px;box-shadow:0 2px 0 #203653;}
@media(prefers-reduced-motion:no-preference){html:not(.motion-paused){scroll-behavior:smooth;}.reveal-wait{opacity:0;transform:translateY(16px);}.reveal-wait.revealed{opacity:1;transform:none;transition:opacity .6s,transform .6s;}.hero-orbit{animation:star-rock 5s ease-in-out infinite alternate;}@keyframes star-rock{to{transform:rotate(18deg) translateY(-9px)}}}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition:none!important;}html.motion-paused .reveal-wait{opacity:1;transform:none;}
@media(max-width:850px){.arcade-hero{grid-template-columns:1fr;padding:45px 24px 85px;}.arcade-hero .landing-hero-art{max-width:600px;width:100%;margin:28px auto 0;}.drawing-journey,.world-stage{gap:30px;}.landing-collection{gap:25px;}.paper-cartridge{width:200px;height:280px;}.cartridge-back{transform:translate(35px,-15px) rotate(15deg);}.cartridge-middle{transform:translate(-25px,0) rotate(-15deg);}}
@media(max-width:600px){.paper-to-play,.worlds-story,.landing-collection{padding:55px 22px;}.drawing-journey,.world-stage,.landing-collection{grid-template-columns:1fr;}.journey-photo{position:relative;top:0;}.journey-steps article{padding:20px 0 28px;}.world-chapters article{min-height:60vh;padding-top:35px;}.world-stage{gap:25px;}.collection-stack{min-height:350px;}.friend-code-demo{padding:14px;gap:12px;}.friend-demo-avatar{width:40px;height:40px;}.friend-code-demo strong{font-size:12px;}.landing-together,.landing-finale{padding:65px 22px;}.landing-page .landing-footer{padding-bottom:75px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}.landing-page *, .landing-page *::before,.landing-page *::after{animation:none!important;transition:none!important;}.reveal-wait{opacity:1;transform:none;}.motion-toggle{display:none;}}
@media print{.reveal-wait{opacity:1!important;transform:none!important;}.motion-toggle{display:none;}.world-screen,.journey-photo{position:relative;top:0;}}
