@font-face{font-family:Oxanium;src:url("assets/fonts/oxanium.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--midnight:#09111B;--ink:#F7F5F0;--muted:#A9B6C7;--aqua:#48DFC7;--coral:#FF6B6B;--gold:#FFD166;--lavender:#A99BFF;--line:#A4BAC522;--display:Oxanium,"Arial Black",sans-serif;--body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--midnight)}.landing-page{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img,video{display:block;max-width:100%}h1,h2,p,figure{margin:0}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.landing{height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 77% 50%,#16352F66,transparent 44%),var(--midnight)}
.landing-shell{position:relative;z-index:1;display:grid;grid-template-rows:72px minmax(0,1fr) 50px;width:min(1420px,100%);height:100%;margin-inline:auto;padding:env(safe-area-inset-top) max(40px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(40px,env(safe-area-inset-left))}
.world-glow{position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse at 12% 102%,#A99BFF0D,transparent 40%),radial-gradient(ellipse at 92% 8%,#FF6B6B08,transparent 35%)}
.world-glow::after{content:"";position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23g)'/%3E%3C/svg%3E")}
#sand-trail{position:fixed;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;min-width:0}.brand{display:inline-flex;align-items:center;gap:11px;font:600 .8rem/1 var(--display);letter-spacing:.07em}.brand img{width:32px;height:32px;border-radius:9px;box-shadow:0 0 20px #48DFC712}.brand strong{color:var(--aqua);font-weight:600}.language-picker{position:relative;display:flex;align-items:center;gap:8px;color:var(--muted)}.language-picker select{appearance:none;-webkit-appearance:none;cursor:pointer;border:0;border-radius:7px;padding:11px 22px 11px 5px;color:var(--ink);background:transparent;font-size:.76rem}.language-picker option{background:#152131;color:var(--ink)}.select-chevron{position:absolute;right:3px;pointer-events:none}
.game-stage{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:minmax(0,1fr);column-gap:min(4vw,60px);min-height:0;padding-block:12px}.intro{grid-column:1;grid-row:1/3;align-self:end;text-align:center;min-width:0;padding-bottom:14px}.title-art{width:100%;max-width:750px;margin:0 auto 23px;position:relative;isolation:isolate}.title-art::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 23px 12px var(--midnight);border-radius:22px}.title-art img{width:100%;height:auto;aspect-ratio:1794/876;object-fit:contain;border-radius:22px}.intro h2{font:600 clamp(2.15rem,3.5vw,3.5rem)/1.1 var(--display);letter-spacing:-.045em}.one-liner{margin-top:13px;color:var(--muted);font-size:clamp(.8rem,1.05vw,.98rem);line-height:1.6}.gestures{display:flex;justify-content:center;gap:28px;margin:22px 0 0;padding:0;list-style:none;font-size:.67rem;color:var(--muted)}.gestures li{display:flex;align-items:center;gap:7px}.gestures li>span:first-child{font-family:var(--display);font-size:1.25rem;line-height:1;color:var(--aqua)}.gestures li:nth-child(2)>span:first-child{color:var(--coral)}.gestures li:nth-child(3)>span:first-child{color:var(--gold)}.release{grid-column:1;grid-row:3;justify-self:center;align-self:start;padding-top:11px}.store-status{display:inline-flex;align-items:center;gap:11px;padding:13px 18px;background:#13212D;border:1px solid #48DFC737;border-radius:13px;font-size:.75rem;white-space:nowrap;box-shadow:0 6px 25px #0002}.store-status>svg{color:var(--aqua);flex:none}.store-status>span:nth-of-type(1){font-weight:650}.store-status>span:last-child{color:var(--aqua)}.status-divider{width:1px;height:13px;background:#A4BAC535}
.demo{position:relative;grid-column:2;grid-row:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:0;width:100%}.demo::before{content:"";position:absolute;z-index:-1;width:min(420px,100%);height:80%;max-height:600px;border:1px solid #48DFC719;border-radius:45% 42% 46% 39%;transform:rotate(-14deg);box-shadow:0 0 80px #48DFC709}.phone-frame{position:relative;height:min(100% - 30px,720px);aspect-ratio:9.2/20;flex:none;padding:8px;border:1px solid #607080;border-radius:38px;background:linear-gradient(135deg,#3E4E5D,#17212D 32%,#354452 85%,#5C6B7A);box-shadow:0 22px 60px #0008,0 0 0 5px #1B273466,inset 0 0 0 2px #101A25;transform:rotate(3deg)}.phone-screen{position:relative;height:100%;width:100%;overflow:hidden;background:#09131E;border-radius:30px}.phone-screen video{width:100%;height:100%;object-fit:contain;background:#09131E}.phone-button{position:absolute;right:-3px;top:26%;height:50px;width:3px;background:#536573;border-radius:0 3px 3px 0}.demo-toggle{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #D8E8EE66;border-radius:50%;color:var(--ink);background:#09111BDD;cursor:pointer;backdrop-filter:blur(8px)}.demo-toggle svg{width:17px;height:17px}.demo-toggle .play-symbol{display:none}.demo-toggle.is-paused .play-symbol{display:block}.demo-toggle.is-paused .pause-symbol{display:none}.demo-toggle:hover{color:var(--aqua);border-color:var(--aqua)}.demo figcaption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.59rem;color:var(--muted);line-height:16px;flex:none}.demo figcaption>span:first-child{width:4px;height:4px;border-radius:50%;background:var(--coral)}.demo-spark{position:absolute;font-family:var(--display);z-index:2;line-height:1;pointer-events:none}.spark-gold{color:var(--gold);font-size:clamp(32px,4vw,58px);top:12%;right:5%;transform:rotate(14deg)}.spark-coral{color:var(--coral);font-size:clamp(26px,3vw,41px);bottom:15%;left:4%;transform:rotate(-14deg)}
.site-footer{font-size:.63rem;color:#98A6B6;gap:20px}.site-footer nav{display:flex;align-items:center;gap:22px}.site-footer a{padding:10px 0}.site-footer a:hover{color:var(--aqua)}.pointer-hint{display:flex;align-items:center;gap:8px}.hint-grain{font-size:1.35rem;color:var(--lavender)}
/* Privacy and support remain readable documents; the landing alone fits one viewport. */
.document-page{min-height:100svh;background:radial-gradient(ellipse at 80% 0,#16352F44,transparent 40%),var(--midnight)}.document-shell{width:min(780px,calc(100% - 48px));margin-inline:auto}.document-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;border-bottom:1px solid var(--line)}.back-link{font-size:.75rem;color:var(--aqua);padding:10px 0}.document-content{padding-block:55px 70px;line-height:1.8;font-size:.95rem;color:#C0CAD5}.document-content h1{font:600 clamp(2.2rem,6vw,3.7rem)/1.1 var(--display);letter-spacing:-.05em;color:var(--ink);margin-bottom:16px}.document-content h2{font:600 1.3rem/1.3 var(--display);color:var(--ink);margin-top:34px;margin-bottom:12px}.document-content p+p{margin-top:12px}.document-content a{color:var(--aqua);text-decoration:underline;text-underline-offset:4px}.document-date{font-size:.75rem;color:var(--muted);margin-bottom:25px}.document-note{border-left:2px solid var(--gold);padding-left:18px}.document-content ul{padding-left:22px}.document-footer{border-top:1px solid var(--line);padding-block:22px 30px;color:var(--muted);font-size:.72rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.document-footer nav{display:flex;gap:20px}.contact-link{display:inline-block;font-weight:650;margin-block:14px}
@media(min-width:1600px){.landing-shell{grid-template-rows:90px minmax(0,1fr) 65px}}
@media(max-height:750px) and (orientation:landscape){.landing-shell{grid-template-rows:60px minmax(0,1fr) 42px}.title-art{width:min(100%,58vh);margin-bottom:14px}.intro h2{font-size:clamp(1.8rem,4.8vh,2.6rem)}.one-liner{margin-top:9px;font-size:.8rem}.gestures{margin-top:13px}.phone-frame{border-radius:29px;padding:7px}.phone-screen{border-radius:22px}.release{padding-top:5px}.store-status{padding:10px 14px}}
@media(max-width:950px) and (min-width:701px){.landing-shell{padding-inline:28px}.game-stage{grid-template-columns:1.05fr 1fr;column-gap:20px}.one-liner{max-width:290px;margin-inline:auto}.phone-frame{max-height:min(100% - 30px,650px)}.spark-gold{right:-7%}.spark-coral{left:-5%}}
@media(max-width:700px) and (orientation:portrait){.landing-shell{grid-template-rows:54px minmax(0,1fr) 34px;padding-inline:max(20px,env(safe-area-inset-right))}.brand{font-size:.67rem;gap:8px;letter-spacing:.04em}.brand img{width:26px;height:26px;border-radius:7px}.language-picker{gap:3px}.language-picker>svg:first-child{width:15px}.language-picker select{font-size:.7rem;padding-block:10px}.game-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;row-gap:10px;padding-block:0 5px}.intro{grid-column:1;grid-row:1;align-self:start;padding:0}.title-art{height:clamp(62px,12svh,112px);width:auto;margin:0 auto 3px}.title-art img{width:auto;height:100%;margin-inline:auto;border-radius:12px}.title-art::after{inset:0 calc(50% - 120px);box-shadow:inset 0 0 13px 6px var(--midnight);border-radius:12px}.intro h2{font-size:clamp(1.3rem,3.2svh,1.8rem);line-height:1.1}.one-liner,.gestures{display:none}.demo{grid-column:1;grid-row:2;gap:7px}.demo::before{width:250px;height:75%}.phone-frame{height:calc(100% - 20px);max-height:590px;padding:6px;border-radius:28px;transform:rotate(2deg)}.phone-screen{border-radius:22px}.phone-button{height:35px}.demo figcaption{font-size:.52rem;line-height:13px;gap:5px}.demo-toggle{width:31px;height:31px;right:8px;bottom:8px}.demo-toggle svg{width:15px;height:15px}.spark-gold{font-size:34px;right:calc(50% - 130px);top:16%}.spark-coral{font-size:29px;left:calc(50% - 131px);bottom:22%}.release{grid-column:1;grid-row:3;padding:0;align-self:center}.store-status{font-size:.65rem;padding:9px 13px;border-radius:11px;gap:9px}.store-status svg{width:16px;height:16px}.status-divider{height:11px}.site-footer{justify-content:center;font-size:.58rem}.site-footer nav{gap:25px}.site-footer a{padding:8px}.pointer-hint{display:none}}
@media(max-height:500px) and (orientation:landscape){.landing-shell{grid-template-rows:44px minmax(0,1fr) 28px;padding-inline:24px}.brand{font-size:.62rem;gap:8px}.brand img{width:25px;height:25px;border-radius:7px}.language-picker select{font-size:.66rem;padding-block:8px}.game-stage{grid-template-columns:1.2fr 1fr;grid-template-rows:minmax(0,1fr);column-gap:20px;padding-block:4px}.title-art{width:min(100%,58vh);margin-bottom:7px}.intro{grid-row:1/3;padding-bottom:0}.intro h2{font-size:1.35rem}.one-liner,.gestures{display:none}.release{padding-top:11px}.store-status{font-size:.62rem;padding:8px 10px;border-radius:9px;gap:8px}.store-status svg{width:14px;height:14px}.demo{gap:7px}.phone-frame{height:calc(100% - 19px);border-radius:22px;padding:5px}.phone-screen{border-radius:17px}.phone-button{height:25px}.demo figcaption{font-size:.48rem;line-height:12px}.demo-toggle{width:27px;height:27px;bottom:6px;right:6px}.demo-toggle svg{width:14px;height:14px}.spark-gold{font-size:25px;right:14%}.spark-coral{font-size:22px;left:10%}.site-footer{font-size:.52rem}.hint-grain{font-size:1rem}}
@media(max-width:380px) and (orientation:portrait){.landing-shell{padding-inline:15px}.brand{font-size:.6rem}.brand img{width:24px;height:24px}.language-picker{gap:0}.language-picker select{font-size:.66rem}.spark-gold{right:calc(50% - 116px)}.spark-coral{left:calc(50% - 117px)}}
@media(pointer:coarse){.pointer-hint{visibility:hidden}}
@media(prefers-reduced-motion:reduce){#sand-trail,.pointer-hint{display:none}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the desktop message and release status together; distribute them on phones. */
.copy-stack{grid-column:1;grid-row:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:13px}.copy-stack .intro{align-self:auto;padding-bottom:0}.copy-stack .release{padding-top:0;align-self:center}.demo{grid-row:1}
@media(max-width:700px) and (orientation:portrait){.copy-stack{display:contents}.demo{grid-row:2}.copy-stack .release{grid-row:3}.copy-stack .intro{grid-row:1}}
@media(max-height:500px) and (orientation:landscape){.copy-stack{gap:13px}}

.demo-toggle{min-width:40px;min-height:40px}
@media(max-width:700px){.pointer-hint{display:none}.site-footer{justify-content:center}}