@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@500;600;700;800;900&display=swap');
:root{--ink:#1339a3;--pink:#ff83a6;--lime:#d7ff25;--paper:#fff7b2;--blue:#1649ee;--lavender:#c4b5fa;--drift:0px;--progress:0;--how-progress:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans JP',sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:85px}
*{box-sizing:border-box}body{margin:0;overflow-x:clip;background:var(--paper) url('assets/cloud-city.png') center center/cover fixed}body:before{content:'';position:fixed;inset:0;background:#fff7b245;z-index:-1;pointer-events:none}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a:focus-visible{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px dashed #ef2569}img{display:block;max-width:100%;height:auto}p{line-height:1.95;margin:0 0 22px}h1,h2,h3,figure{margin:0}h2{font-size:clamp(30px,4vw,56px);line-height:1.4;font-weight:900;letter-spacing:-.06em}h3{font-size:26px;line-height:1.45;letter-spacing:-.045em}mark{color:inherit;background:transparent}em{font-style:normal}main{position:relative}.wrap{width:min(1120px,calc(100% - 100px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-90px;padding:14px;background:white;z-index:100}.skip-link:focus{top:15px}
.topbar{height:66px;padding:0 4vw;display:flex;align-items:center;gap:28px;background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:8;font-size:13px;font-weight:800}.topbar a{text-decoration:none}.mini-logo{font-weight:900;font-size:23px;margin-right:auto;transform:rotate(-4deg)}#motion-toggle{border:1px solid var(--ink);border-radius:30px;background:transparent;color:var(--ink);padding:8px 15px;cursor:pointer;min-height:40px}.reading-progress{position:fixed;z-index:30;left:0;top:0;height:5px;width:100%;background:var(--pink);transform-origin:left;transform:scaleX(var(--progress));pointer-events:none}
.hero{min-height:860px;height:calc(100svh - 66px);max-height:1120px;position:relative;isolation:isolate;overflow:hidden;text-align:center;display:grid;place-items:start center;background:var(--paper)}.hero-art{position:absolute;z-index:-1;inset:-35px -35px -65px;background:url('assets/cloud-city.png') center/cover;transform:translateY(var(--drift)) scale(1.02);will-change:transform}.hero-center{width:min(840px,75%);padding:48px 0 200px}.hero-kicker{display:inline-block;font-size:15px;font-weight:900;letter-spacing:.13em;padding:10px 22px;border-block:2px solid var(--ink);transform:rotate(-3deg)}h1{margin:14px 0 24px;line-height:.9;letter-spacing:-.09em;font-weight:900;filter:drop-shadow(4px 6px 0 var(--paper))}.title-jp{display:block;font-size:clamp(85px,10.2vw,156px)}h1 i{display:inline-block;font-style:normal;animation:title-entry .95s cubic-bezier(.2,.8,.2,1.2) both}h1 i:nth-child(2){animation-delay:.1s}h1 i:nth-child(3){animation-delay:.2s}.title-jp i:first-child{transform:rotate(-10deg)}.title-jp i:nth-child(2){transform:translateY(10px) rotate(5deg)}.title-jp i:nth-child(3){transform:rotate(11deg)}.title-en{display:block;font-family:'Barlow Condensed',sans-serif;font-size:clamp(145px,16vw,225px);line-height:.85;letter-spacing:-.015em;color:var(--blue);text-shadow:6px 6px 0 var(--pink),9px 9px 0 var(--ink);transform:rotate(-6deg);margin:0 auto}.title-en i:nth-child(2){transform:rotate(9deg)}.title-en i:last-child{color:var(--pink);text-shadow:4px 4px 0 var(--ink);transform:rotate(12deg)}.hero-message{max-width:560px;margin:auto}.copy{font-size:clamp(21px,2.1vw,29px);line-height:1.6;font-weight:900;margin-bottom:8px}.copy mark{display:inline-block;background:var(--lime);padding-inline:8px;transform:rotate(-2deg)}.sub{font-size:14px;max-width:445px;line-height:1.75;margin:0 auto 20px}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero .btn-row{justify-content:center}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:15px 24px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;border:2px solid var(--ink);border-radius:100px;font-size:15px;box-shadow:4px 5px 0 var(--pink);transition:transform .22s,box-shadow .22s}.btn:hover{transform:translate(-2px,-4px) rotate(-2deg);box-shadow:6px 9px 0 var(--pink)}.btn.ylw{color:var(--ink);background:var(--lime)}.btn.blu{background:var(--blue)}.scroll-note{display:inline-block;margin-top:26px;font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-decoration:none;animation:nudge 2s ease-in-out infinite}.hero-ticket{position:absolute;right:7%;top:38%;background:var(--pink);border:2px solid var(--ink);border-radius:50%;width:134px;height:134px;display:flex;flex-direction:column;justify-content:center;font-size:16px;font-weight:900;transform:rotate(12deg);animation:float 4s ease-in-out infinite}.hero-ticket strong{font:800 58px/.95 'Barlow Condensed',sans-serif}.hero-ticket small{font-size:10px;margin-top:6px}
.ticker{position:relative;z-index:3;background:var(--lime);color:var(--ink);padding:15px 0;border-block:2px solid var(--ink);overflow:hidden;transform:rotate(-3deg) scale(1.04);margin:-18px 0 75px}.ticker>div{display:flex;width:max-content;animation:marquee 26s linear infinite}.ticker span{font:800 43px/.95 'Barlow Condensed',sans-serif;letter-spacing:.035em;white-space:nowrap;padding-right:45px}.ticker-pink{background:var(--pink);transform:rotate(3deg) scale(1.04);margin:70px 0 100px}.ticker-pink span{font:900 30px/1.2 'Noto Sans JP',sans-serif;letter-spacing:-.05em;padding-right:65px}
.scene{position:relative;margin-block:95px}.shout{display:flex;align-items:center;gap:24px;margin-bottom:42px}.bang{display:inline-block;flex-shrink:0;font:800 25px/1 'Barlow Condensed',sans-serif;border:2px solid var(--ink);border-radius:50%;padding:22px 17px;transform:rotate(-12deg);background:var(--lime);box-shadow:3px 4px 0 var(--ink)}.odai-scene{background:var(--paper);padding:45px 45px 60px;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--pink);transform:rotate(1deg)}.odai-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.odai-grid h2{font-size:clamp(30px,3.2vw,44px);margin-bottom:24px}.odai-grid em{background:var(--pink);padding:0 8px}.odai-grid p{font-size:16px}.polaroid{position:relative;background:white;padding:15px 15px 25px;border:2px solid var(--ink);box-shadow:7px 8px 0 var(--ink);transform:rotate(-5deg);transition:transform .2s;align-self:center}.polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% center}.polaroid .no{position:absolute;top:25px;left:-20px;background:var(--lime);border:2px solid var(--ink);padding:8px 14px;font-size:17px;font-weight:900;transform:rotate(-8deg)}.cap{display:block;font-size:12px;font-weight:800;text-align:center;padding-top:20px}.meta{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;font-weight:700;margin:25px 0}.meta span{border:1px solid;padding:6px 8px;background:white}
.how{background:var(--ink);color:var(--paper);padding:80px 0 95px;margin-bottom:0}.how>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.how .shout{position:sticky;top:80px;display:block;padding:35px 0}.how .bang{color:var(--ink);margin-bottom:25px}.how h2{font-size:clamp(40px,5vw,70px)}.how-intro{font-size:14px;margin-top:20px}.how-meter{height:7px;background:#ffffff33;margin-top:32px;width:80%}.how-meter span{display:block;height:100%;width:100%;background:var(--lime);transform-origin:left;transform:scaleX(var(--how-progress))}.steps{display:grid;gap:30px;padding:20px 0}.step{padding:30px 32px 35px 95px;background:var(--paper);color:var(--ink);position:relative;border:2px solid var(--paper);box-shadow:7px 7px 0 var(--pink);min-height:190px;transform:rotate(3deg);margin-left:12px}.step:nth-child(even){transform:rotate(-3deg);background:var(--pink);box-shadow:7px 7px 0 var(--lime);margin-left:-20px;margin-right:30px}.step:nth-child(3){background:var(--lime)}.step b{position:absolute;left:18px;top:20px;font:900 70px/1 'Barlow Condensed',sans-serif;letter-spacing:-.07em}.step h3{font-size:26px;margin-bottom:12px}.step p{font-size:15px;margin:0}
.award-scene{background:var(--lavender);border:2px solid var(--ink);padding:55px 45px 35px;transform:rotate(-1.5deg);box-shadow:10px 10px 0 var(--lime)}.award-scene .shout{justify-content:center}.aw{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;align-items:end;padding-top:18px}.award-item{padding:35px 23px;background:var(--paper);border:2px solid var(--ink);text-align:center}.award-item:first-child{padding-block:50px;transform:rotate(-4deg);background:var(--lime);box-shadow:5px 6px 0 var(--ink)}.award-item:nth-child(2){transform:rotate(3deg);background:var(--pink)}.award-item:nth-child(3){transform:rotate(-2deg)}.cup{display:block;font:800 clamp(37px,4vw,54px)/1 'Barlow Condensed',sans-serif;margin-bottom:15px}.award-item h3{font-size:25px;margin-bottom:20px}.award-item p{font-size:14px;margin:0;text-align:left}.reward{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:44px;border-top:2px dashed var(--ink);padding-top:25px;font-size:12px}.reward b{font-size:30px;display:block;font-weight:900}
.doors{padding:20px 0}.doors .shout{justify-content:center;background:var(--paper);width:fit-content;margin:0 auto 35px;padding:15px 25px}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.door{border:2px solid var(--ink);background:var(--pink);padding:38px;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--ink)}.door.biz{background:var(--lime);transform:rotate(3deg);margin-top:75px}.door .tag{display:inline-block;background:var(--ink);color:white;padding:6px 13px;font-size:12px;transform:rotate(-5deg);margin-bottom:25px}.door h3{font-size:clamp(25px,3vw,40px);margin-bottom:25px}.door p{font-size:16px}
.rule-scene{background:var(--paper);padding:48px;border:2px solid var(--ink);border-radius:3px}.rule-box{border-top:2px solid var(--ink);padding-top:30px}.rule-box p{font-size:16px}.pr{font:900 38px/1 'Barlow Condensed',sans-serif;background:var(--lime);padding:6px 12px;display:inline-block;transform:rotate(-5deg);margin-right:12px}.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.chips span{border:2px solid var(--ink);border-radius:50%;background:var(--pink);padding:15px 20px;font-size:14px;transform:rotate(-6deg);font-weight:800}.chips span:nth-child(3n){background:var(--lime);transform:rotate(7deg)}.chips span:nth-child(3n + 1){background:var(--lavender);transform:rotate(3deg)}
.brands{background:var(--pink);border-block:2px solid var(--ink);padding:65px 0;transform:rotate(1deg)}.brow{display:flex;align-items:center;gap:25px;padding:30px 0;border-block:2px solid var(--ink);margin-bottom:25px}.brow>span:first-child{font:800 52px 'Barlow Condensed',sans-serif}.brow .slot{border:1px dashed var(--ink);padding:18px;font-size:12px}.brands p{font-size:16px}.cta{padding:70px 30px 90px;background:var(--paper);border:2px solid var(--ink);text-align:center;box-shadow:12px 12px 0 var(--blue);margin-bottom:100px;transform:rotate(-2deg)}.cta h2{font-size:clamp(68px,10vw,145px);letter-spacing:-.08em;line-height:1.1;margin-bottom:40px}.cta h2 span{display:block}.cta h2 span:last-child{color:var(--blue);text-shadow:4px 5px 0 var(--pink);transform:rotate(3deg)}.cta .btn-row{justify-content:center}.pending{background:transparent!important;color:var(--ink)!important;box-shadow:none!important;pointer-events:none;border-style:dashed;font-size:14px}.registration-note{font-size:13px;margin:20px auto}.note{font-size:11px;max-width:670px;margin:20px auto 0;line-height:1.9}footer{padding:30px 30px 90px;background:var(--ink);color:var(--paper);font-size:11px;line-height:2;text-align:center}.floating-cta{position:fixed;right:25px;bottom:25px;z-index:20;text-decoration:none;border:2px solid var(--ink);background:var(--lime);color:var(--ink);font-size:22px;font-weight:900;padding:16px 30px;border-radius:100px;box-shadow:4px 5px 0 var(--pink);transform:translateY(160%);transition:transform .3s;visibility:hidden}.floating-cta small{display:block;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em}.floating-cta.visible{transform:rotate(-5deg);visibility:visible}.floating-cta:hover{transform:rotate(0deg) translateY(-4px)}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes nudge{50%{transform:translateY(7px)}}@keyframes float{50%{transform:translateY(-14px) rotate(7deg)}}@keyframes title-entry{from{opacity:0;translate:0 -80px;scale:.7}to{opacity:1;translate:0 0;scale:1}}@keyframes pop-in{from{opacity:.2;translate:0 55px;scale:.92}to{opacity:1;translate:0 0;scale:1}}.arrived{animation:pop-in .65s cubic-bezier(.2,.8,.25,1.15) both;animation-delay:calc(var(--i,0)*.06s)}
.motion-off,.motion-off *{scroll-behavior:auto!important}.motion-off *{animation:none!important;transition:none!important}.motion-off .hero-art{transform:none}.motion-off .arrived{opacity:1;translate:none;scale:1}
@media(min-width:1600px){.hero-center{padding-top:65px}.hero{min-height:940px}}
@media(max-width:1000px){.wrap{width:calc(100% - 70px)}.hero{min-height:820px}.hero-center{width:80%}.hero-art{background-size:auto 100%;background-position:center}.hero-ticket{right:3%;top:52%;width:105px;height:105px;font-size:13px}.hero-ticket strong{font-size:44px}.hero-ticket small{font-size:8px}.hero-kicker{font-size:12px}.odai-scene{padding:32px}.odai-grid{gap:30px}.how>.wrap{grid-template-columns:.7fr 1fr;gap:30px}.step{padding-left:75px;padding-right:22px}.step b{font-size:55px;left:15px}.aw{gap:12px}.award-item{padding:25px 15px}.award-scene{padding:35px}.door{padding:28px}.brow{flex-wrap:wrap}}
@media(max-width:700px){:root{scroll-padding-top:25px}body{background-size:auto 100svh}.topbar{height:58px;padding:0 16px;gap:14px;font-size:10px}.mini-logo{font-size:18px}#motion-toggle{font-size:10px;padding:7px 10px}.hero{height:auto;min-height:830px;max-height:none}.hero-center{width:100%;padding:55px 25px 240px}.hero-art{inset:0 -130px 0;background-size:auto 100%;background-position:center;opacity:.95}.hero-kicker{font-size:11px;letter-spacing:.06em;padding:9px 10px}.title-jp{font-size:clamp(78px,22vw,130px)}.title-en{font-size:clamp(140px,40vw,210px)}h1{margin:25px 0 30px}.hero-message{width:min(100%,410px);background:#fff7b2e8;padding:14px 10px 16px}.copy{font-size:21px}.sub{font-size:12px;max-width:290px}.hero .btn-row{gap:11px}.hero .btn{font-size:12px;padding:12px 17px;min-height:46px}.hero-ticket{right:5%;top:auto;bottom:80px;width:104px;height:104px}.scroll-note{font-size:12px;margin-top:15px}.ticker{margin-top:-15px;margin-bottom:40px;padding:12px 0}.ticker span{font-size:32px}.wrap{width:calc(100% - 36px)}.scene{margin-block:55px}.shout{gap:15px;margin-bottom:30px}.shout h2{font-size:30px}.bang{font-size:20px;padding:18px 12px}.odai-scene{padding:25px 22px 38px;box-shadow:6px 7px 0 var(--pink);transform:rotate(.7deg)}.odai-grid{grid-template-columns:1fr;gap:38px}.polaroid{width:90%;margin:0 auto 10px;padding:10px 10px 15px}.polaroid img{aspect-ratio:1.1;object-position:center}.polaroid .no{font-size:13px;left:-14px;top:18px}.cap{font-size:10px;padding-top:15px}.odai-grid h2{font-size:32px}.odai-grid p{font-size:15px}.btn{font-size:13px;padding:13px 20px;min-height:49px}.how{padding:40px 0 60px}.how>.wrap{display:block;padding:0 12px}.how .shout{position:static;padding:0}.how h2{font-size:40px}.how .bang{margin-bottom:18px}.how-intro{margin-bottom:12px}.how-meter{width:100%;margin-top:18px}.steps{gap:30px}.step{padding:26px 22px 28px 90px;margin-inline:5px;min-height:160px}.step:nth-child(even){margin-inline:5px}.step b{font-size:65px;top:21px;left:17px}.step h3{font-size:23px}.step p{font-size:14px}.ticker-pink{margin-block:50px}.ticker-pink span{font-size:24px}.award-scene{padding:30px 22px;box-shadow:6px 7px 0 var(--lime)}.award-scene .shout{align-items:flex-start;gap:12px}.award-scene .shout h2{font-size:28px}.aw{grid-template-columns:1fr;gap:24px;padding-top:0}.award-item{padding:25px;display:grid;grid-template-columns:95px 1fr;column-gap:18px;text-align:left}.award-item:first-child{padding:35px 25px}.cup{grid-row:span 2;font-size:32px;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center;margin:0}.award-item h3{font-size:27px;margin:0 0 12px}.award-item p{font-size:14px}.reward{gap:20px}.reward>span{flex:1;min-width:95px}.reward b{font-size:25px}.doors{padding:0}.doors .shout{padding:12px 15px}.doors .shout h2{font-size:28px}.door-grid{grid-template-columns:1fr;gap:35px;padding:0 12px}.door{padding:30px;box-shadow:5px 6px 0 var(--ink)}.door.biz{margin-top:0}.door h3{font-size:29px}.door p{font-size:15px}.rule-scene{padding:25px 22px}.rule-scene .shout{align-items:flex-start}.rule-scene h2{font-size:28px}.rule-box p{font-size:14px}.chips{gap:9px}.chips span{font-size:11px;padding:12px 15px}.brands{padding:40px 0}.brow{gap:12px}.brow>span:first-child{width:100%;font-size:43px}.brow .slot{padding:12px;font-size:10px}.brands p{font-size:14px}.cta{padding:50px 20px 45px;box-shadow:6px 7px 0 var(--blue);margin-bottom:65px}.cta h2{font-size:76px}.cta .btn-row{flex-direction:column}.cta .btn{width:100%}.registration-note{font-size:11px}.note{font-size:10px}.floating-cta{right:16px;bottom:16px;font-size:17px;padding:12px 23px}.floating-cta small{font-size:9px}footer{font-size:10px;padding-inline:24px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}.hero-art{transform:none}}