:root{color-scheme:dark;--bg:#171717;--panel:#22221f;--yellow:#f5cc42;--white:#f2efe6;--muted:#aaa79b;--line:#383830}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding:0 48px}.top{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#171717f5;backdrop-filter:blur(12px)}.top .wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:900;letter-spacing:-1.3px}.brand span{color:var(--yellow)}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}nav a:hover,footer a:hover{color:var(--yellow)}.status{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.dot{height:6px;width:6px;border-radius:50%;background:var(--yellow)}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;min-height:720px;padding-top:65px;padding-bottom:70px}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:var(--yellow);text-transform:uppercase}h1{font-size:clamp(60px,7.4vw,104px);line-height:.94;letter-spacing:-7px;margin:25px 0 30px;font-weight:900}h1 em{font-style:normal;color:var(--yellow)}.intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:390px}.actions{display:flex;gap:12px;margin-top:32px;align-items:center}.button{display:inline-flex;padding:16px 23px;background:var(--yellow);color:var(--bg);border-radius:7px;font-size:12px;font-weight:800;border:1px solid var(--yellow)}.button.outline{background:transparent;color:var(--white);border-color:var(--line)}.small{font-size:11px;line-height:1.8;color:var(--muted)}.hero-art{position:relative}.hero-art img{width:100%;display:block;mix-blend-mode:lighten;transform:rotate(-5deg)}.asset-label{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);font:9px monospace;letter-spacing:1px;color:var(--muted)}.ticker{background:var(--yellow);color:var(--bg);padding:20px 0;overflow:hidden}.ticker .wrap{display:flex;justify-content:space-between;gap:22px;font:700 11px monospace;letter-spacing:1px}.section{padding-top:100px;padding-bottom:100px;border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-top p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.7}h2{font-size:clamp(32px,4.5vw,56px);letter-spacing:-2.3px;line-height:1.08;margin:15px 0 0}h3{font-size:21px;letter-spacing:-.5px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:12px;padding:30px;background:var(--panel)}.feature p{color:var(--muted);font-size:14px;line-height:1.8}.feature .number{font:11px monospace;color:var(--yellow)}.demo{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.demo p{color:var(--muted);line-height:1.8;max-width:380px}.demo-card{border:1px solid #686043;border-radius:15px;background:#24231c;padding:25px;box-shadow:10px 12px 0 #101010;max-width:380px;margin:auto;width:100%;transition:background .2s}.demo-card[data-scene="1"]{background:#28251d}.demo-card[data-scene="2"]{background:#202824}.card-top{display:flex;justify-content:space-between;font:10px monospace;color:var(--muted)}.landscape{height:220px;margin:22px 0;background:radial-gradient(circle at 65% 35%,var(--yellow) 0 38px,transparent 39px),linear-gradient(145deg,transparent 52%,#74705a 52% 63%,transparent 63%),linear-gradient(35deg,#101210 45%,#3f4737 45% 65%,#242c24 65%);border:1px solid #565541;border-radius:5px;position:relative;overflow:hidden}.landscape:after{content:'';position:absolute;left:38%;bottom:-60px;width:80px;height:200px;background:var(--yellow);transform:rotate(40deg);opacity:.7}.demo-card h3{font-size:19px;margin-bottom:6px}.demo-card p{font-size:12px;margin:0}.demo-controls{display:flex;gap:10px;margin-top:20px;justify-content:center}.demo-controls button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--white);border-radius:30px;width:48px;height:48px;font-size:22px}.demo-controls button:hover{background:var(--yellow);color:var(--bg)}.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.platforms span{border:1px solid var(--line);padding:10px 16px;border-radius:5px;color:var(--muted);font-size:12px}.support{display:grid;grid-template-columns:1fr 1fr;gap:70px}.support p{color:var(--muted);line-height:1.8;font-size:14px}.email{display:inline-block;border-bottom:1px solid var(--yellow);padding-bottom:8px;margin-top:10px;color:var(--yellow)}footer{padding:32px 0;color:var(--muted);font-size:11px}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer .links{display:flex;gap:24px}.policy{max-width:820px;padding-top:75px;padding-bottom:100px}.policy h1{font-size:65px;letter-spacing:-3px;line-height:1.1}.policy h2{font-size:24px;letter-spacing:-.7px;margin-top:40px}.policy p,.policy li{font-size:15px;line-height:1.9;color:var(--muted)}.policy a{color:var(--yellow);text-decoration:underline}.note{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.top .wrap{height:72px}.menu{display:block;background:transparent;color:var(--white);border:1px solid var(--line);padding:9px 13px;border-radius:5px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px;min-height:auto;gap:10px}h1{font-size:70px;letter-spacing:-4px}.hero-art{max-width:420px;margin:auto}.hero-art img{max-height:380px;object-fit:contain}.intro{font-size:15px}.ticker .wrap{justify-content:center;flex-wrap:wrap;font-size:9px}.section{padding-top:65px;padding-bottom:65px}.section-top{display:block}.features,.demo,.support{grid-template-columns:1fr;gap:20px}.demo{gap:45px}.demo-card{max-width:330px}.section-top p{max-width:none}.feature{padding:25px}footer .wrap{flex-direction:column}.policy h1{font-size:48px}.actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* v2: larger editorial scale, intrinsic image proportions, fuller collection */
.wrap{max-width:1540px;padding-left:64px;padding-right:64px}.top .wrap{height:92px}.brand{font-size:30px}nav{font-size:15px;gap:34px}.status{font-size:11px}.hero{min-height:0;padding-top:80px;padding-bottom:70px;grid-template-columns:1fr 1fr;gap:35px}.hero-art{min-width:0;width:100%;max-width:650px;justify-self:end}.hero-art img{width:100%;height:auto!important;aspect-ratio:1/1;object-fit:contain;max-height:none;transform:rotate(-5deg)}h1{font-size:clamp(76px,7.3vw,112px);letter-spacing:-6px;line-height:.98}.intro{font-size:20px;max-width:490px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:1.8px}.small{font-size:13px}.button{font-size:15px;padding:19px 27px}.asset-label{font-size:10px;line-height:1.5}.orbit-tag{position:absolute;background:var(--yellow);color:var(--bg);padding:16px 20px;border:1px solid #ffe799;border-radius:8px;box-shadow:0 12px 40px #0005;font-size:17px;font-weight:900;transform:rotate(-7deg)}.orbit-tag span{display:block;font:9px monospace;letter-spacing:1px;margin-top:6px}.tag-one{left:-10px;top:15%}.tag-two{right:-5px;bottom:16%;transform:rotate(6deg);font-size:13px}.section{padding-top:95px;padding-bottom:95px}.feature{padding:34px}.feature h3{font-size:25px}.feature p,.support p{font-size:17px}.section-top p{font-size:17px;max-width:400px}.feature .number{font-size:12px}.platforms span{font-size:15px;padding:12px 20px}.demo p{font-size:18px}.demo .small{font-size:12px}.demo-card{max-width:430px;padding:28px}.landscape{height:260px}.demo-card h3{font-size:24px}.demo-card p{font-size:15px}.demo-controls button{width:56px;height:56px}.shelf{padding-bottom:65px}.shelf-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini-case{min-height:290px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #81704a;border-radius:7px;position:relative;overflow:hidden;box-shadow:5px 6px 0 #0b0b0b;background:#343829;color:#e6ddbd}.mini-case>span{font:10px monospace;letter-spacing:1.5px;z-index:1}.mini-case strong{font-size:25px;letter-spacing:-1px;line-height:1.05;z-index:1}.case-symbol{font-size:90px;align-self:center;line-height:1;color:#e1cb86}.racing{background:repeating-linear-gradient(130deg,#282724 0 40px,#6e5f37 40px 44px,#282724 44px 85px);color:#f5cc42}.space{background:radial-gradient(circle at 70% 45%,#8d88a4 0 55px,transparent 56px),#282631;color:#eee8e1}.space .case-symbol{color:#c4b1d2}.puzzle{background:repeating-conic-gradient(#323e3c 0 25%,#25312f 0 50%) 0/54px 54px;color:#e5d7b1}.puzzle .case-symbol{color:#b6c2ab}.email{font-size:18px}footer{font-size:13px}.policy{max-width:920px}.policy p,.policy li{font-size:17px}
@media(min-width:1800px){.wrap{max-width:1720px}.hero{padding-top:65px;padding-bottom:60px}.hero-art{max-width:680px}h1{font-size:125px}.intro{font-size:22px}}
@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:15px}h1{font-size:78px;letter-spacing:-4px}.intro{font-size:17px}.tag-one{left:0;font-size:13px}.tag-two{right:0;font-size:11px}.shelf-grid{gap:12px}.mini-case{min-height:240px;padding:18px}.mini-case strong{font-size:21px}.case-symbol{font-size:70px}nav{font-size:13px;gap:20px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px}.top .wrap{height:76px}.brand{font-size:25px}nav{top:76px}.hero-art{max-width:420px;justify-self:center}.hero-art img{height:auto!important;width:100%;max-height:none}h1{font-size:78px;letter-spacing:-4px}.intro{font-size:18px}.button{font-size:13px;padding:16px 21px}.shelf-top{display:block}.shelf-top>.small{display:none}.shelf-grid{grid-template-columns:repeat(2,1fr);gap:15px}.mini-case{min-height:230px;padding:18px}.mini-case strong{font-size:21px}.mini-case>span{font-size:8px}.case-symbol{font-size:75px}.tag-one{left:0;top:12%}.tag-two{right:0;bottom:20%}.feature p,.support p{font-size:16px}.demo{gap:40px}.demo-card{max-width:350px}.landscape{height:220px}.email{font-size:16px}.policy{padding-top:45px}.policy h1{font-size:48px}.policy p{font-size:16px}}

/* Ambient game-board motion: decorative, lightweight and pointer-transparent. */
body{position:relative;isolation:isolate;overflow-x:clip}.game-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background-image:linear-gradient(#f5cc4206 1px,transparent 1px),linear-gradient(90deg,#f5cc4206 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(black,transparent 90%)}.pixel{position:absolute;width:19px;height:19px;border:1px solid #f5cc4240;animation:pixel-drift 18s ease-in-out infinite;will-change:transform}.pixel:after{content:'';position:absolute;width:5px;height:5px;background:#f5cc4260;top:6px;left:6px}.pixel-a{left:5%;top:18%;animation-delay:-3s}.pixel-b{left:92%;top:24%;animation-delay:-10s}.pixel-c{left:12%;top:74%;animation-delay:-8s;width:32px;height:32px}.pixel-d{left:86%;top:68%;animation-delay:-14s}.pixel-e{left:45%;top:7%;animation-delay:-5s}.pixel-f{left:68%;top:85%;animation-delay:-12s}.pixel-g{left:28%;top:54%;animation-delay:-7s}.pixel-h{left:75%;top:38%;animation-delay:-16s}.hero-art img{animation:memory-float 8s ease-in-out infinite}.mini-case{transition:transform .25s ease,box-shadow .25s ease}.button{transition:transform .2s ease,background-color .2s ease}.menu{min-width:48px;min-height:44px}.demo-controls button{touch-action:manipulation}a,button{-webkit-tap-highlight-color:#f5cc4233}.top nav a{min-height:44px;display:inline-flex;align-items:center}.hero>div,.demo>div,.support>div,.feature{min-width:0}.email{overflow-wrap:anywhere}.policy{overflow-wrap:anywhere}.wrap{width:100%}img{max-width:100%}.shelf-grid{min-width:0}.mini-case strong{overflow-wrap:anywhere}.asset-label{gap:12px}.asset-label span{min-width:0}.privacy-link{min-height:44px}
@keyframes pixel-drift{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(12px,-35px,0) rotate(90deg)}}@keyframes memory-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@media(hover:hover) and (pointer:fine){.mini-case:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:8px 14px 0 #0b0b0b}.button:hover{transform:translateY(-3px)}}
@media(max-width:760px){.game-background{background-size:64px 64px}.pixel:nth-child(n+5){display:none}.hero-art img{animation-duration:10s}.top nav{gap:8px}.top nav a{width:100%;justify-content:center;min-height:48px}.top nav .status{margin-top:12px}.hero-art{padding:0 9px}.tag-one{left:8px}.tag-two{right:8px}.support{gap:30px}.policy h1{max-width:100%}}
@media(max-width:400px){h1{font-size:clamp(54px,18vw,70px);letter-spacing:-3px}.wrap{padding-left:20px;padding-right:20px}.eyebrow{font-size:10px;letter-spacing:1px}.intro{font-size:16px}.hero{padding-top:35px}.hero-art{margin-top:15px}.orbit-tag{padding:11px 12px}.tag-one{font-size:12px}.tag-two{font-size:10px}.orbit-tag span{font-size:7px}.mini-case{min-height:205px;padding:14px}.mini-case strong{font-size:18px}.mini-case>span{font-size:7px;letter-spacing:1px}.case-symbol{font-size:60px}.asset-label{font-size:8px}.demo-card{padding:20px}.demo-card h3{font-size:20px}.section{padding-top:55px;padding-bottom:55px}.policy h1{font-size:44px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pixel,.hero-art img{animation:none!important;will-change:auto}.mini-case,.button{transition:none!important}}
html.background-paused .pixel,html.background-paused .hero-art img{animation-play-state:paused}

/* Text labels keep the example controls clear without arrow glyphs. */
.demo-controls button{width:auto;min-width:90px;padding:12px 18px;font-size:14px}.case-symbol{font-family:monospace;opacity:.65}

/* Fixed touch targets with vector chevrons on every screen size. */
.demo-controls button{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px}.demo-controls button svg{width:24px;height:24px;display:block;flex-shrink:0}