@font-face{font-family:Nunito;src:url('/game-v1/nunito-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Nunito;src:url('/game-v1/nunito-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('/game-v1/nunito-900.ttf') format('truetype');font-weight:900;font-display:swap}
:root{font-family:Nunito,Arial,sans-serif;color:#192e2b;background:#fff;font-synthesis:none;letter-spacing:0;font-weight:500;--red:#f05240;--green:#176d57;--ink:#192e2b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #1379dc;outline-offset:5px}svg{width:21px;height:21px;flex-shrink:0}button svg{pointer-events:none}button[hidden]{display:none}.dot{color:var(--red)}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;background:white;padding:12px;z-index:10}
.header{height:80px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #dfeae5;background:#fff}.brand{display:inline-flex;gap:9px;align-items:center;font-size:31px;font-weight:900;line-height:1}.brand .dot{margin-left:1px}.header nav{display:flex;gap:34px;align-items:center}.header nav a{font-size:15px;font-weight:900;position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:4px;height:3px;background:var(--red);transition:right .2s}.header nav a:hover:after,.header nav a[aria-current]:after{right:0}.header-note{font-weight:900;font-size:10px;letter-spacing:1.5px;color:#55716a}
.hero{height:calc(100svh - 158px);min-height:560px;max-height:830px;position:relative;background:#eaf6f2;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;z-index:-1}.scene canvas,.scene-poster{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.scene canvas{opacity:0;transition:opacity .6s}.scene-ready .scene canvas{opacity:1}.scene-ready .scene-poster{opacity:0}.hero-copy{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;width:620px;max-width:90%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;margin:0 0 21px;display:flex;align-items:center;gap:8px}.hero-copy .eyebrow{justify-content:center}.hero-copy .eyebrow>span{width:6px;height:6px;background:var(--red);transform:rotate(45deg)}h1{font-size:100px;line-height:.98;font-weight:900;margin:0;color:var(--ink);letter-spacing:0}h1>span{color:#16725a}.name-dot{color:var(--red)}.hero-lead{font-size:19px;margin:25px 0 28px;color:#46625b}.hero-actions{display:flex;align-items:center;justify-content:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 22px;border-radius:6px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s}.primary{color:#fff;background:var(--red);box-shadow:0 5px 0 #c3372d}.primary:hover{transform:translateY(-3px);box-shadow:0 8px 0 #c3372d}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #c3372d}.browse-link{font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:8px}.browse-link:hover{color:var(--green)}.browse-link svg{width:16px}.scene-label{position:absolute;font-size:9px;font-weight:900;letter-spacing:1.4px;padding:7px 12px;background:#fff8;border:1px solid #fff;border-radius:3px;transform:rotate(-7deg);top:76%;left:10%;pointer-events:none}.label-right{left:auto;right:9%;transform:rotate(7deg);top:74%}.hero-bottom{position:absolute;bottom:26px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hero-bottom a,.hero-bottom button{pointer-events:auto}.hero-number{font-size:12px;font-weight:900}.hero-number span{font-size:9px;margin-left:8px;color:#608078;letter-spacing:1px}.scene-tools{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%)}.icon-button,.scroll-link{display:inline-flex;align-items:center;justify-content:center;background:#ffffffb8;border:1px solid #b9d5cb;width:42px;height:42px;border-radius:50%;color:var(--ink);transition:background .2s,transform .2s}.icon-button:hover,.scroll-link:hover{background:#fff;transform:translateY(-3px)}.icon-button:disabled{opacity:.5;cursor:wait}.hero.launching .label-right{animation:label-pop .5s ease-in-out infinite alternate}
.catalog{max-width:1360px;padding:72px 5% 65px;margin:auto;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-heading .eyebrow{color:#668279;margin-bottom:10px}h2{font-size:38px;font-weight:900;margin:0;line-height:1.15}.section-note{font-size:13px;line-height:1.6;color:#688078;margin:0}.filters{display:flex;gap:6px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #e2e9e6;flex-wrap:wrap}.filters a{min-height:42px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;padding:8px 17px;border-radius:5px;color:#57736a}.filters a:hover{background:#eff5f2}.filters a[aria-current]{background:var(--ink);color:white}.filters svg{width:18px}.filters span{font-size:10px;color:#a8c4b7}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{border:1px solid #dce6e0;border-radius:8px;overflow:hidden;transition:transform .25s,box-shadow .25s;background:white;min-width:0}.project-card[hidden]{display:none}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #192e2b10}.project-link{display:block;height:100%}.project-art,.coming-art{height:260px;position:relative;overflow:hidden}.project-art{background:#d7edff}.status-badge{position:absolute;left:18px;top:17px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:white;padding:7px 9px;font-size:8px;font-weight:900;border-radius:3px}.status-badge>span{width:5px;height:5px;background:#188765;border-radius:50%}.game-wordmark{position:absolute;left:23px;top:63px;z-index:1;font-size:56px;font-weight:900;line-height:1;transform:rotate(-7deg);color:#246ccd}.game-wordmark span{color:var(--red)}.game-art{position:absolute;inset:0;pointer-events:none}.game-art svg{height:100%;width:100%}.art-caption{position:absolute;left:22px;bottom:20px;font-size:8px;font-weight:900;letter-spacing:1px;color:#33618e}.art-arrow{position:absolute;right:18px;bottom:16px;width:37px;height:37px;display:grid;place-items:center;background:white;border-radius:50%;transition:transform .25s}.project-link:hover .art-arrow{transform:rotate(45deg)}.project-info{padding:23px}.project-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#6d8178;font-size:8px;font-weight:900;letter-spacing:.6px;min-height:15px}.project-meta>span:last-child{text-align:right}h3{font-weight:900;font-size:26px;margin:14px 0 8px;line-height:1.1}.project-info p{font-size:13px;line-height:1.65;color:#64766e;margin:0 0 24px}.card-command{font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:10px;min-height:26px}.card-command svg{width:16px}.card-command:hover{color:var(--red)}.programs-card .coming-art{background:#f9eaa4}.projects-card .coming-art{background:#f7d5ce}.coming-label{position:absolute;bottom:20px;left:22px;font-size:8px;font-weight:900;letter-spacing:1px;color:#6b6756}.toy-terminal{position:absolute;width:165px;height:133px;background:#254a41;border:9px solid #73ac91;border-radius:8px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:9px 10px 0 #3c7962,16px 23px 0 #dbca8544;transition:transform .4s}.coming-card:hover .toy-terminal{transform:translate(-50%,-55%) rotate(-5deg)}.terminal-top{height:22px;display:flex;gap:5px;align-items:center;padding:0 8px;border-bottom:1px solid #416254}.terminal-top b{width:5px;height:5px;background:#ffd265;border-radius:50%}.terminal-top b:first-child{background:#ff7963}.terminal-top b:last-child{background:#90e0b7}.code-prompt{font-family:monospace;font-size:33px;color:#fae49b;position:absolute;left:14px;top:33px;font-weight:bold}.code-lines{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;gap:6px}.code-lines b{height:4px;width:60px;background:#74aa91;border-radius:3px}.code-lines b:nth-child(2){width:35px;margin-left:12px;background:#f8cc7d}.code-lines b:nth-child(3){width:78px}.project-block{position:absolute;width:85px;height:73px;background:var(--block);border-radius:6px;box-shadow:9px 12px 0 var(--shade);transform:rotate(-15deg);transition:transform .4s}.project-block:before,.project-block:after{content:'';position:absolute;width:23px;height:23px;border-radius:50%;background:var(--block);top:-10px;left:14px;box-shadow:0 -3px 0 #fff6,0 4px 0 var(--shade)}.project-block:after{left:48px}.block-one{--block:#f3b940;--shade:#d38e20;left:calc(50% - 88px);top:115px}.block-two{--block:#f56851;--shade:#bd4137;left:calc(50% + 2px);top:102px;transform:rotate(12deg)}.block-three{--block:#5495e4;--shade:#2b67b9;left:calc(50% - 39px);top:47px;transform:rotate(-7deg)}.coming-card:hover .block-three{transform:translateY(-10px) rotate(0deg)}.catalog-status{font-size:12px;color:#6d8379;margin:26px 0 0;min-height:20px}.closing{background:#eef5f1;border-top:1px solid #dfe9e2;border-bottom:1px solid #dfe9e2;padding:45px 8%;display:flex;gap:28px;align-items:center}.closing-mark{display:grid;place-items:center;width:62px;height:62px;background:#ffce53;border-radius:8px;transform:rotate(-9deg);flex-shrink:0}.closing-mark svg{width:32px;height:32px}.closing p{font-size:27px;line-height:1.2;font-weight:900;margin:0;flex:1}.closing>.icon-button{flex-shrink:0}footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer .brand{font-size:25px;gap:0}footer>span{font-size:11px;color:#708178}footer>span:last-child{font-weight:900}
@keyframes label-pop{to{transform:rotate(10deg) translateY(-5px)}}
.hero{height:calc(100svh - 208px);min-height:480px}.art-caption{display:none}
@media(min-width:1600px){h1{font-size:116px}.hero-copy{width:730px}.hero-lead{font-size:21px}}
@media(max-width:1100px){h1{font-size:83px}.hero-copy{width:530px}.scene-label{left:5%;font-size:8px}.label-right{left:auto;right:5%}.project-art,.coming-art{height:220px}.project-info{padding:18px}.project-meta{font-size:7px}h3{font-size:23px}.catalog-grid{gap:18px}.game-wordmark{font-size:49px}.section-note{display:none}}
@media(max-width:760px){.header{height:66px;padding:0 5%;gap:12px}.brand{font-size:26px;gap:6px}.brand img{width:29px;height:29px}.header nav{gap:18px}.header nav a{font-size:12px}.header-note{display:none}.hero{height:calc(100svh - 150px);min-height:555px;max-height:760px}.hero-copy{top:35%;max-width:94%;width:440px}h1{font-size:70px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:18px}.hero-lead{font-size:16px;margin:18px 0 22px}.hero-actions{gap:20px}.button{padding:0 16px;min-height:49px;font-size:12px;gap:8px}.button svg{width:18px}.browse-link{font-size:12px;gap:5px}.scene-label{display:none}.hero-bottom{bottom:18px}.hero-number{font-size:10px}.hero-number span{font-size:7px;margin-left:4px}.icon-button,.scroll-link{width:37px;height:37px}.catalog{padding:38px 5% 40px}h2{font-size:30px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:8px}.filters{gap:3px;margin-bottom:22px}.filters a{padding:7px 12px;font-size:12px}.filters svg{width:16px}.catalog-grid{grid-template-columns:1fr 1fr;gap:18px}.game-card{grid-column:1/-1}.project-link{display:grid;grid-template-columns:1fr 1fr}.game-card .project-art{height:100%;min-height:255px}.game-card .project-info{align-self:center;padding:24px}.game-card .project-meta{display:block;font-size:8px}.game-card .project-meta span{display:block;text-align:left;margin:5px 0}.coming-art{height:220px}.coming-card .project-info{padding:20px}.coming-card .project-meta{font-size:8px}.closing{padding:32px 5%;gap:18px}.closing p{font-size:23px}.closing-mark{width:48px;height:48px}footer>span:last-child{display:none}}
@media(max-width:480px){.header nav{gap:14px}.header nav a{font-size:11px}.header .brand{font-size:24px}.header .brand img{width:25px;height:25px}h1{font-size:61px}.hero-copy{top:34%}.hero{min-height:540px}.hero-actions{flex-direction:column;gap:18px}.hero-lead{font-size:15px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px}.button{min-height:46px;font-size:12px}.browse-link{font-size:11px}.hero-number span{display:none}.filters{gap:2px}.filters a{font-size:11px;padding:7px 9px;gap:5px}.filters svg{width:14px}.filters span{font-size:8px}h2{font-size:28px}.catalog-grid{grid-template-columns:1fr}.project-link{display:block}.game-card .project-art,.coming-art{height:260px;min-height:0}.game-card .project-info{padding:23px}.game-card .project-meta{display:flex;font-size:8px}.game-card .project-meta span{margin:0}.project-info{padding:23px}h3{font-size:26px}.coming-card .project-info p br{display:none}.closing p{font-size:20px}.closing-mark{width:36px;height:36px}.closing-mark svg{width:23px}.closing{gap:14px}footer{padding:25px 5%;gap:15px}footer>span{font-size:9px}}
@media(max-width:350px){h1{font-size:54px}.header nav{gap:10px}.header nav a{font-size:10px}.filters a{padding:7px 7px}.filters svg{display:none}.closing p{font-size:17px}.game-card .project-meta{font-size:7px}}
@media(max-width:760px) and (max-height:700px){.hero{height:calc(100svh - 130px);min-height:0}.hero-copy{top:34%}h1{font-size:50px}.hero-copy .eyebrow{margin-bottom:12px}.hero-lead{font-size:13px;margin:12px 0 15px}.hero-actions{gap:12px}.button{min-height:40px}.hero-bottom{bottom:10px}.hero-bottom .icon-button,.scroll-link{width:31px;height:31px}.hero-copy .eyebrow{font-size:6px}.hero-bottom svg{width:17px}}
@media(min-width:761px) and (max-height:650px){.hero{min-height:440px}.hero-copy{top:44%}h1{font-size:70px}.hero-copy .eyebrow{margin-bottom:13px}.hero-lead{margin:17px 0}.hero-bottom{bottom:15px}.scene-label{top:70%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.button,.project-block,.toy-terminal,.icon-button,.scene canvas{transition:none}}
body.motion-paused{scroll-behavior:auto}body.motion-paused .hero.launching .label-right{animation:none}
@media(min-width:761px) and (max-width:900px){.hero{height:calc(100svh - 164px);min-height:430px}.hero-copy{top:34%}h1{font-size:60px}.hero-lead{font-size:15px;margin:15px 0}.hero-copy .eyebrow{font-size:8px;margin-bottom:13px}.hero-actions{gap:15px}.button{min-height:44px;font-size:12px;padding:0 14px}.browse-link{font-size:11px}.scene-label{display:none}.catalog{padding-top:38px}.catalog-grid{grid-template-columns:1fr 1fr}.game-card{grid-column:1/-1}.project-link{display:grid;grid-template-columns:1fr 1fr}.game-card .project-art{height:100%;min-height:270px}.game-card .project-info{align-self:center;padding:26px}.game-wordmark{font-size:52px}.coming-art{height:245px}}
@media(min-width:901px) and (max-width:1100px){.game-wordmark{font-size:38px;top:70px;left:16px}}
@media(min-width:761px) and (max-height:650px){.hero{height:calc(100svh - 160px);min-height:0}.hero-copy{top:43%}h1{font-size:52px}.hero-copy .eyebrow{font-size:7px;margin-bottom:10px}.hero-lead{font-size:14px;margin:12px 0}.hero-actions .button{min-height:42px;font-size:12px}.hero-bottom{bottom:12px}.hero-bottom .icon-button,.hero-bottom .scroll-link{width:32px;height:32px}.hero-number{font-size:9px}.scene-label{display:none}.catalog{padding-top:38px}}
