*,:before,:after{box-sizing:border-box}:root{--sand:#f6cd86;--sky:#4fa3e0;--ink:#14161c;--accent:#ff6b1a;--accent-dark:#c2410c;--panel:#1f2433}html,body{color:var(--ink);background:linear-gradient(180deg, var(--sky) 0%, #ffd9a0 55%, var(--sand) 100%) fixed;min-height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.page{max-width:980px;margin:0 auto;padding:48px 16px 64px}.play-button{background:var(--accent);color:#fff;box-shadow:0 6px 0 var(--accent-dark);border-radius:999px;padding:16px 52px;font-size:26px;font-weight:900;text-decoration:none;transition:transform 80ms;display:inline-block}.play-button:hover,.play-button:focus-visible{transform:translateY(-2px)}.play-button:active{box-shadow:0 2px 0 var(--accent-dark);transform:translateY(4px)}.note{opacity:.75;font-size:14px}.page{background:#ffffffd1;border-radius:20px;margin-top:32px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:13px;font-weight:700}.page h1{margin:4px 0 12px;font-family:Arial Black,Segoe UI Black,system-ui,sans-serif;font-size:clamp(34px,7vw,56px)}.facts{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.facts li{background:var(--panel);color:#fff;border-radius:999px;padding:6px 14px}.hint{font-weight:700}.level-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;display:flex}.hero-top{gap:8px}.hero-top .hero-badge{margin-right:auto}.board-world h2{margin:28px 0 8px}.board{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.board th,.board td{text-align:left;border-bottom:1px solid #14161c1f;padding:7px 10px}.board th{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:12px}.board .board-empty td:not(:first-child){opacity:.45}.hero-top a,.hero-top span{white-space:nowrap}@media (max-width:520px){.hero-top .hero-badge{display:none}.hero-top a:first-of-type{margin-left:auto}}.play{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;background:#14161c;position:fixed;inset:0;overflow:hidden}:is(html:has(.play),body:has(.play)){overscroll-behavior:none;overflow:hidden}.game-root{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}.game-root canvas{display:block}.game-loading{justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.rotate-prompt{z-index:20;text-align:center;color:#f8fafc;background:#111827f0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.rotate-prompt h2{margin:0;font-size:26px}.rotate-prompt p{color:#cbd5e1;max-width:300px;margin:0 0 8px}.rotate-phone{font-size:64px;animation:2.4s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.rotate-skip{color:#94a3b8;cursor:pointer;background:0 0;border:0;margin-top:6px;font-size:15px;text-decoration:underline}.landing{--display:"Arial Black", "Segoe UI Black", "Helvetica Neue", system-ui, sans-serif;--rock-deep:#3a2216;background:var(--rock-deep);color:#fff7ea;overflow-x:clip}.hero-scene{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.scene-sky,.scene-sun,.scene-clouds,.scene-layer{pointer-events:none;position:absolute}.scene-sky{background:linear-gradient(#3b8fd6 0%,#4fa3e0 22%,#9cc7e6 46%,#ffd9a0 72%,#f6c98a 100%);inset:0}.scene-sun{aspect-ratio:1;background:radial-gradient(circle,#fff9e6 0 30%,#fff3d1 31% 38%,#ffe2a68c 40%,#ffe2a600 70%);border-radius:50%;width:clamp(110px,18vmax,240px);animation:5s ease-in-out infinite alternate sun-glow;top:9%;right:10%}.scene-clouds{opacity:.92;width:200%;height:32%;animation:90s linear infinite clouds-drift;display:flex;top:4%;left:0}.scene-clouds svg{flex:0 0 50%;height:100%}.scene-layer{bottom:0;left:0;right:0}.scene-layer svg{width:100%;height:100%;display:block}.scene-far{height:50%}.scene-mid{height:38%}.scene-near{height:25%}.scene-ground{height:12%;min-height:70px;bottom:-2px}.hero-top{z-index:3;top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.hero-badge{color:#fde68a;letter-spacing:.1em;text-transform:uppercase;background:#14161cc7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.hero-store{border:3px solid var(--ink);min-height:48px;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 12px;font-size:15px;font-weight:900;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.hero-store svg{width:22px;height:22px}.hero-store:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hero-content{z-index:2;min-height:100svh;padding:calc(max(12px, env(safe-area-inset-top)) + 64px) max(16px, env(safe-area-inset-right)) calc(max(16px, env(safe-area-inset-bottom)) + 18px) max(16px, env(safe-area-inset-left));text-align:center;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title""bike""cta";justify-items:center;display:grid;position:relative}.hero-title{grid-area:title}.hero-bike{grid-area:bike;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.hero-cta{flex-direction:column;grid-area:cta;align-items:center;gap:12px;display:flex}.logo{font-family:var(--display);letter-spacing:-.01em;color:#fff;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink), 0 .14em .1em #14161c59;margin:0;font-size:clamp(54px,15vw,128px);font-weight:900;line-height:.9;transform:rotate(-4deg)}.logo span{color:var(--accent);display:block}.hero-tagline{color:#fff;letter-spacing:.02em;background:#14161cd1;border-radius:999px;margin:18px 0 0;padding:6px 16px;font-size:clamp(15px,3.6vw,20px);font-weight:800;display:inline-block}.hero-bike-svg{filter:drop-shadow(0 12px 10px #50280a40);transform-origin:50%;width:100%;max-width:560px;height:100%;max-height:46svh;animation:2.6s ease-in-out infinite bike-bob;overflow:visible}.hero-note{color:#fff7ea;background:#3a22168c;border-radius:999px;margin:0;padding:4px 12px;font-size:13px;font-weight:700}.cta-play{border:4px solid var(--ink);color:#fff;min-height:60px;font-family:var(--display);letter-spacing:.06em;text-shadow:0 3px #7c2d12e6;box-shadow:inset 0 3px 0 #ffffff80, inset 0 -5px 0 #7c2d1259, 0 8px 0 var(--ink), 0 14px 22px #14161c59;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffa35c 0%,#ff7a26 48%,#f05f0e 52%,#e2530a 100%);border-radius:22px;justify-content:center;align-items:center;gap:12px;padding:0 40px 0 30px;font-size:28px;font-weight:900;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;overflow:hidden}.cta-play:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff14);border-radius:14px 14px 40px 40px;height:40%;position:absolute;top:4px;left:8px;right:8px}.cta-play:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:4.5s ease-in-out 1.2s infinite play-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.cta-play-icon{border:3px solid var(--ink);width:38px;height:38px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;display:inline-grid}.cta-play-icon svg{width:22px;height:22px;margin-left:3px}.cta-play:hover,.cta-play:focus-visible{filter:brightness(1.06);box-shadow:inset 0 3px 0 #ffffff80, inset 0 -5px 0 #7c2d1259, 0 10px 0 var(--ink), 0 18px 26px #14161c59;transform:translateY(-2px)}.cta-play:focus-visible{outline-offset:4px;outline:4px solid #fff}.cta-play:active{box-shadow:inset 0 3px 0 #fff6, inset 0 -3px 0 #7c2d1259, 0 1px 0 var(--ink), 0 4px 8px #14161c4d;transform:translateY(7px)}.cta-play-big{border-radius:26px;min-height:76px;padding:0 52px 0 34px;font-size:36px}.cta-play-big .cta-play-icon{width:46px;height:46px}.landing-body{padding:56px max(16px, env(safe-area-inset-right)) 64px max(16px, env(safe-area-inset-left));background:radial-gradient(120% 60% at 50% 0%, #ff8c3c2e, transparent 60%), linear-gradient(180deg, #cf8a4e 0, #a9693c 24px, #7d4b2d 120px, #5c3520 40%, var(--rock-deep) 100%);position:relative}.landing-wrap{max-width:1080px;margin:0 auto}.section-title{font-family:var(--display);text-align:center;color:#fff;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);margin:0 0 20px;font-size:clamp(26px,6vw,40px);font-weight:900;line-height:1.05}.feature-grid{grid-template-columns:1fr;gap:14px;margin:0 0 56px;padding:0;list-style:none;display:grid}.feature-card{background:linear-gradient(160deg,#1f2433eb,#14161ceb);border:2px solid #ffdcaa24;border-radius:20px;grid-template-rows:auto 1fr;grid-template-columns:64px 1fr;align-items:start;column-gap:16px;padding:18px;display:grid;box-shadow:0 6px #0a080673}.feature-icon{border:3px solid var(--ink);width:64px;height:64px;box-shadow:inset 0 3px 0 #ffffff59, 0 4px 0 var(--ink);background:linear-gradient(#ff9a4a,#e2530a);border-radius:18px;grid-row:span 2;place-items:center;display:grid}.feature-icon svg{width:40px;height:40px}.feature-card h3{font-family:var(--display);color:#fff;margin:2px 0 4px;font-size:22px;font-weight:900}.feature-card p{color:#d9c8b4;margin:0;font-size:15px;line-height:1.45}.mood-strip{grid-template-columns:1fr;gap:14px;margin-bottom:56px;display:grid}.mood-tile{aspect-ratio:16/9;border:3px solid var(--ink);border-radius:20px;margin:0;position:relative;overflow:hidden;box-shadow:0 6px #0a080680}.mood-tile svg{width:100%;height:100%;display:block}.mood-tile figcaption{text-align:left;background:linear-gradient(#0000,#0a0806c7);flex-direction:column;padding:26px 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.mood-tile strong{font-family:var(--display);color:#fff;text-shadow:0 2px 0 var(--ink);font-size:22px;font-weight:900}.mood-tile span{color:#f1e3d0;font-size:14px;font-weight:600}.final-cta{flex-direction:column;align-items:center;gap:16px;padding-bottom:8px;display:flex}.final-cta p{font-family:var(--display);color:#ffd9a0;margin:0;font-size:24px;font-weight:900}.landing-footer{padding:28px max(16px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--ink);color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:14px;display:flex}.footer-logo{font-family:var(--display);color:#fff;font-size:22px;font-weight:900;transform:rotate(-3deg)}.footer-logo span{color:var(--accent)}.landing-footer nav{gap:8px;display:flex}.landing-footer nav a{color:#f8fafc;border-radius:999px;align-items:center;min-height:48px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.landing-footer nav a:hover,.landing-footer nav a:focus-visible{background:#ffffff14}.landing-footer p{margin:0}@media (min-width:720px){.feature-grid,.mood-strip{grid-template-columns:repeat(3,1fr)}.feature-card{grid-template-rows:auto;grid-template-columns:1fr;align-content:start;padding:22px}.feature-icon{grid-row:auto;margin-bottom:12px}}@media (max-aspect-ratio:5/4){.hero-bike-svg{flex:none;width:min(122%,640px);max-width:none;max-height:54svh}}@media (min-aspect-ratio:5/4){.hero-content{grid-template:"title bike"1fr"cta bike"1fr/minmax(0,1fr) minmax(0,1.1fr);column-gap:24px;max-width:1280px;margin:0 auto}.hero-title{align-self:end}.hero-cta{align-self:start;margin-top:28px}.logo{font-size:clamp(54px,8.4vw,132px)}.hero-bike-svg{max-width:640px;max-height:70svh}}@media (min-aspect-ratio:5/4) and (max-height:520px){.hero-top{top:max(8px, env(safe-area-inset-top))}.hero-content{padding-top:calc(max(8px, env(safe-area-inset-top)) + 52px);padding-bottom:calc(max(10px, env(safe-area-inset-bottom)) + 8px)}.logo{font-size:clamp(44px,12svh,72px)}.hero-tagline{margin-top:12px;font-size:14px}.hero-cta{gap:8px;margin-top:18px}.cta-play-big{min-height:60px;padding:0 40px 0 26px;font-size:28px}.cta-play-big .cta-play-icon{width:38px;height:38px}.hero-bike-svg{max-height:78svh}.hero-note{font-size:12px}}@keyframes sun-glow{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.08);transform:scale(1.06)}}@keyframes clouds-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bike-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-3deg)}}@keyframes play-shine{0%,70%{left:-60%}to{left:130%}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.scene-far,.scene-mid,.hero-title{animation:linear both parallax;animation-timeline:scroll(root);animation-range:0 100svh}.scene-far{--parallax:30%}.scene-mid{--parallax:16%}.hero-title{--parallax:40%}}}@keyframes parallax{to{transform:translateY(var(--parallax,0))}}@media (prefers-reduced-motion:reduce){.scene-sun,.scene-clouds,.hero-bike-svg,.cta-play:after{animation:none}.cta-play,.hero-store{transition:none}}.legal{max-width:820px;line-height:1.6}.legal h2{margin:28px 0 8px;font-size:20px}.legal li{margin:6px 0}.contact-list{grid-template-columns:max-content 1fr;gap:8px 18px;margin:20px 0;display:grid}.contact-list dt{font-weight:800}.contact-list dd{margin:0}.site-footer{text-align:center;max-width:980px;margin:24px auto 40px;padding:0 16px;font-size:14px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:8px;display:flex}.landing-footer .policy-links{opacity:.85;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}