*{box-sizing:border-box}body{margin:0;background:#10232d;color:#eff6e7;font-family:'Hiragino Kaku Gothic ProN',sans-serif}main[hidden]{display:none}main{min-height:100svh}button,a{touch-action:manipulation}button,.play{padding:16px 28px;border:1px solid #e1f5d6;border-radius:14px;background:linear-gradient(#def8df,#9cddc0);color:#163c31;font:700 16px sans-serif;cursor:pointer;box-shadow:0 4px 0 #478f7c}button:disabled{background:#344c54;color:#91aaa8;border-color:#69827c;box-shadow:none;cursor:default}a{color:#c6efdb}.play{display:inline-block;text-decoration:none;font-size:25px;min-width:240px;text-align:center}#title{position:relative;background:#17323e url('/design/assets/commercial-title-v1.png') center/cover no-repeat;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#09252be0,#0d293b33 70%)}.titleCopy{position:relative;padding:5vh 8vw;max-width:65vw}small{letter-spacing:.1em;color:#c1e4d3}h1{font-size:clamp(40px,7vw,85px);line-height:.9;letter-spacing:-.05em;margin:24px 0 40px;color:#fff9d9;text-shadow:0 5px 0 #1f6461}h1 span{color:#a8efd3}.titleCopy button{background:#d7f4ddee;animation:breathe 3s ease-in-out infinite}.titleCopy p{font-size:11px;color:#bed4ce}section{max-width:480px;margin:auto;padding:8vh 25px}h2{font-size:30px}label{display:block;margin:30px 0 20px}input{display:block;background:#294a55;color:#f1f7e6;border:1px solid #a4cabb;border-radius:10px;padding:15px;font:inherit;margin-top:10px;width:100%}section button{width:100%}p{line-height:1.7;color:#b9cfc8;font-size:13px}header{padding:24px max(30px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center}header h2{font-size:22px;margin:7px 0}.hangar{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:60vh;background:radial-gradient(ellipse at 30% 50%,#4e827b55,transparent 50%)}.character{position:relative;text-align:center}.character canvas{width:min(85%,380px);position:relative;z-index:1;animation:float 4s ease-in-out infinite}.platform{position:absolute;bottom:5%;left:20%;width:60%;height:14%;border-radius:50%;background:#69e2bd20;border:2px solid #91d1ba;box-shadow:0 0 40px #6aefc744}.matchChoice{padding:20px}.matchChoice h1{font-size:clamp(30px,4.8vw,62px);line-height:1.2;margin:15px 0 30px}footer{display:flex;align-items:center;gap:35px;padding:20px 5vw;border-top:1px solid #588679}footer div{display:flex;align-items:baseline;gap:8px}footer b{font-size:36px;color:#fff0be}footer span{font-size:13px}footer a{margin-left:auto}dialog{max-width:440px;background:#203e49;color:#edf8e6;border:1px solid #a3c8b5;border-radius:20px;padding:25px}dialog::backdrop{background:#081c27bb}@keyframes float{50%{transform:translateY(-8px)}}@keyframes breathe{50%{box-shadow:0 4px 0 #478f7c,0 0 20px #a5efca55}}@media(max-height:550px) and (orientation:landscape){header{padding:12px max(22px,env(safe-area-inset-left))}.hangar{min-height:56vh}.character canvas{width:210px}.matchChoice h1{font-size:34px;margin:8px 0 16px}footer{padding:10px 5vw}footer b{font-size:26px}footer p{font-size:10px}h1{font-size:60px;margin:18px 0 25px}.titleCopy{padding:22px 8vw}}@media(max-width:600px) and (orientation:portrait){.titleCopy{max-width:95vw}.hangar{grid-template-columns:1fr}.character canvas{width:200px}.matchChoice{text-align:center}footer{gap:15px;flex-wrap:wrap}footer a{margin:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
main[hidden]{display:none!important}
.titleCopy h1{font-size:clamp(38px,6.3vw,78px);letter-spacing:-.055em}@media(max-height:550px) and (orientation:landscape){.titleCopy h1{font-size:52px}}
body{overflow-x:hidden}.heroActions{display:flex;flex-wrap:wrap;gap:12px}.secondary{background:#173744d9;color:#e0f3de;border:1px solid #a0c9b8;box-shadow:0 3px 0 #0b2631}.mobileAppCta{display:none}.lpIntro,.appSection{max-width:none;margin:0;padding:90px max(25px,8vw)}.lpIntro h2,.appSection h2,.lpBattle h2{font-size:clamp(32px,4.5vw,58px);line-height:1.3;margin:20px 0}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.how b{font-size:40px;color:#b3edd0}.how h3{font-size:21px}.lpBattle{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:60px 8vw;background:#19363e;align-items:center}.lpBattle img{width:100%;border-radius:24px;max-height:450px;object-fit:cover}.appSection{text-align:center;background:radial-gradient(ellipse at center,#2c605c,#10232d 70%)}.storeActions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.siteBottom{display:flex;gap:20px;justify-content:space-between;padding:30px 8vw;border-top:1px solid #456a6a;font-size:12px;align-items:center}.siteBottom button{background:none;color:#c3d8ce;border:0;box-shadow:none;padding:6px;font-size:12px}#home footer{gap:15px;flex-wrap:wrap}#home footer button{font-size:12px;padding:12px 16px}#homeStatus{text-align:center;padding:0 15px}.featureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.featureGrid button{text-align:left;padding:15px;font-size:14px}.featureGrid small{display:block;font-size:11px;line-height:1.6;letter-spacing:0;margin-top:7px;color:inherit}#featureSheet{width:min(700px,90vw);max-width:700px;max-height:88svh;overflow:auto}.tierTrack{height:12px;background:#102a34;border-radius:6px;overflow:hidden;margin:20px 0}.tierTrack i{display:block;height:100%;background:#b6efd0}.stationView{display:flex;gap:10px;align-items:end;padding:22px;background:#153039;border-radius:16px}.stationRoom{flex:1;background:#416a68;border:2px solid #a7d9be;border-radius:12px;padding:20px 8px;text-align:center;color:#f5f4cf}.stationRoom.locked{opacity:.35}.rewardToast{color:#fff0b5!important}.mapPreview{display:block;width:100%;height:65px;margin-bottom:8px;border-radius:6px;background:#16323d}.native #landingContent,.native #instantPlay,.native .mobileAppCta{display:none}.native #enter{background:linear-gradient(#def8df,#9cddc0);color:#163c31}.native .titleCopy{max-width:65vw}body:has(#home:not([hidden])) #landingContent,body:has(#onboard:not([hidden])) #landingContent{display:none}@media(max-width:700px){#title{min-height:90svh;background-position:62% center}.titleCopy{max-width:100vw;padding:45px 24px;background:linear-gradient(90deg,#112a36bb,transparent)}.titleCopy h1{font-size:54px}.heroActions{flex-direction:column;align-items:start}.mobileAppCta{display:block;margin-top:25px;background:#edf5db;color:#193b32;text-decoration:none;padding:18px 22px;border-radius:14px;font-weight:800;font-size:18px;box-shadow:0 4px 0 #75a88d}.mobileAppCta span{display:block;font-size:11px;margin-top:8px}.how{grid-template-columns:1fr;gap:20px}.lpBattle{grid-template-columns:1fr;padding:40px 24px}.lpIntro,.appSection{padding:45px 24px}.siteBottom{flex-wrap:wrap;padding:20px}.featureGrid{grid-template-columns:1fr}}@media(orientation:landscape) and (max-height:550px){.native #title{height:100svh;min-height:100svh}#home footer{padding:8px 5vw;gap:12px}#home footer button{padding:9px;font-size:11px}#home .hangar{min-height:48vh}.native .titleCopy{padding:20px 8vw}.native .heroActions{display:block}.native .titleCopy h1{font-size:49px}.native .character canvas{width:175px}.native .matchChoice h1{font-size:28px}.native .matchChoice .play{font-size:20px;padding:12px}.native header{padding-top:6px;padding-bottom:6px}}
.titleCopy .secondary{background:#173744ed;color:#eff8e6;animation:none;box-shadow:0 3px 0 #0a2732}.native .titleCopy .secondary{background:linear-gradient(#def8df,#9cddc0);color:#163c31}