.homePage{background:var(--color-canvas);height:100%;min-height:0;color:var(--color-text);scroll-behavior:smooth;overflow-y:auto}.homePage *{box-sizing:border-box}.homeIntro,.homeFeatured,.homeGetStarted{padding:clamp(32px,5vw,72px) clamp(20px,4vw,64px)}.homeIntro{grid-template-columns:minmax(240px,.58fr) minmax(620px,1.42fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.homeIntroCopy h1{letter-spacing:-.035em;max-width:12ch;margin:0;font-size:clamp(40px,4vw,64px);font-weight:600;line-height:1.03}.homeIntroCopy>p{max-width:38ch;color:var(--color-text-muted);margin:20px 0 0;font-size:16px;line-height:1.55}.homeIntroActions{gap:8px;margin-top:28px;display:grid}.homePrimaryAction,.homeSecondaryAction{border-radius:var(--radius-control);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.homePrimaryAction:focus-visible,.homeSecondaryAction:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.homePrimaryAction{border:1px solid var(--color-action);background:var(--color-action);color:var(--color-action-contrast)}.homePrimaryAction:hover{border-color:var(--color-action-hover);background:var(--color-action-hover)}.homeSecondaryAction{border:1px solid var(--color-control-border);background:var(--color-surface-raised);color:var(--color-text)}.homeSecondaryAction:hover{background:var(--color-surface-strong)}.homeExample{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;overflow:hidden}.homeExampleHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 14px;display:flex}.homeExampleHeader div{gap:2px;display:grid}.homeExampleHeader strong{font-size:14px;font-weight:600}.homeExampleHeader span{color:var(--color-text-faint);font-size:12px}.homeExampleBody{grid-template-columns:minmax(340px,1.3fr) minmax(260px,.7fr);height:470px;display:grid}.homeExampleMap{min-width:0;position:relative}.homeExampleMap .map{border:0}.homeExampleMap>span{z-index:8;border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);pointer-events:none;padding:5px 7px;font-size:11px;position:absolute;bottom:10px;left:10px}.homeExamplePlayer{border-left:1px solid var(--color-terminal-border);background:var(--color-terminal);flex-direction:column;min-width:0;min-height:0;display:flex}.homeExamplePlayerHeader{border-bottom:1px solid var(--color-terminal-border);min-height:38px;color:var(--color-terminal-text);justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:12px;display:flex}.homeExamplePlayerHeader strong{font-weight:600}.homeExamplePlayerHeader button{color:var(--color-terminal-prompt);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 5px;display:inline-flex}.homeExamplePlayerHeader button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.homeExamplePlayer .game-player{flex:1}.homeFeatured,.homeGetStarted{border-top:1px solid var(--color-border)}.homeSectionHeader{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.homeSectionHeader h2{margin:0;font-size:22px;font-weight:600}.homeSectionHeader p{color:var(--color-text-muted);margin:7px 0 0;line-height:1.5}.homeCarouselCount{color:var(--color-text-faint);font-family:var(--font-mono);white-space:nowrap;flex:none;font-size:12px}.homeFeaturedDeck{max-width:1120px;margin:0 auto;padding:18px 38px;position:relative}.homeCarouselArrow{z-index:5;border:1px solid var(--color-control-border);background:var(--color-surface-raised);width:44px;height:44px;box-shadow:var(--shadow-float);color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.homeCarouselArrow:hover:not(:disabled){border-color:var(--color-action);background:var(--color-surface-strong);color:var(--color-action)}.homeCarouselArrow:disabled{border-color:var(--color-border);box-shadow:none;color:var(--color-text-faint);cursor:not-allowed}.homeCarouselArrow:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.homeCarouselArrow--previous{left:0}.homeCarouselArrow--next{right:0}.homeFeaturedPages{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:340px;display:grid}.homeFeaturedPage{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-workspace);flex-direction:column;grid-row:1;min-width:0;min-height:276px;padding:clamp(22px,3vw,34px);transition:transform .18s,background-color .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.homeFeaturedPage[hidden]{display:none}.homeFeaturedPage--previous{z-index:1;transform-origin:100%;grid-column:1/span 5;transform:translate(8px)scale(.94)}.homeFeaturedPage--current{z-index:3;border-color:var(--color-border-strong);background:var(--color-surface);min-height:320px;box-shadow:var(--shadow-float);grid-column:4/span 6}.homeFeaturedPage--next{z-index:2;transform-origin:0;grid-column:8/span 5;transform:translate(-8px)scale(.94)}.homeFeaturedPage--next .homeFeaturedPageHeader{text-align:right;flex-direction:row-reverse}.homeFeaturedPages--2 .homeFeaturedPage--previous{grid-column:1/span 6}.homeFeaturedPages--2 .homeFeaturedPage--current{grid-column:3/span 8}.homeFeaturedPages--2 .homeFeaturedPage--next{grid-column:7/span 6}.homeFeaturedPages--1 .homeFeaturedPage--current{grid-column:3/span 8}.homeFeaturedPageHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.homeFeaturedPageHeader h3{letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.3vw,30px);font-weight:600}.homeFeaturedPageHeader span{color:var(--color-focus);font-family:var(--font-mono);font-size:13px}.homeFeaturedPageBody{flex-direction:column;flex:1;align-items:flex-start;padding-top:20px;display:flex}.homeFeaturedPageBody p{max-width:46ch;color:var(--color-text-muted);margin:0;line-height:1.55}.homeFeaturedPageBody small{color:var(--color-text-faint);margin-top:16px}.homeFeaturedPageBody a{border:1px solid var(--color-action);border-radius:var(--radius-control);background:var(--color-action);min-height:40px;color:var(--color-action-contrast);justify-content:center;align-items:center;margin-top:auto;padding:8px 15px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.homeFeaturedPageBody a:hover{border-color:var(--color-action-hover);background:var(--color-action-hover)}.homeFeaturedPage--previous .homeFeaturedPageBody,.homeFeaturedPage--next .homeFeaturedPageBody{opacity:0}.homeFeaturedStatus{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);max-width:900px;min-height:220px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.homeFeaturedStatus p{margin:0}.homeFeaturedStatus a{color:var(--color-action)}.homeBrowseAll{color:var(--color-action);align-items:center;gap:7px;margin-top:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.homeGetStarted{background:var(--color-workspace);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,7vw,96px);display:grid}.homeGetStarted h2{margin:0;font-size:22px;font-weight:600}.homeGetStarted p{max-width:56ch;color:var(--color-text-muted);margin:10px 0 22px;line-height:1.55}.homeTutorial ol{border-top:1px solid var(--color-border);gap:0;margin:0 0 24px;padding:0;list-style:none;display:grid}.homeTutorial li{border-bottom:1px solid var(--color-border);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:11px;padding:12px 0;display:grid}.homeTutorial li>span{border:1px solid var(--color-focus);width:24px;height:24px;color:var(--color-focus);border-radius:50%;place-items:center;font-size:12px;display:grid}.homeTutorial strong,.homeTutorial small{display:block}.homeTutorial strong{margin-bottom:3px;font-size:14px;font-weight:600}.homeTutorial small{color:var(--color-text-muted);font-size:12px;line-height:1.4}.homeTutorial .homePrimaryAction{width:fit-content}.homeVideos{border-left:1px solid var(--color-border);padding-left:clamp(0px,3vw,48px)}.homeVideoList{border-top:1px solid var(--color-border);display:grid}.homeVideoStub{border-bottom:1px solid var(--color-border);grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 0;display:grid}.homeVideoStub h3{margin:0 0 4px;font-size:14px;font-weight:600}.homeVideoStub small{color:var(--color-text-faint);font-size:12px}.homeVideoStub button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);min-height:34px;color:var(--color-text-faint);font:inherit;cursor:not-allowed;padding:7px 11px;font-size:12px}.homeVideoPreview{border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);width:68px;height:44px;color:var(--color-text-muted);place-items:center;display:grid}@media (max-width:1060px){.homeIntro{grid-template-columns:1fr}.homeIntroCopy{grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);column-gap:32px;display:grid}.homeIntroCopy h1,.homeIntroCopy>p{grid-column:1}.homeIntroCopy .homeIntroActions{grid-area:1/2/span 2;align-content:end;margin:0}}@media (max-width:760px){.homeIntro,.homeFeatured,.homeGetStarted{padding:32px 18px}.homeIntroCopy,.homeGetStarted{grid-template-columns:1fr}.homeIntroCopy{display:block}.homeIntroCopy .homeIntroActions{margin-top:24px}.homeExampleBody{grid-template-columns:1fr;height:auto}.homeExampleMap{height:340px}.homeExamplePlayer{border-top:1px solid var(--color-terminal-border);border-left:0;height:320px}.homeFeaturedDeck{padding:12px 20px}.homeCarouselArrow{width:40px;height:40px}.homeFeaturedPages{min-height:390px}.homeFeaturedPage{min-height:300px;padding:20px}.homeFeaturedPage--previous{grid-column:1/span 5;transform:translate(4px)scale(.95)}.homeFeaturedPage--current,.homeFeaturedPages--2 .homeFeaturedPage--current,.homeFeaturedPages--1 .homeFeaturedPage--current{grid-column:2/span 10;min-height:360px}.homeFeaturedPage--next{grid-column:9/span 4;transform:translate(-4px)scale(.95)}.homeFeaturedPages--2 .homeFeaturedPage--previous{grid-column:1/span 5}.homeFeaturedPages--2 .homeFeaturedPage--next{grid-column:9/span 4}.homeVideos{border-top:1px solid var(--color-border);border-left:0;padding-top:32px;padding-left:0}}@media (max-width:460px){.homeIntroCopy h1{font-size:38px}.homeIntroActions a,.homeTutorial .homePrimaryAction{width:100%}.homeExampleHeader>span{display:none}.homeSectionHeader{align-items:flex-end;gap:12px}.homeVideoStub{grid-template-columns:58px minmax(0,1fr)}.homeVideoPreview{width:58px}.homeVideoStub button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.homePage{scroll-behavior:auto}.homeFeaturedPage{transition:none}}
