@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;600;800&family=Shippori+Mincho:wght@600;800&display=swap');:root{--ink:#100b08;--paper:#ece0c5;--orange:#ed5b1a;--indigo:#352655;--blue:#334f6b;--cream:#fff7e3;--line:rgba(16,11,8,.22);--tx:0deg;--ty:0deg}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;max-width:100%}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.header{height:88px;padding:10px 4vw;display:flex;align-items:center;position:sticky;top:0;z-index:30;background:rgba(236,224,197,.94);backdrop-filter:blur(12px);border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;gap:11px;font:17px 'Archivo Black',sans-serif;letter-spacing:-.04em}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--orange)}nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:13px;font-weight:800}nav>a:not(.enter){border-bottom:2px solid transparent}nav>a:not(.enter):hover{border-color:var(--orange)}.x-link{width:42px;height:42px;padding:9px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--ink)!important;background:var(--ink);color:white;box-shadow:4px 4px 0 var(--orange);transition:.2s}.x-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--orange)}.x-link svg{width:20px;height:20px;fill:currentColor;flex:none}.x-link span{display:none}.enter,.btn{border:3px solid var(--ink);padding:13px 18px;font-weight:800;box-shadow:6px 6px 0 var(--ink);transition:.2s;display:inline-flex;justify-content:center;align-items:center}.enter{background:var(--orange);color:var(--cream)}.enter:hover,.btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.menu{display:none;border:0;background:transparent}.hero{min-height:calc(100svh - 88px);display:grid;grid-template-columns:44% 41% 15%;position:relative;border-bottom:3px solid var(--ink);overflow:hidden;background:linear-gradient(90deg,var(--paper) 0 84%,var(--orange) 84%)}.hero-ruler{position:absolute;left:28px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);display:flex;align-items:center;gap:30px;font:11px 'Archivo Black',sans-serif;letter-spacing:.15em;z-index:4}.hero-ruler b{color:var(--orange)}.hero-copy{padding:8vw 2vw 7vw 7vw;position:relative;z-index:3}.kicker{font:11px 'Archivo Black',sans-serif;letter-spacing:.16em}.hero h1{font:clamp(72px,9.4vw,150px)/.77 'Archivo Black',sans-serif;letter-spacing:-.08em;margin:62px 0 44px}.hero h1 em{font-style:normal;color:var(--orange);-webkit-text-stroke:2px var(--ink);text-shadow:8px 8px 0 var(--indigo)}.intro{max-width:520px;font-size:19px;line-height:1.55}.actions{display:flex;gap:14px;margin-top:32px}.btn.orange{background:var(--orange);color:var(--cream)}.btn.paper{background:var(--cream)}.hero-stage{position:relative;min-width:0;perspective:1200px}.sun{position:absolute;width:min(36vw,560px);aspect-ratio:1;border-radius:50%;background:var(--orange);left:50%;top:50%;translate:-50% -50%;border:4px solid var(--ink);box-shadow:inset 0 0 0 18px rgba(255,255,255,.1);animation:sun-pulse 4s ease-in-out infinite}.hero-frog{position:absolute;width:min(44vw,690px);max-width:none;left:50%;bottom:5%;translate:-50% 0;z-index:3;filter:drop-shadow(16px 20px 0 rgba(53,38,85,.75));transform:rotateX(var(--ty)) rotateY(var(--tx));transition:transform .12s ease-out;animation:frog-breathe 3.4s ease-in-out infinite}.ink-ring{position:absolute;border:4px solid var(--indigo);border-radius:50%;left:50%;top:50%;translate:-50% -50%;animation:ring 11s linear infinite}.r1{width:75%;aspect-ratio:1}.r2{width:57%;aspect-ratio:1;animation-direction:reverse}.ink-ring:after{content:'';position:absolute;width:18px;height:18px;background:var(--indigo);border-radius:50%;left:8%;top:14%}.sound{position:absolute;z-index:5;font:18px 'Archivo Black',sans-serif;background:var(--cream);border:3px solid var(--ink);padding:10px 14px;box-shadow:5px 5px 0 var(--ink);animation:float 3s ease-in-out infinite}.s1{top:15%;right:1%;transform:rotate(8deg)}.s2{bottom:20%;left:-3%;background:var(--indigo);color:white;animation-delay:-1.4s;transform:rotate(-7deg)}.wave{position:absolute;bottom:-70px;width:430px;height:180px;border:24px solid var(--blue);border-radius:50%;opacity:.8;z-index:4}.wave-a{left:-15%;}.wave-b{right:-20%;bottom:-105px;border-color:var(--cream)}.official-card{margin:80px 18px 80px 0;background:var(--ink);padding:9px;border:3px solid var(--ink);align-self:center;transform:rotate(3deg);box-shadow:10px 11px 0 var(--indigo);position:relative;z-index:5}.official-card span{display:block;color:var(--orange);font:8px 'Archivo Black',sans-serif;letter-spacing:.12em;padding:7px}.official-card img{width:100%;aspect-ratio:1;object-fit:cover}@keyframes sun-pulse{50%{transform:scale(1.05)}}@keyframes frog-breathe{50%{translate:-50% -10px;filter:drop-shadow(20px 27px 0 rgba(53,38,85,.6))}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -12px}}.chapter-line{min-height:150px;padding:30px 7vw;display:flex;align-items:center;justify-content:center;gap:35px;background:var(--ink);color:var(--cream)}.chapter-line>div{display:flex;align-items:center;gap:14px;font:12px 'Archivo Black',sans-serif;letter-spacing:.1em}.chapter-line b{font:44px 'Shippori Mincho',serif;color:var(--orange)}.chapter-line i{width:100px;border-top:2px dashed var(--orange)}.legend{padding:130px 6vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:6vw;border-bottom:3px solid var(--ink)}.vertical-title>span,.forms-head small,.code-title small,.finale small{font-weight:800;letter-spacing:.15em}.vertical-title h2,.forms-head h2,.code h2,.finale h2{font:clamp(58px,7vw,110px)/.9 'Archivo Black',sans-serif;letter-spacing:-.06em;margin:20px 0}.vertical-title h2 em,.forms-head h2 em,.code h2 em{font-style:normal;color:var(--orange)}.manga-panels{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:20px}.panel{border:4px solid var(--ink);padding:28px;background:var(--cream);box-shadow:8px 9px 0 var(--ink);position:relative;overflow:hidden}.panel small{font-weight:800;letter-spacing:.13em;color:var(--orange)}.panel h3{font:clamp(28px,3vw,48px)/1 'Archivo Black',sans-serif;margin:30px 0 15px}.panel p{max-width:390px;line-height:1.6}.p-one{transform:rotate(-1deg)}.p-two{background:var(--orange);transform:rotate(1deg)}.p-three{grid-column:2;background:var(--indigo);color:white}.p-image{grid-row:1/3;grid-column:2;padding:14px;background:var(--ink)}.p-image img{width:100%;height:100%;object-fit:cover}.p-image b{position:absolute;right:10px;bottom:10px;background:var(--cream);color:var(--ink);border:3px solid var(--ink);padding:10px;font:17px 'Archivo Black',sans-serif;transform:rotate(-5deg)}.p-three{grid-column:1}.forms{padding:130px 5vw 150px;background:var(--indigo);color:white}.forms-head{display:grid;grid-template-columns:1.3fr .55fr;gap:50px;align-items:end;max-width:1400px;margin:0 auto 70px}.forms-head small{color:var(--orange)}.forms-head h2 em{color:var(--orange)}.forms-head>p{line-height:1.65;color:#c8bfd9}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1400px;margin:auto}.form-card{background:var(--paper);color:var(--ink);border:4px solid var(--ink);padding:13px 13px 21px;cursor:pointer;text-align:left;position:relative;box-shadow:9px 10px 0 var(--orange);transition:.25s;display:flex;flex-direction:column;min-width:0}.form-card:nth-child(2n){box-shadow:9px 10px 0 #5edcff}.form-card:hover{transform:translateY(-8px) rotate(.35deg);z-index:2}.art-wrap{position:relative;overflow:hidden;border:3px solid var(--ink);margin-bottom:17px;background:var(--ink);aspect-ratio:.9}.art-wrap img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;transform-origin:50% 44%;will-change:transform;animation:toad-hop 3.4s cubic-bezier(.45,0,.25,1) infinite}.form-card:nth-child(2) img{animation-name:toad-breathe;animation-delay:-1s}.form-card:nth-child(3) img{animation-name:toad-strike;animation-delay:-2s}.form-card:nth-child(4) img{animation-name:toad-float;animation-delay:-.5s}.form-card:nth-child(5) img{animation-name:toad-groove;animation-delay:-1.5s}.form-card:nth-child(6) img{animation-name:toad-orbit;animation-delay:-2.5s}.form-card:hover img{animation-duration:1.5s}.seal{display:none}.num{position:absolute;top:26px;right:26px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--orange);border:3px solid var(--ink);font-weight:800;z-index:4}.form-card strong{display:block;font:22px 'Archivo Black',sans-serif;margin-top:auto}.form-card small{font:10px 'Archivo Black',sans-serif;letter-spacing:.14em;color:#745037}@keyframes toad-hop{0%,100%{transform:translateY(0) scale(1.01)}45%{transform:translateY(-14px) scale(1.035)}60%{transform:translateY(-11px) rotate(.5deg) scale(1.03)}}@keyframes toad-breathe{0%,100%{transform:scale(1.015)}50%{transform:translateY(-7px) scale(1.045,.99)}}@keyframes toad-strike{0%,100%{transform:translateX(0) rotate(0) scale(1.015)}42%{transform:translateX(-5px) rotate(-.65deg) scale(1.035)}55%{transform:translateX(5px) rotate(.65deg) scale(1.035)}}@keyframes toad-float{0%,100%{transform:translateY(3px) rotate(-.35deg) scale(1.02)}50%{transform:translateY(-13px) rotate(.45deg) scale(1.035)}}@keyframes toad-groove{0%,100%{transform:translateY(0) rotate(-.3deg) scale(1.02)}35%{transform:translateY(-7px) rotate(.65deg) scale(1.035)}70%{transform:translateY(-4px) rotate(-.65deg) scale(1.03)}}@keyframes toad-orbit{0%,100%{transform:translateY(5px) rotate(-.5deg) scale(1.02)}50%{transform:translateY(-14px) rotate(.8deg) scale(1.04)}}.motion-stage{position:relative;isolation:isolate;overflow:hidden}.motion-stage>.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;animation:none!important;transform:none!important}.motion-stage .toad-sprite{position:absolute;z-index:4;width:74%;left:13%;top:31%;transform-origin:50% 88%;will-change:transform}.motion-stage .toad-sprite img{width:100%;height:auto;object-fit:contain;animation:none!important;transform:none!important;filter:drop-shadow(8px 11px 0 rgba(16,11,8,.28))}.motion-shadow{position:absolute;z-index:3;left:30%;bottom:19%;width:40%;height:5%;border-radius:50%;background:rgba(16,11,8,.48);filter:blur(3px);animation:jump-shadow 2.1s ease-in-out infinite}.water-foreground{display:none}.action-tag{position:absolute;left:5%;right:auto;top:6%;z-index:7;padding:7px 9px;background:var(--orange);color:white;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:12px 'Archivo Black',sans-serif;transform:rotate(5deg);animation:action-pop 2.1s steps(2,end) infinite}.motion-1 .toad-sprite{animation:frog-jump 2.1s cubic-bezier(.45,0,.2,1) infinite}.motion-2 .toad-sprite{top:32%;animation:chef-cook 2.5s ease-in-out infinite}.motion-2 .motion-shadow{animation:soft-shadow 2.5s ease-in-out infinite}.motion-3 .toad-sprite{top:30%;animation:storm-strike 1.6s ease-in-out infinite}.motion-3 .motion-shadow{animation:soft-shadow 1.6s ease-in-out infinite}.motion-4 .toad-sprite{width:64%;left:4%;top:48%;animation:frog-swim 4.8s ease-in-out infinite alternate}.motion-4 .motion-shadow{display:none}.motion-4 .water-foreground{display:block;position:absolute;z-index:5;left:-3%;right:-3%;bottom:-2%;height:34%;background:rgba(53,94,120,.72);clip-path:polygon(0 18%,10% 6%,20% 20%,30% 7%,40% 19%,50% 5%,60% 18%,70% 8%,80% 21%,90% 7%,100% 18%,100% 100%,0 100%);animation:water-bob 1.8s ease-in-out infinite}.motion-5 .toad-sprite{width:58%;left:7%;top:39%;animation:frog-skate 4.4s ease-in-out infinite alternate}.motion-5 .motion-shadow{display:none}.motion-6 .toad-sprite{width:58%;left:21%;top:38%;animation:frog-orbit 5.2s ease-in-out infinite}.motion-6 .motion-shadow{animation:orbit-shadow 5.2s ease-in-out infinite}@keyframes frog-jump{0%,8%,100%{transform:translateY(0) rotate(0) scale(1)}42%{transform:translateY(-42%) rotate(-4deg) scale(1.04)}56%{transform:translateY(-38%) rotate(4deg) scale(1.04)}78%{transform:translateY(2%) scale(.98,1.02)}}@keyframes jump-shadow{0%,8%,78%,100%{transform:scaleX(1);opacity:.5}45%,56%{transform:scaleX(.42);opacity:.22}}@keyframes chef-cook{0%,100%{transform:translateY(0) rotate(-1deg)}30%{transform:translateY(-7%) rotate(2deg)}56%{transform:translateY(1%) rotate(-2deg)}74%{transform:translateY(-4%) rotate(1deg)}}@keyframes soft-shadow{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.72);opacity:.3}}@keyframes storm-strike{0%,100%{transform:translate(0,0) rotate(0)}18%{transform:translate(-4%,-4%) rotate(-2deg)}22%{transform:translate(4%,-7%) rotate(2deg)}27%{transform:translate(-3%,-5%) rotate(-1deg)}58%{transform:translateY(-24%) rotate(3deg)}74%{transform:translateY(1%) rotate(-2deg)}}@keyframes frog-swim{0%{transform:translateX(0) translateY(0) rotate(-2deg)}25%{transform:translateX(14%) translateY(-10%) rotate(2deg)}55%{transform:translateX(30%) translateY(3%) rotate(-2deg)}78%{transform:translateX(43%) translateY(-9%) rotate(2deg)}100%{transform:translateX(50%) translateY(0) rotate(-2deg)}}@keyframes water-bob{50%{transform:translateY(6px)}}@keyframes frog-skate{0%{transform:translateX(0) translateY(0) rotate(-5deg)}25%{transform:translateX(16%) translateY(-10%) rotate(3deg)}52%{transform:translateX(34%) translateY(0) rotate(-2deg)}76%{transform:translateX(48%) translateY(-7%) rotate(4deg)}100%{transform:translateX(59%) translateY(0) rotate(-4deg)}}@keyframes frog-orbit{0%,100%{transform:translate(-16%,-5%) rotate(-8deg)}25%{transform:translate(16%,-20%) rotate(5deg)}50%{transform:translate(22%,10%) rotate(10deg)}75%{transform:translate(-18%,17%) rotate(-4deg)}}@keyframes orbit-shadow{0%,100%{transform:scale(.7);opacity:.18}50%{transform:scale(1.05);opacity:.38}}@keyframes action-pop{0%,35%,100%{transform:rotate(5deg) scale(1)}45%,60%{transform:rotate(-3deg) scale(1.12)}}.code{padding:130px 6vw;display:grid;grid-template-columns:.35fr .8fr 1fr;gap:6vw;align-items:start;background:var(--paper);border-bottom:3px solid var(--ink)}.code-mark{writing-mode:vertical-rl;display:flex;align-items:center;gap:20px;font:12px 'Archivo Black',sans-serif;letter-spacing:.2em}.code-mark img{width:120px;aspect-ratio:1;object-fit:cover;border:4px solid var(--ink)}.code h2{font-size:clamp(48px,6vw,90px)}.code ol{margin:0;padding:0;list-style:none}.code li{border-top:3px solid var(--ink);padding:28px 0;display:grid;grid-template-columns:50px 1fr;gap:10px}.code li b{color:var(--orange)}.code li span{font:clamp(24px,2.5vw,38px) 'Archivo Black',sans-serif}.code li i{grid-column:2;font-style:normal;color:#6a5d4c}.finale{min-height:760px;background:var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:80px 7vw;position:relative;overflow:hidden}.finale-frog{height:620px;position:relative}.finale-frog .moon{position:absolute;width:500px;max-width:80vw;aspect-ratio:1;border-radius:50%;background:var(--cream);left:45%;top:50%;translate:-50% -50%;border:4px solid var(--ink)}.finale-frog img{position:absolute;width:min(620px,90vw);left:45%;bottom:3%;translate:-50%;filter:drop-shadow(17px 20px 0 var(--indigo));animation:frog-breathe 3s ease-in-out infinite}.finale h2{font-size:clamp(62px,8.5vw,140px)}footer{min-height:150px;padding:30px 5vw;background:var(--ink);color:white;display:flex;align-items:center;gap:12%}footer p{color:#aaa29c}footer>a:last-child{margin-left:auto;color:var(--orange);font-weight:800}.lightbox{width:min(900px,92vw);background:var(--paper);border:4px solid var(--ink);padding:14px;box-shadow:18px 20px 0 var(--orange)}.lightbox::backdrop{background:rgba(11,8,15,.86);backdrop-filter:blur(8px)}.lightbox img{max-height:72vh;margin:auto;border:3px solid var(--ink)}.lightbox>div{padding:14px}.lightbox small{font-weight:800;color:var(--orange);letter-spacing:.14em}.lightbox h3{font:34px 'Archivo Black',sans-serif;margin:6px 0}.lightbox p{margin:0}.close{position:absolute;right:22px;top:22px;width:44px;height:44px;background:var(--orange);border:3px solid var(--ink);font-size:25px;font-weight:800;z-index:3;cursor:pointer}
@media(max-width:950px){.header nav{display:none;position:absolute;top:87px;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);padding:22px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.x-link{width:100%;height:auto;padding:12px 14px;justify-content:flex-start;gap:10px}.x-link span{display:inline}.menu{display:flex;margin-left:auto;flex-direction:column;gap:7px}.menu i{display:block;width:28px;height:3px;background:var(--ink)}.hero{grid-template-columns:1fr;min-height:auto;background:var(--paper)}.hero-copy{padding:80px 24px 40px}.hero h1{font-size:23vw}.hero-stage{height:620px}.hero-frog{width:88vw}.sun{width:76vw}.official-card{position:absolute;width:140px;right:12px;bottom:15px;margin:0}.hero-ruler{display:none}.chapter-line{gap:15px}.chapter-line i{width:35px}.legend{grid-template-columns:1fr}.manga-panels{min-width:0}.forms-head,.code,.finale{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.code-mark{writing-mode:horizontal-tb}.code-mark img{width:85px}.finale{padding-top:100px}.finale-frog{height:540px;order:2}footer{flex-wrap:wrap;gap:20px}footer>a:last-child{margin-left:0;width:100%}}
@media(max-width:600px){.header{height:78px}.brand img{width:48px;height:48px}.header nav{top:77px}.hero-copy{padding-top:60px}.hero h1{font-size:24vw}.actions{flex-direction:column}.hero-stage{height:450px}.hero-frog{width:105vw;bottom:8%}.sound{font-size:10px}.official-card{width:100px}.chapter-line{display:grid;grid-template-columns:1fr 1fr 1fr;padding:25px 15px}.chapter-line>div{display:block;text-align:center}.chapter-line i{display:none}.chapter-line b{display:block}.legend,.forms,.code{padding:90px 18px}.manga-panels{grid-template-columns:1fr}.p-image{grid-row:auto;grid-column:auto;min-height:420px}.p-three{grid-column:auto}.forms-head{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-card:nth-child(2n){transform:none}.code{gap:50px}.finale{padding:80px 20px}.finale h2{font-size:16vw}.finale-frog{height:420px}.finale-frog img{width:110vw}footer{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-frog{transform:none}.motion-4 .toad-sprite,.motion-5 .toad-sprite{left:18%;transform:none}.motion-6 .toad-sprite{transform:none}}