@font-face{font-family:Lilita;src:url('assets/display.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#173853;background:#fff9eb;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.game-name,.brand,.ribbon,.sticker{font-family:Lilita,system-ui;font-weight:400}h1,h2{line-height:1.05;letter-spacing:-.025em;white-space:pre-line}h2{font-size:clamp(36px,4.3vw,62px);margin:15px 0 24px}h3{line-height:1.2}p+p{margin-top:18px}.section{max-width:1240px;margin:auto;padding:100px 48px;scroll-margin-top:12px}.section-copy>p{max-width:560px;color:#4e6471}.center{text-align:center}.center>p{max-width:650px;margin:0 auto}.eyebrow{text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.16em;color:#14746e}.small,.caption{font-size:12px;line-height:1.65}.caption{color:#5f6c7a;margin-top:18px}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:36px;justify-content:space-between;padding:14px max(28px,calc((100% - 1250px)/2));background:rgba(255,252,242,.97);border-bottom:1px solid #e5e7dc;box-shadow:0 3px 16px #1229440c}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.05;letter-spacing:.02em;font-size:18px;white-space:nowrap}.brand img{border-radius:50%;object-fit:contain}.brand>span>span{display:block;font-size:24px;color:#16887f}.nav nav{display:flex;gap:30px}.nav nav a{text-decoration:none;font-size:14px;font-weight:750}.nav nav a:hover{color:#117e75}.lang{display:flex;align-items:center;gap:6px;font-weight:700}.lang select{background:transparent;border:0;color:#173853;font-size:13px;padding:10px 2px;max-width:112px}.hero{position:relative;isolation:isolate;min-height:690px;height:min(740px,56vw);overflow:hidden;background:#70d8f9}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#a4e6f9d9 0%,#a4e6f993 24%,transparent 52%)}.hero-copy{max-width:1320px;margin:auto;padding:95px 60px 80px}.pill{display:inline-block;border-radius:30px;padding:8px 17px;background:#fff5c4;color:#8c531b;box-shadow:0 3px 0 #d4b66a70;letter-spacing:.09em}.game-name{color:#116579;font-size:24px;margin-top:32px}.hero h1{font-size:clamp(46px,4.9vw,76px);max-width:650px;margin:12px 0 25px;color:#123c60;text-shadow:0 3px 0 #d2f3ff}.intro{max-width:400px;font-size:18px;color:#134760;font-weight:550}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;position:relative;border:2px solid #ffffffe0;border-radius:18px;padding:16px 27px;text-decoration:none;font-size:16px;font-weight:850;line-height:1.3;min-height:58px;transition:transform .18s,filter .18s;box-shadow:0 5px 0 var(--edge),0 10px 22px #18284426}.button:before{content:'';position:absolute;inset:4px 14px auto;height:3px;border-radius:5px;background:#ffffff63}.green{--edge:#168328;background:linear-gradient(#84d735,#36b52a);color:#fff;text-shadow:0 1px 1px #276b24}.gold{--edge:#d79525;background:linear-gradient(#ffe67c,#ffc53e);color:#523c28}.button:hover{transform:translateY(-3px);filter:brightness(1.04)}.button:active{transform:translateY(3px)}.button:disabled{cursor:wait;opacity:.65}.text-link{font-size:14px;font-weight:800;text-underline-offset:5px}.hero-note{margin-top:19px;color:#245775}.sparkle{position:absolute;color:#fffbbd;text-shadow:0 0 18px #fff;animation:twinkle 4s ease-in-out infinite}.s1{right:16%;top:12%;font-size:42px}.s2{right:38%;bottom:22%;font-size:28px;animation-delay:1s}.ribbon{position:relative;z-index:2;background:#fff6d7;max-width:920px;margin:-30px auto 0;border:3px solid #fff;border-radius:28px;box-shadow:0 10px 30px #a8823222;display:flex;justify-content:center;align-items:center;gap:28px;padding:22px;color:#25455d;font-size:21px}.ribbon b{color:#e8aa2a}.gameplay{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{display:flex;gap:18px;margin:24px 0}.steps li>span{flex-shrink:0;width:45px;height:45px;background:#f4db9c;border:3px solid #fff;border-radius:15px;box-shadow:0 3px 0 #d3ad5e;text-align:center;line-height:39px;font-weight:850;font-size:16px}.steps h3{font-size:23px;margin-bottom:5px}.steps p{font-size:14px;color:#596d76;max-width:400px}.game-display{position:relative;text-align:center;background:radial-gradient(ellipse,#d8f1bd 0,transparent 69%);padding:10px 15px}.phone{max-width:260px;margin:auto;background:#153954;padding:9px;border-radius:35px;transform:rotate(3deg);border:4px solid #638b9c;box-shadow:15px 22px 0 #e4d4af,0 25px 35px #19374d24;overflow:hidden}.phone video{display:block;width:100%;border-radius:22px;aspect-ratio:9/16;background:#08202a}.sticker{position:absolute;z-index:2;top:4%;left:-3%;background:#ffda62;transform:rotate(-10deg);border:3px solid white;padding:10px 20px;border-radius:12px;font-size:19px;box-shadow:0 5px 0 #dfa437}.game-display .caption{max-width:320px;margin:42px auto 0}.heroes-section{padding:86px max(25px,calc((100% - 1120px)/2)) 80px;background:#e0f5ee;border-radius:70px 70px 0 0;border-top:6px solid #fff;position:relative}.hero-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:950px;margin:25px auto 0;min-height:380px}.character-wrap{position:relative;min-height:370px;display:grid;place-items:center}.halo{position:absolute;width:315px;height:315px;border-radius:50%;background:#ffffffa8;border:22px solid #ffffff4d;box-shadow:0 0 0 18px #ffffff30}.character{width:290px;height:304px;background-image:url('assets/ExpeditionHeroes.webp');background-size:400% 300%;background-position:0 0;position:relative;filter:drop-shadow(0 12px 5px #255d7233);animation:bob 5s ease-in-out infinite}.character.pip{background-position:33.333% 0}.character.luma{background-position:66.666% 0}.character.bolt{background-position:100% 0}.character.zeph,.character.kira,.character.tiko{background-size:300% 100%;background-position:0 0;background-repeat:no-repeat}.character.zeph{background-image:url('assets/HeroZeph.webp')}.character.kira{background-image:url('assets/HeroKira.webp')}.character.tiko{background-image:url('assets/HeroTiko.webp')}.orbit-star{position:absolute;right:20px;top:60px;font-size:45px;color:#ffca45;animation:twinkle 4s infinite}.character-copy h3{font-size:70px;margin:8px 0 14px}.character-copy p{max-width:400px;color:#4d696c}.ability{display:inline-block;margin-top:20px;padding:9px 18px;border-radius:25px;background:white;font-size:14px;font-weight:800;color:#126f67;box-shadow:0 4px 0 #adcec4}.hero-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-tabs button{border:2px solid white;border-radius:16px;background:#fff9;font-weight:800;color:#28615f;min-width:80px;padding:11px 16px;box-shadow:0 3px 0 #adcec4;transition:transform .2s}.hero-tabs button.selected{background:#166d68;color:#fff;transform:translateY(-4px);box-shadow:0 6px 0 #0d4e4a}.hero-tabs button:hover{transform:translateY(-3px)}.story{max-width:none;background:#342357;color:#fff6e7;display:grid;grid-template-columns:minmax(0,460px) minmax(0,535px);justify-content:center;align-items:center;gap:95px;padding-top:100px;padding-bottom:100px;position:relative;overflow:hidden}.story:before{content:'✦';position:absolute;right:3%;top:5%;font-size:80px;color:#ffffff0e}.story .eyebrow{color:#b3efd8}.story .section-copy>p{color:#ddd0ed}.story .section-copy .story-promise{color:#ffe58e;font-size:19px;font-weight:650;margin:24px 0 30px}.story-art{position:relative;transform:rotate(-3deg)}.story-art img{border:6px solid #ad8dc6;border-radius:120px 120px 30px 30px;box-shadow:15px 18px 0 #201838}.art-label{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;font-size:11px;font-weight:700;color:white;background:#221538cc;border-radius:20px;padding:8px}.worlds>.center{margin-bottom:40px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.world-grid article{border:6px solid #fff;border-radius:28px;overflow:hidden;background:#184750;position:relative;box-shadow:0 8px 0 #dfd4ba;aspect-ratio:1/1.06}.world-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.world-grid article:hover img{transform:scale(1.04)}.world-grid article>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#122d42f5);padding:70px 24px 24px;color:#fff}.world-grid h3{font-size:29px}.world-grid span{font-size:12px;font-weight:800;color:#ffe196}.studio{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;border-top:1px solid #dcd7c7;align-items:center}.studio-mark{display:flex;align-items:center;flex-direction:column;gap:24px}.studio-mark img{filter:drop-shadow(0 20px 20px #79592333)}.studio-mark span{font-family:Lilita;font-size:23px}.developer{display:flex;align-items:center;gap:15px;margin:28px 0 16px}.developer h3{font-size:24px}.developer>div>span{font-size:12px;color:#647784}.initials{display:grid;place-items:center;border-radius:15px;background:#ffdc76;width:57px;height:57px;font-family:Lilita;font-size:22px;flex-shrink:0}.contact{max-width:none;display:grid;grid-template-columns:minmax(0,440px) minmax(0,570px);justify-content:center;gap:80px;background:#e1f4f4;border-radius:70px 70px 0 0}.contact .email-link{font-weight:750;display:block;margin-top:28px;text-underline-offset:5px;overflow-wrap:anywhere}.youtube{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:750;margin:24px 0 36px}.youtube>span:first-child{background:#e84653;color:#fff;padding:3px 11px;border-radius:10px}.contact form{padding:32px;background:#fffef8;border:3px solid white;border-radius:25px;box-shadow:0 9px 0 #b8d6d5;min-width:0}form label:not(.consent){display:block;margin-bottom:17px}form label>span{display:block;font-size:13px;font-weight:750;margin-bottom:7px}form input:not([type=checkbox]),form textarea,form select{width:100%;min-width:0;background:#f3f5ee;border:1px solid #cdd9cc;border-radius:10px;padding:11px 13px;color:#214650;outline-offset:3px}form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{display:flex;align-items:flex-start;gap:10px;margin:3px 0 23px}.consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:#1a8472}.consent>span{font-size:12px;font-weight:400}.contact form .small{color:#6d7e81;margin-top:18px;font-size:11px}#form-status{font-size:13px;margin-top:20px;font-weight:700}#form-status[data-error=true]{color:#ab2440}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.privacy{padding-top:45px;padding-bottom:45px;font-size:12px;color:#6b7780}.privacy h2{font-size:22px;margin:0 0 14px}.privacy a{display:inline-block;margin-top:15px}footer{padding:30px max(30px,calc((100% - 1150px)/2));display:flex;align-items:center;flex-wrap:wrap;gap:28px;border-top:1px solid #e4decc;font-size:11px;color:#677480}footer .brand{font-size:15px;color:#193d55}footer>span{margin-left:auto;font-family:Lilita;font-size:16px}.skip{position:fixed;z-index:50;top:-100px;left:20px;background:#fff;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #de7323;outline-offset:5px}.click-star{position:fixed;pointer-events:none;z-index:50;color:#ffc82e;font-size:19px;animation:burst .6s ease-out forwards}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(80deg);opacity:0}}@keyframes bob{50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes twinkle{50%{transform:scale(.65) rotate(12deg);opacity:.45}}
@media(min-width:1600px){.hero{height:800px;max-height:none}.hero-copy{padding-top:135px}}@media(max-width:1050px){.nav{gap:18px;padding:12px 25px}.nav nav{gap:17px}.hero{height:650px;min-height:650px}.hero-copy{padding:88px 35px}.hero h1{font-size:56px;max-width:470px}.hero-art{object-position:60%}.hero:after{background:linear-gradient(90deg,#a4e6f9e6,#a4e6f995 30%,transparent 67%)}.hero .actions{flex-direction:column;align-items:flex-start;gap:20px}.section{padding:75px 32px}.gameplay{gap:30px}.story,.contact{gap:40px}.hero-stage{gap:25px}.nav nav a{font-size:12px}.world-grid{gap:16px}.world-grid h3{font-size:23px}.ribbon{margin:-23px 25px 0;font-size:18px;gap:18px}.studio{gap:40px}}
@media(max-width:700px){.nav{padding:10px 17px;gap:10px}.nav nav{display:none}.brand{font-size:14px;gap:8px}.brand>span>span{font-size:20px}.brand img{width:38px;height:38px}.lang select{font-size:12px}.hero{height:790px;min-height:0;display:flex;align-items:flex-start;background:#79d4f5}.hero-art{height:450px;top:340px;object-position:76% 50%;object-fit:cover}.hero:after{background:linear-gradient(#a2e3f8 0%,#a2e3f8 36%,#a2e3f877 45%,transparent 56%)}.hero-copy{padding:32px 25px 0;width:100%;text-align:center}.pill{font-size:9px;padding:7px 12px}.game-name{font-size:20px;margin-top:18px}.hero h1{font-size:46px;max-width:100%;margin:9px auto 15px}.intro{font-size:15px;max-width:325px;margin:auto}.hero .actions{flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-top:22px}.hero .button{font-size:13px;padding:14px 17px;min-height:52px}.hero .text-link{font-size:11px;max-width:90px}.hero-note{font-size:10px;margin-top:13px}.s1{top:64%;right:18%}.s2{display:none}.ribbon{margin:-18px 14px 0;padding:15px 10px;border-radius:18px;font-size:13px;gap:10px;line-height:1.2;text-align:center}.ribbon b{font-size:13px}.section{padding:62px 24px}.gameplay,.hero-stage,.story,.studio,.contact{grid-template-columns:1fr;gap:35px}h2{font-size:39px}.gameplay .section-copy>p{font-size:15px}.steps{margin-top:26px}.game-display{padding:15px}.sticker{left:3%;top:2%}.phone{max-width:245px}.heroes-section{padding:58px 24px 55px;border-radius:38px 38px 0 0}.hero-stage{gap:0;margin-top:15px}.character-wrap{min-height:325px}.character{width:270px;height:282px}.halo{width:275px;height:275px}.character-copy{text-align:center;min-height:228px}.character-copy p{margin:auto;font-size:15px}.character-copy h3{font-size:53px}.hero-tabs{gap:9px;margin-top:25px}.hero-tabs button{min-width:65px;padding:9px 12px;font-size:13px}.story-art{max-width:330px;margin:0 auto;order:2}.story{padding-top:65px;padding-bottom:70px}.story .section-copy>p{font-size:15px}.world-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;gap:18px}.world-grid article{flex:0 0 83%;scroll-snap-align:center;max-width:330px}.studio{gap:32px}.studio-mark img{width:150px;height:150px}.studio-mark{gap:12px}.studio-mark span{font-size:19px}.developer>div>span{font-size:11px}.contact{border-radius:38px 38px 0 0;gap:30px}.contact form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.privacy{padding-top:36px;padding-bottom:36px}.privacy h2{font-size:23px}footer{padding:25px;gap:15px}footer>span{margin-left:0;width:100%}footer p{font-size:10px}.orbit-star{right:10%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero-copy{margin:0 auto}.character{width:245px;height:340px}.character.zeph,.character.kira,.character.tiko{width:300px;height:300px}@media(max-width:700px){.hero-copy{margin:0 auto}.hero-art{top:395px;height:395px}.hero:after{background:linear-gradient(#a2e3f8 0%,#a2e3f8 47%,transparent 58%)}.hero h1{font-size:42px}.character{width:225px;height:313px}.character.zeph,.character.kira,.character.tiko{width:280px;height:280px}}

.story-art img{width:100%;height:auto}


html:lang(ja) body,html:lang(ja) button,html:lang(ja) input,html:lang(ja) select,html:lang(ja) textarea{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Noto Sans CJK JP",sans-serif}html:lang(ja) h1,html:lang(ja) h2,html:lang(ja) h3{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;font-weight:800;line-height:1.35;letter-spacing:0;word-break:normal;overflow-wrap:anywhere}html:lang(ja) .hero h1{font-size:clamp(32px,4vw,58px)}html:lang(ja) .nav nav{gap:18px}html:lang(ja) .hero-copy{max-width:720px}@media(max-width:700px){html:lang(ja) .hero h1{font-size:34px}html:lang(ja) .ribbon{font-size:11px}html:lang(ja) h2{font-size:30px}html:lang(ja) .hero .actions{gap:10px}html:lang(ja) .hero .button{font-size:12px}}