@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#11130f;--paper:#f4efd7;--lime:#baff00;--orange:#ff7518;--blue:#4ed6ed;--pink:#ff69a8;--brown:#6b4428;--line:4px;--display:'Archivo Black','Arial Black',sans-serif;--mono:'Space Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);overflow-x:hidden}button,a{font:inherit}button{color:inherit}.skip{position:fixed;z-index:999;left:12px;top:-60px;background:var(--ink);color:white;padding:12px 16px}.skip:focus{top:12px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;border-bottom:var(--line) solid var(--ink);background:rgba(244,239,215,.93);backdrop-filter:blur(12px);position:sticky;top:0;z-index:90}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-size:28px;letter-spacing:-1px}.brand img{width:55px;height:55px;object-fit:cover;border:3px solid var(--ink);border-radius:16px}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav>a,.x-link{border:2px solid transparent;color:var(--ink);text-decoration:none;padding:12px 15px;font-size:12px;font-weight:700;text-transform:uppercase;background:transparent}.site-header nav>a:hover{border-color:var(--ink);background:white}.x-link{display:flex;gap:8px;align-items:center;border-color:var(--ink);border-radius:999px;cursor:pointer;background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.x-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0}.x-link svg{width:15px;height:15px}.menu{display:none;background:var(--lime);border:3px solid var(--ink);border-radius:12px;width:46px;height:42px}.menu span{display:block;width:20px;height:3px;background:var(--ink);margin:4px auto}.hero{min-height:calc(100svh - 88px);display:grid;grid-template-columns:.94fr 1.06fr;border-bottom:var(--line) solid var(--ink)}.hero-copy{padding:8vw 4vw 5vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-kicker{font-size:12px;letter-spacing:1.8px;font-weight:700;margin-bottom:22px}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:var(--orange);border:2px solid var(--ink);animation:blink 1.2s steps(2) infinite}.hero h1,.section h2{font-family:var(--display);letter-spacing:-.07em;line-height:.86;margin:0}.hero h1{font-size:clamp(62px,8vw,140px)}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;font-size:.78em;white-space:nowrap;color:var(--orange);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--lime)}.hero-copy>p{font-size:clamp(15px,1.2vw,19px);max-width:630px;line-height:1.65;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:3px solid var(--ink);padding:15px 19px;text-decoration:none;color:var(--ink);font-weight:700;font-size:13px;cursor:pointer}.btn.primary{background:var(--lime);box-shadow:5px 5px 0 var(--ink)}.btn.ghost{background:transparent}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.micro{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:bold;margin-top:40px}.micro span{background:var(--ink);color:var(--paper);padding:4px}.micro i{width:26px;height:2px;background:var(--ink)}.hero-world{min-width:0;position:relative;overflow:hidden;background:var(--blue);border-left:var(--line) solid var(--ink);perspective:1000px;transform-style:preserve-3d}.sun-layer{position:absolute;width:67%;aspect-ratio:1;right:5%;top:10%;border-radius:50%;background:var(--lime);border:7px solid var(--ink);box-shadow:0 0 0 22px var(--orange),0 0 0 29px var(--ink);transform:translateZ(-30px)}.mascot-card{position:absolute;z-index:4;width:min(73%,670px);aspect-ratio:1;left:8%;bottom:6%;border:7px solid var(--ink);border-radius:34% 34% 18px 18px;overflow:hidden;box-shadow:16px 18px 0 rgba(17,19,15,.95);transform:translateZ(80px) rotate(-2deg);animation:heroBob 4s ease-in-out infinite}.mascot-card img{width:100%;height:100%;object-fit:cover}.orbit{position:absolute;z-index:7;border:5px solid var(--ink);background:var(--paper);border-radius:50%;display:grid;place-items:center;font-family:var(--display);box-shadow:6px 7px 0 var(--ink)}.orbit-a{width:105px;height:105px;right:8%;top:12%;font-size:45px;animation:floatA 5s ease-in-out infinite}.orbit-b{width:68px;height:68px;left:7%;top:17%;background:var(--pink);font-size:31px;animation:floatB 4s ease-in-out infinite}.speech{position:absolute;z-index:8;right:5%;bottom:16%;background:var(--ink);color:var(--lime);padding:13px 18px;border:4px solid var(--paper);font-weight:bold;transform:rotate(-5deg) translateZ(120px);box-shadow:6px 6px 0 var(--orange)}.rock{position:absolute;background:var(--brown);border:5px solid var(--ink);clip-path:polygon(12% 22%,34% 0,74% 8%,100% 40%,82% 100%,20% 88%,0 52%)}.rock-a{width:180px;height:150px;left:-45px;bottom:-25px}.rock-b{width:155px;height:130px;right:-20px;bottom:1%}.rock-c{width:90px;height:80px;right:20%;top:4%}.floor-shadow{position:absolute;width:65%;height:9%;border-radius:50%;background:rgba(17,19,15,.36);bottom:2%;left:12%;filter:blur(9px);animation:shadow 4s ease-in-out infinite}.ticker{background:var(--ink);color:var(--paper);border-bottom:var(--line) solid var(--ink);overflow:hidden}.ticker>div{display:flex;width:max-content;gap:30px;align-items:center;padding:13px 0;animation:marquee 26s linear infinite}.ticker span{font-family:var(--display);font-size:15px}.ticker b{color:var(--lime)}.section{padding:110px 5vw;border-bottom:var(--line) solid var(--ink)}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr .45fr;gap:6vw;align-items:center}.intro h2,.journey h2,.gallery h2,.motion h2,.manual h2,.finale h2{font-size:clamp(50px,7.2vw,118px)}.intro h2 span{color:var(--orange)}.intro-copy p{line-height:1.75;margin:0 0 25px;font-size:15px}.sticker{width:170px;height:170px;border-radius:50%;background:var(--pink);border:5px solid var(--ink);display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:21px;transform:rotate(8deg);box-shadow:8px 8px 0 var(--ink)}.journey{background:#d4b47c}.section-head{display:grid;grid-template-columns:1.5fr .55fr;align-items:end;gap:8vw;margin-bottom:70px}.section-head>p{line-height:1.7;font-size:14px}.timeline{border:var(--line) solid var(--ink)}.chapter{display:grid;grid-template-columns:120px 1fr 120px;align-items:center;min-height:200px;padding:25px 35px;border-bottom:var(--line) solid var(--ink);transition:padding .25s}.chapter:last-child{border-bottom:0}.chapter:hover{padding-left:48px}.chapter-no{font-family:var(--display);font-size:45px}.chapter small{font-weight:bold}.chapter h3{font-family:var(--display);font-size:clamp(28px,4vw,56px);margin:8px 0 4px}.chapter p{margin:0;max-width:650px;font-size:13px}.chapter>span{font-size:65px;text-align:center}.lime{background:var(--lime)}.orange{background:var(--orange)}.blue{background:var(--blue)}.pink{background:var(--pink)}.motion{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.55fr 1fr;gap:5vw;align-items:center}.inverse{color:var(--lime)}.motion h2{color:var(--paper)}.motion-copy p{line-height:1.7;max-width:470px}.video-toggle{margin-top:25px;border:2px solid var(--paper);background:transparent;color:var(--paper);padding:12px 16px;font-weight:bold;cursor:pointer}.video-shell{position:relative;border:5px solid var(--paper);box-shadow:15px 15px 0 var(--orange);overflow:hidden}.video-shell video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000}.video-badge{position:absolute;left:20px;bottom:20px;background:var(--paper);color:var(--ink);padding:10px 13px;font-size:11px;font-weight:bold;border:3px solid var(--ink)}.video-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:7px}.gallery{background:var(--lime)}.gallery-head{align-items:start}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.art-card{padding:0;border:4px solid var(--ink);background:var(--paper);cursor:pointer;text-align:left;box-shadow:9px 9px 0 var(--ink);transition:transform .2s,box-shadow .2s;min-width:0}.art-card:hover{transform:translate(-4px,-4px);box-shadow:13px 13px 0 var(--ink)}.art-card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-bottom:4px solid var(--ink)}.art-card span{display:flex;justify-content:space-between;padding:15px 18px;font-weight:bold;font-size:12px}.manual{background:var(--orange)}.rules{display:grid;grid-template-columns:repeat(3,1fr);border:var(--line) solid var(--ink);margin-top:55px}.rules article{padding:35px;border-right:var(--line) solid var(--ink);min-height:270px}.rules article:last-child{border-right:0}.rules b{display:inline-block;background:var(--ink);color:var(--paper);padding:6px 8px}.rules h3{font-family:var(--display);font-size:34px;margin:50px 0 10px}.rules p{font-size:13px;line-height:1.6}.finale{display:grid;grid-template-columns:1fr .85fr;gap:6vw;align-items:center;background:var(--blue);overflow:hidden}.finale img{max-width:100%;max-height:700px;filter:drop-shadow(16px 18px 0 var(--ink))}.finale p{line-height:1.7;max-width:480px;margin-bottom:30px}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 5vw;background:var(--paper)}footer p{font-size:10px;font-weight:bold}footer .x-footer{border:0;background:transparent;color:var(--ink);text-decoration:underline;font-weight:bold;cursor:pointer}.lightbox{width:min(1000px,92vw);padding:0;border:5px solid var(--ink);background:var(--paper);box-shadow:14px 14px 0 var(--orange)}.lightbox::backdrop{background:rgba(17,19,15,.86);backdrop-filter:blur(5px)}.lightbox img{display:block;width:100%;max-height:75vh;object-fit:contain;background:var(--ink)}.lightbox p{font-weight:bold;margin:0;padding:14px 18px}.lightbox-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:3px solid var(--ink);background:var(--lime);font-size:27px;font-weight:bold;cursor:pointer}.toast{position:fixed;left:50%;bottom:25px;z-index:200;transform:translate(-50%,25px);background:var(--ink);color:var(--lime);border:3px solid var(--paper);padding:14px 18px;font-weight:bold;font-size:12px;opacity:0;visibility:hidden;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}.menu:focus-visible,.btn:focus-visible,.art-card:focus-visible,.x-link:focus-visible,button:focus-visible,a:focus-visible{outline:4px solid var(--pink);outline-offset:3px}
@keyframes blink{50%{opacity:.25}}@keyframes heroBob{50%{transform:translateY(-14px) translateZ(80px) rotate(1deg)}}@keyframes shadow{50%{transform:scale(.91);opacity:.25}}@keyframes floatA{50%{transform:translate(-12px,17px) rotate(13deg)}}@keyframes floatB{50%{transform:translate(12px,-13px) rotate(-18deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.site-header{height:76px}.brand img{width:47px;height:47px}.menu{display:block}.site-header nav{position:absolute;left:0;right:0;top:76px;display:none;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:4px solid var(--ink);padding:12px}.site-header nav.open{display:flex}.site-header nav>a,.x-link{display:flex;justify-content:center;border:2px solid var(--ink)}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 6vw 60px}.hero-world{min-height:650px;border-left:0;border-top:var(--line) solid var(--ink)}.intro-grid{grid-template-columns:1fr}.sticker{justify-self:end;margin-top:-60px}.section-head{grid-template-columns:1fr;gap:30px}.motion{grid-template-columns:1fr}.chapter{grid-template-columns:75px 1fr 70px;padding:22px 18px}.gallery-grid{grid-template-columns:1fr}.rules{grid-template-columns:1fr}.rules article{border-right:0;border-bottom:var(--line) solid var(--ink)}.rules article:last-child{border-bottom:0}.finale{grid-template-columns:1fr}.finale img{order:2}footer{gap:22px;flex-wrap:wrap}}
@media(max-width:520px){.section{padding:80px 20px}.hero h1{font-size:17vw}.hero-world{min-height:500px}.mascot-card{width:80%;left:6%;bottom:8%;border-width:5px}.sun-layer{width:72%;right:4%;top:12%}.orbit-a{width:76px;height:76px;font-size:32px}.speech{font-size:11px;right:4%;bottom:9%}.micro{flex-wrap:wrap}.intro h2,.journey h2,.gallery h2,.motion h2,.manual h2,.finale h2{font-size:14.5vw}.sticker{width:130px;height:130px;font-size:16px;margin-top:-20px}.chapter{grid-template-columns:52px 1fr}.chapter>span{display:none}.chapter-no{font-size:28px}.chapter h3{font-size:27px}.video-shell{box-shadow:8px 8px 0 var(--orange)}.gallery-grid{gap:18px}.rules article{min-height:220px}.rules h3{margin-top:35px}footer{justify-content:center;text-align:center}.lightbox{width:94vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-world{transform:none!important}}