.playground-page{padding-top:54px}.playground-page .playground-heading{max-width:1440px;padding-bottom:64px}.playground-kicker{color:var(--blue);margin-bottom:19px;font-size:14px;font-weight:650}.playground-heading h1{letter-spacing:-.065em;text-wrap:balance;max-width:920px;font-size:clamp(48px,6.8vw,88px);font-weight:600;line-height:1.04}.playground-intro{max-width:610px;color:var(--muted);margin-top:26px;font-size:17px;line-height:1.7}.playground-jump{flex-wrap:wrap;gap:12px 36px;margin-top:30px;display:flex}.playground-jump a{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:44px;font-size:14px;font-weight:600;display:flex}.playground-jump a>span:first-child{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.playground-jump a>span:last-child{color:var(--blue)}.playground-jump a:hover{border-color:var(--blue);color:var(--blue)}.engineering-studio,.route-experiment{padding-bottom:80px;scroll-margin-top:112px}.playground-section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:28px;display:grid}.playground-section-index{color:var(--blue);font-variant-numeric:tabular-nums;margin-bottom:13px;font-size:13px;font-weight:550;display:block}.playground-section-heading h2{letter-spacing:-.05em;text-wrap:balance;max-width:540px;font-size:clamp(30px,3.5vw,46px);line-height:1.12}.playground-section-heading>p{color:var(--muted);max-width:520px;font-size:15px;line-height:1.7}.studio-exhibit{border:1px solid var(--line);background:var(--paper);border-radius:3px}.studio-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:7px 22px;font-size:13px;display:flex}.studio-bar>span{font-weight:650}.studio-bar-count{color:var(--muted);margin-left:8px;font-weight:450}.studio-bar>p{color:var(--muted);font-size:13px}.studio-bar>button{white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;padding:0 6px;font-size:13px;display:flex}.studio-bar>button:hover{color:var(--blue)}.studio-stations{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-stations>button{text-align:left;border:0;border-right:1px solid var(--line);background:0 0;align-items:center;gap:14px;min-width:0;min-height:86px;padding:18px;transition:background .18s,color .18s;display:flex}.studio-stations>button:last-child{border-right:0}.studio-stations>button>span:nth-child(2){flex:1;min-width:0}.studio-stations .station-number{font-variant-numeric:tabular-nums;color:var(--muted);align-self:flex-start;margin-top:2px;font-size:13px}.studio-stations strong{font-size:15px;font-weight:650;line-height:1.3;display:block}.studio-stations small{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.4;display:block}.studio-stations>button>span:last-child{color:var(--blue)}.studio-stations>button[aria-pressed=true]{color:#fff;background:#244de2}.studio-stations>button[aria-pressed=true] small,.studio-stations>button[aria-pressed=true] .station-number,.studio-stations>button[aria-pressed=true]>span:last-child{color:#fff}.studio-stations>button:hover:not([aria-pressed=true]){background:var(--accent-soft)}.studio-stations>button:focus-visible{z-index:1;outline-offset:-4px;position:relative}.studio-stations>button[aria-pressed=true]:focus-visible{outline-color:#fff}.studio-stage{grid-template-columns:minmax(0,1fr) 330px;display:grid}.engineering-studio .world-shell{isolation:isolate;background:#edf1fa;flex-direction:column;height:auto;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.studio-canvas{flex:1;min-height:440px;position:relative}.engineering-studio .journey-world{touch-action:pan-y;height:440px;min-height:440px}.engineering-studio .journey-world canvas{touch-action:pan-y;display:block}.engineering-studio .journey-world canvas:focus-visible{outline-offset:-5px;border-radius:0;outline:3px solid #244de2}.studio-loading{color:#4b5c7a;text-align:center;place-items:center;height:440px;min-height:440px;padding:24px;font-size:14px;display:grid}.studio-inspect{z-index:2;color:#183268;background:#fff;border:1px solid #c5d1e5;border-radius:3px;max-width:calc(100% - 36px);min-height:44px;padding:10px 14px;font-size:13px;line-height:1.4;position:absolute;top:18px;left:18px}.studio-inspect:hover{background:#f4f7ff;border-color:#244de2}.studio-inspect[aria-pressed=true]{color:#fff;background:#244de2;border-color:#244de2}.studio-inspect:focus-visible{outline-color:#244de2}.studio-navigation{background:#f5f7fc;border-top:1px solid #cbd6e9;align-items:center;gap:24px;min-height:118px;padding:14px 22px;display:flex;position:static}.engineering-studio .rover-controls{flex-shrink:0;grid-template-columns:repeat(3,44px);gap:5px;display:grid;position:static;transform:none}.engineering-studio .rover-controls button{color:#183268;background:#fff;border:1px solid #becce2;border-radius:3px;width:44px;height:44px;font-size:21px;line-height:1;transition:background .16s,transform .16s;box-shadow:0 2px #c5d1e5}.engineering-studio .rover-controls button:not(:disabled):hover{background:#e8eeff;border-color:#244de2}.engineering-studio .rover-controls button:not(:disabled):active{box-shadow:none;transform:translateY(2px)}.engineering-studio .rover-controls button:focus-visible{outline-offset:2px;outline-color:#244de2}.engineering-studio .rover-controls button:disabled{opacity:.5;box-shadow:none}.studio-navigation>p{color:#263957;max-width:320px;font-size:13px;line-height:1.6}.studio-navigation>p>span{color:#50627d;margin-top:6px;font-size:13px;display:block}.studio-note{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding:26px;display:flex}.studio-note-index{font-variant-numeric:tabular-nums;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.studio-note h3{letter-spacing:-.045em;margin:24px 0 15px;font-size:36px;line-height:1.15}.studio-note .studio-chapter-title{letter-spacing:-.015em;margin-bottom:9px;font-size:15px;font-weight:650;line-height:1.5}.studio-note .studio-description{color:var(--muted);font-size:14px;line-height:1.65}.studio-note>ul{gap:10px;margin:22px 0;padding:0;font-size:13px;line-height:1.6;list-style:none;display:grid}.studio-note li{gap:10px;display:flex}.studio-note li:before{content:"—";color:var(--blue)}.studio-note .tags{gap:6px;margin:0 0 24px}.studio-note .tags span{border-radius:3px;padding:5px 8px;font-size:13px;line-height:1.4}.studio-note .button{border-radius:3px;justify-content:space-between;gap:16px;min-height:48px;margin-top:auto;padding:12px 16px;font-size:14px}.studio-progress{color:var(--muted);margin-top:24px;font-size:13px;line-height:1.5}.studio-progress>div{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px;display:grid}.studio-progress i{background:var(--line);height:4px}.studio-progress i.is-visited{background:var(--blue)}.studio-progress>a{min-height:44px;color:var(--blue);text-underline-offset:4px;align-items:center;margin-top:8px;text-decoration:underline;display:inline-flex}.engineering-studio .studio-media-note{color:var(--muted);max-width:760px;margin-top:14px;font-size:13px;line-height:1.6;position:static}.engineering-studio .world-fallback{color:#263957;z-index:1;background:#edf1fa;padding:20px;font-size:14px;line-height:1.6}.route-experiment{padding-top:10px}.route-experiment .game{border-radius:3px}.route-experiment .game-top .small-label,.route-experiment .game-controls>p,.route-experiment .queue-label,.route-experiment .game-message,.route-experiment .accessible-board{font-size:13px}@media (min-width:1440px){.studio-stage{grid-template-columns:minmax(0,1fr) 350px}.studio-note{padding:30px}.studio-canvas,.engineering-studio .journey-world,.studio-loading{height:460px;min-height:460px}}@media (max-width:1120px){.studio-stage{grid-template-columns:minmax(0,1fr) 310px}.studio-note{padding:24px}.studio-bar>p{display:none}.studio-stations>button{gap:10px;padding:16px 13px}.studio-stations>button>span:last-child{display:none}.studio-navigation{gap:18px;padding:14px 16px}}@media (max-width:950px){.studio-stage{grid-template-columns:1fr}.studio-note{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 30px;padding:28px;display:grid}.studio-note-index,.studio-note h3{grid-column:1/-1}.studio-note h3{margin:18px 0}.studio-note .studio-chapter-title,.studio-note .studio-description,.studio-note>ul{grid-column:1}.studio-note .tags{grid-area:3/2/span 2;align-content:start;align-self:start;margin:0}.studio-note .button{grid-area:5/2;align-self:end;margin:0}.studio-progress{grid-column:1/-1;margin-top:5px}.studio-note>ul{margin:20px 0}.studio-navigation>p{max-width:440px}.studio-canvas,.engineering-studio .journey-world,.studio-loading{height:410px;min-height:410px}.playground-section-heading{gap:24px}}@media (max-width:650px){.playground-page{padding-top:36px}.playground-page .playground-heading{padding-bottom:48px}.playground-heading h1{font-size:clamp(43px,11vw,66px)}.playground-intro{margin-top:20px;font-size:15px}.playground-jump{gap:8px 24px;margin-top:24px}.playground-jump a{gap:10px;font-size:13px}.engineering-studio,.route-experiment{padding-bottom:55px}.playground-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.playground-section-heading h2{max-width:430px;font-size:32px}.playground-section-heading>p{font-size:14px}.playground-section-index{margin-bottom:10px}.studio-bar{gap:10px;padding:7px 12px}.studio-bar-count{display:none}.studio-bar>button{gap:8px}.studio-stations{grid-template-columns:1fr 1fr}.studio-stations>button{gap:10px;min-height:88px;padding:15px 12px}.studio-stations>button:nth-child(2){border-right:0}.studio-stations>button:nth-child(-n+2){border-bottom:1px solid var(--line)}.studio-stations strong{font-size:14px}.studio-stations small{font-size:13px}.studio-canvas,.engineering-studio .journey-world,.studio-loading{height:330px;min-height:330px}.studio-inspect{max-width:calc(100% - 24px);padding:9px 12px;top:12px;left:12px}.studio-navigation{align-items:center;gap:16px;padding:15px 12px}.studio-navigation>p{font-size:13px}.studio-navigation>p>span{display:none}.studio-note{gap:0;padding:24px 20px;display:flex}.studio-note h3{margin:22px 0 14px;font-size:33px}.studio-note .studio-description{max-width:52ch}.studio-note .tags{margin:0 0 24px}.studio-note .button{align-self:stretch;margin-top:0}.studio-progress{margin-top:24px}.engineering-studio .studio-media-note{font-size:13px}.route-experiment{padding-top:0}}@media (prefers-reduced-motion:reduce){.studio-stations>button,.engineering-studio .rover-controls button{transition:none}}