:root{--forest:#173f37;--deep:#102e29;--cream:#f6f2e7;--ink:#233c35;--pink:#f4acc9;--mint:#b9d8b4;--line:#d8ddcc;--muted:#59695c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ca587e;outline-offset:5px}button,a,summary{touch-action:manipulation}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.opening{background:var(--forest);color:var(--cream)}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff21}.brand{display:flex;align-items:center;gap:11px;font-size:22px;line-height:1;font-weight:900;letter-spacing:-.7px}.brand img{image-rendering:pixelated}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:7px;font-weight:650}.header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:650}.header nav a:hover{color:var(--pink)}.nav-play{border:1px solid #bed4bf70;border-radius:4px;padding:12px 20px}.nav-play span{margin-left:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;min-height:650px;padding-top:72px;padding-bottom:75px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--mint);margin:0 0 25px;display:flex;align-items:center;gap:9px}.eyebrow.dark{color:#57795f}.status-dot{width:7px;height:7px;background:var(--pink);display:inline-block;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.5vw,89px);font-weight:850;letter-spacing:-5px;line-height:1.03;margin-bottom:27px}h1 em,h2 em{font-style:normal;color:var(--pink)}.intro{font-size:19px;line-height:1.5;letter-spacing:-.25px;margin-bottom:18px}.hero-desc{max-width:415px;color:#c3d3c2;font-size:14px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-radius:3px;padding:17px 24px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffc7df}.pink{background:var(--pink);color:var(--deep);box-shadow:4px 4px 0 #091f1a}.micro{color:#b0c5b3;font-size:10px;margin:15px 0 0}.hero-art{position:relative;min-height:480px;align-self:center}.mascot-stage{position:absolute;inset:0 0 35px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#54806a4a,transparent 67%)}.sun{position:absolute;width:285px;height:285px;border-radius:50%;background:#bed4a9;opacity:.95;top:47px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 24px #bed4a909,0 0 0 48px #bed4a906}.hero-dino{position:absolute;z-index:2;image-rendering:pixelated;width:365px;height:365px;left:50%;top:37px;transform:translateX(-50%);animation:breathe 5s ease-in-out infinite}.ground-shadow{position:absolute;bottom:52px;left:22%;width:57%;height:22px;background:#0b2827;filter:blur(4px);border-radius:50%}.orbit-note{position:absolute;z-index:3;right:0;top:9px;font-family:monospace;font-size:10px;line-height:1.5;letter-spacing:1px;transform:rotate(7deg);color:#e3e4b7}.orbit-note span{font-size:32px;display:block;margin-left:30px}.spark{position:absolute;z-index:3;color:var(--pink);font-size:35px}.spark-one{left:9%;top:112px;transform:rotate(15deg)}.spark-two{right:5%;top:270px;font-size:24px}.field-note{position:absolute;bottom:0;left:18%;width:290px;transform:rotate(-4deg);background:#f1e8d3;color:#274334;padding:20px 24px;box-shadow:6px 6px 0 #0e3029}.note-number{font-family:monospace;font-size:9px;letter-spacing:1px;color:#75816a}.field-note p{font-size:19px;line-height:1.3;font-weight:750;margin:12px 0 0;letter-spacing:-.5px}.note-stamp{border:2px dashed #b7748b;color:#b7748b;position:absolute;right:14px;bottom:18px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-weight:900;transform:rotate(20deg)}.sprout{position:absolute;width:5px;height:28px;bottom:55px;background:#729778}.sprout:before,.sprout:after{content:"";position:absolute;top:5px;width:15px;height:7px;background:#729778;transform:rotate(35deg);left:-11px}.sprout:after{left:0;transform:rotate(-35deg)}.sprout-one{left:13%}.sprout-two{right:9%;height:40px}.ribbon{border-top:1px solid #ffffff21;background:#11362e}.ribbon-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:65px;font-family:monospace;font-size:11px;letter-spacing:1.6px;color:#c5d7b9}.ribbon b{color:var(--pink);font-size:20px}.section{padding-block:100px}h2{font-size:clamp(34px,4vw,49px);line-height:1.12;letter-spacing:-2px;font-weight:800;margin-bottom:0}.story{display:grid;grid-template-columns:1fr 1fr;gap:95px}.story-copy{padding-top:5px;font-size:15px;color:var(--muted)}.story-copy p{margin-bottom:18px}.hand-note{font-family:Georgia,serif;font-style:italic;color:#8d5069;font-size:23px}.world{background:#e9edde;border-block:1px solid #d8dfce}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.alpha-caption{font-size:10px;line-height:1.7;color:#71816c;text-align:right;letter-spacing:.5px}.world-view{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:36px;align-items:start}.screenshot-frame{background:#163f37;padding:8px;box-shadow:9px 9px 0 #cbd3bf;border-radius:5px}.frame-bar{color:#bfd5ba;font-family:monospace;display:flex;justify-content:space-between;font-size:9px;padding:8px 6px 14px;gap:8px}.frame-bar i{display:inline-block;width:5px;height:5px;background:var(--pink);border-radius:50%;margin-right:5px}.screenshot-frame a{position:relative;display:block}.screenshot-frame img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;image-rendering:pixelated}.expand-label{position:absolute;right:10px;bottom:10px;background:#123d36ef;color:var(--cream);padding:3px 9px;font-size:10px;opacity:0;transition:opacity .2s}.screenshot-frame a:hover .expand-label,.screenshot-frame a:focus-visible .expand-label{opacity:1}.locations{display:grid}.location{display:flex;align-items:center;text-align:left;border:0;border-bottom:1px solid #c7d0bb;background:none;color:var(--ink);padding:14px 12px;cursor:pointer;font-size:14px;font-weight:650;gap:15px}.location span{font:10px monospace;color:#758a71}.location b{margin-left:auto;font-weight:400}.location.active{background:var(--forest);color:var(--cream);border-radius:3px;border-bottom-color:var(--forest)}.location.active span{color:var(--pink)}.location:hover:not(.active){background:#dce4ce}.scene-description{padding:23px 12px 0}.scene-description .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}.scene-description p:last-child{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:0}.moves-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.move-icon{display:flex;width:65px;height:65px;align-items:center;justify-content:center;background:#e2e9d9;color:#3b7260;font-weight:900;font-size:39px;border-radius:50%;margin-bottom:25px}.claw{font-size:29px;letter-spacing:-6px;padding-right:6px;transform:rotate(16deg)}.flower{color:#ae6b85;background:#f3dce5}.number{font:9px monospace;letter-spacing:1.5px;color:#6f826a;margin-bottom:12px}h3{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin-bottom:15px}.moves article>p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}.download{background:var(--forest);color:var(--cream);position:relative;overflow:hidden}.download:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff0c;border-radius:50%;left:-170px;top:-190px;box-shadow:0 0 0 40px #ffffff03,0 0 0 80px #ffffff02;pointer-events:none}.download-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;position:relative}.download-copy h2{font-size:clamp(36px,4.3vw,56px);margin-bottom:25px}.download-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px;color:#cfdbc9}.download-copy .alpha-note{font-size:12px!important;color:#9eb6a2!important;max-width:390px!important;margin-bottom:0}.download-panel{padding-top:35px}.download-button{display:flex;align-items:center;gap:19px;background:var(--pink);color:var(--deep);border-radius:3px;padding:20px 24px;margin-bottom:14px;transition:transform .2s}.download-button:nth-child(2){background:#e4ead7}.download-button:hover{transform:translateY(-3px)}.download-button strong{display:block;font-size:16px;line-height:1.3}.download-button small{display:block;font-size:10px;letter-spacing:.5px;margin-top:5px;opacity:.7}.os-icon{font-size:35px;line-height:1}.download-arrow{margin-left:auto;font-size:24px}.download-fine{font-size:10px;line-height:1.8;color:#a7bea7;margin:20px 0 6px}.checksum{font-size:10px;color:#c6d4be;text-decoration:underline;text-underline-offset:4px}.practical{display:grid;grid-template-columns:1fr 1fr;gap:100px}.control-list{margin-top:30px}.control-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;gap:12px;font-size:13px}.control-list>div>span:first-child{display:flex;gap:5px}.control-list small{color:#6d7a67;font-size:10px}kbd{font:11px monospace;display:inline-block;padding:4px 8px;border:1px solid #b9c7af;border-bottom-width:3px;border-radius:4px;background:#ebeede;min-width:28px;text-align:center}.controller-note{font-size:12px;color:#71816c;line-height:1.8;margin-top:23px}.faq{padding-top:45px}.faq>h3{margin-bottom:22px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:650;padding:20px 30px 20px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:2px;font-size:22px;top:12px;font-weight:400}details[open] summary:after{content:"−"}details>div{font-size:13px;color:var(--muted);padding-bottom:12px}details p{margin-bottom:12px}code{font-size:12px}pre{white-space:pre-wrap;background:#e7ecdf;padding:12px;border-radius:3px}footer{background:#e8eddf;border-top:1px solid #d4dfcc;padding:42px 0 22px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner .brand{font-size:19px}.footer-inner>p{font-family:Georgia,serif;font-style:italic;font-size:14px;color:#70826b;margin:0}.footer-inner>a:last-child{font-size:11px;font-weight:700}.footer-bottom{border-top:1px solid #ced8c6;display:flex;justify-content:space-between;margin-top:35px;padding-top:18px;font-size:9px;color:#77856e;gap:20px}.skip{position:absolute;z-index:10;top:-80px;left:20px;background:var(--pink);color:var(--deep);padding:12px}.skip:focus{top:10px}@keyframes breathe{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-7px)}}
@media(min-width:1500px){.hero{min-height:700px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:0}h1{font-size:65px;letter-spacing:-3px}.hero-art{min-height:450px}.hero-dino{width:310px;height:310px;top:70px}.sun{width:240px;height:240px;top:80px}.field-note{width:250px;left:13%}.story,.download-layout,.practical{gap:45px}.world-view{gap:25px;grid-template-columns:1.4fr 1fr}.moves-grid{gap:30px}.footer-inner>p{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:88px}.header .brand{font-size:18px;gap:4px}.brand small{font-size:8px}.header nav{gap:0}.header nav>a:not(.nav-play){display:none}.nav-play{padding:10px 13px;font-size:11px}.nav-play span{margin-left:9px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px;gap:15px}.hero h1{font-size:clamp(53px,11vw,76px);letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:18px}.hero-desc{font-size:14px;max-width:440px}.hero-art{min-height:395px;max-width:400px;width:100%;margin:0 auto}.hero-dino{top:25px}.sun{top:38px}.mascot-stage{bottom:25px}.field-note{bottom:0;left:18%;width:255px;padding:15px 20px}.orbit-note{top:5px;right:10px;font-size:8px}.ground-shadow{bottom:35px}.spark-one{left:5%;top:75px}.spark-two{top:240px}.ribbon-inner{font-size:8px;letter-spacing:.6px;min-height:55px;gap:10px;flex-wrap:wrap;justify-content:center;padding-block:14px}.ribbon-inner b{font-size:13px}.ribbon-inner span:last-child{display:none}.ribbon-inner b:last-of-type{display:none}.section{padding-block:64px}.story,.world-view,.download-layout,.practical{grid-template-columns:1fr;gap:30px}.story-copy{padding-top:0}.eyebrow{margin-bottom:19px}h2{font-size:36px;letter-spacing:-1.5px}.section-heading{display:block;margin-bottom:30px}.alpha-caption{display:block;text-align:left;margin-top:18px}.world-view{gap:28px}.world-notes{display:grid;grid-template-columns:1fr}.scene-description{padding-inline:0}.moves-grid{grid-template-columns:1fr;gap:20px}.moves article{border-bottom:1px solid var(--line);padding:15px 0 22px}.move-icon{float:right;margin-left:15px;width:52px;height:52px;font-size:31px}.moves article:last-child{border:0;padding-bottom:0}.moves article>p:last-child{margin-bottom:0}.download-layout{gap:15px}.download-panel{padding-top:5px}.download-button{padding:20px}.download-copy h2{font-size:43px}.practical{gap:10px}.faq{padding-top:20px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-bottom{flex-direction:column;gap:8px;margin-top:25px}.frame-bar{font-size:8px}.micro{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.linux-icon{font-family:monospace;font-size:23px;font-weight:800;width:30px}

.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.desktop-link{font-size:12px;color:#d3ddc7;text-decoration:underline;text-underline-offset:5px}
