@layer components{.playground-intro{padding-top:140px;padding-bottom:48px}.playground-intro>.micro{margin-bottom:25px}.playground-intro h1{letter-spacing:-.065em;max-width:1150px;font-size:clamp(48px,7vw,112px);font-weight:400;line-height:1.02;position:relative}.playground-intro h1 em{letter-spacing:-.03em}.playground-intro h1>span{color:#ad6346;font-size:100px;font-weight:300;position:absolute;top:0;right:0}.playground-deck{color:var(--muted);max-width:440px;margin:26px 0 0 auto;font-size:13px}.arena-shell{color:#e7ebd9;background:#172b29;padding-top:30px;padding-bottom:25px}.arena-top{border-bottom:1px solid #aabb9e2c;justify-content:space-between;align-items:center;gap:25px;padding-bottom:22px;display:flex}.arena-wordmark{letter-spacing:.13em;font-size:12px;line-height:1.3}.arena-wordmark>span{letter-spacing:.2em;color:#b1c4b2;font-size:9px;display:block}.arena-top>[role=status]{color:#bed0bd;align-items:center;gap:10px;max-width:340px;font-size:10px;display:flex}.arena-top>[role=status]:before{content:"";background:#cba58b;border-radius:50%;flex:none;width:6px;height:6px}.arena-shell[data-state=connected] [role=status]:before{background:#cbe3aa}.arena-actions button{color:#1c3029;background:#edb999;border:1px solid #dbb69a;min-height:44px;padding:13px 20px;font-size:11px}.arena-actions button>span{margin-left:20px}.arena-actions [data-leave]{color:#eddbc7;background:0 0;border-color:#c3d1b657}.arena-hud{gap:40px;padding-block:20px;display:flex}.arena-hud>div{align-items:baseline;gap:10px;display:flex}.arena-hud span{color:#c0d0bd;font-size:9px}.arena-hud strong{font-size:20px;font-weight:400}.arena-hud small{color:#c0d0bd;font-size:9px}.arena-stage{position:relative}.arena-stage canvas{aspect-ratio:1.6;outline-offset:4px;background:#172b29;border:1px solid #aabb9e2c;width:100%;max-width:1280px;height:auto;margin-inline:auto;display:block}.arena-shell[data-state=connected] canvas{touch-action:none;cursor:crosshair}.arena-shell canvas:focus-visible{outline:2px solid #edb999}.arena-instructions{color:#bdcbb8;justify-content:space-between;gap:25px;margin-top:18px;font-size:10px;display:flex}.arena-hint{color:#d5dfca;margin-top:13px;font-size:11px}.touch-fire{color:#f1c6a6;touch-action:none;background:#273d34e8;border:1px solid #dbb69a;border-radius:50%;width:65px;height:65px;font-size:10px;display:none;position:absolute;bottom:22px;right:22px}.touch-fire>span{font-size:22px;display:block}.touch-help{display:none}.session-note{color:var(--muted);padding-top:18px;padding-bottom:0;font-size:10px}.playground-engineering{grid-template-columns:1.1fr 1fr;gap:12%;padding-top:90px;padding-bottom:100px;display:grid}.playground-engineering h2{letter-spacing:-.05em;margin:25px 0;font-size:clamp(35px,4.3vw,66px);line-height:1.05}.playground-engineering>div>p:not(.micro){color:var(--muted);max-width:390px;margin-bottom:25px;font-size:13px}.engineering-flow{border-top:1px solid var(--line);padding-top:20px}.engineering-flow>div{padding-left:45px;position:relative}.engineering-flow>div>span{color:var(--muted);font-size:9px;position:absolute;top:8px;left:0}.engineering-flow h3{letter-spacing:-.04em;font-size:25px;font-weight:400}.engineering-flow p{color:var(--muted);font-size:11px}.flow-arrow{margin:24px 0;padding-left:45px;color:#8f4e34!important;font-size:22px!important}.flow-arrow span{vertical-align:middle;margin-left:20px;font-size:10px}}@layer responsive{@media (pointer:coarse){.touch-fire{display:block}.pointer-help{display:none}.touch-help{display:block}}@media (width<=900px){.playground-intro h1>span{font-size:70px;top:-10px;right:-10px}.arena-hud{gap:22px}.arena-hud>div{gap:7px}.arena-hud span{font-size:8px}.arena-top>[role=status]{max-width:240px}.arena-instructions{font-size:9px}.playground-engineering{gap:8%}}@media (width<=700px){.playground-intro{padding-top:125px;padding-bottom:35px}.playground-intro>.micro{margin-bottom:22px;font-size:8px}.playground-intro h1{font-size:clamp(39px,10.3vw,66px)}.playground-intro h1>span{font-size:40px;top:-40px;right:0}.playground-deck{max-width:300px;margin-top:25px;font-size:12px}.arena-shell{padding-top:23px}.arena-top{flex-wrap:wrap;gap:18px}.arena-wordmark{font-size:10px}.arena-top>[role=status]{order:3;width:100%;max-width:none;font-size:10px}.arena-actions button{padding:11px 15px;font-size:10px}.arena-actions button>span{margin-left:12px}.arena-hud{grid-template-columns:1fr 1fr;gap:7px 20px;padding-block:18px;display:grid}.arena-hud>div{justify-content:space-between}.arena-hud strong{font-size:16px}.arena-hud small{margin-left:-7px}.arena-stage canvas{aspect-ratio:auto;height:420px}.arena-instructions{line-height:1.8;display:block}.arena-hint{max-width:300px;font-size:10px}.session-note{font-size:9px}.playground-engineering{padding-top:60px;padding-bottom:60px;display:block}.playground-engineering h2{max-width:330px;font-size:40px}.playground-engineering>div>p:not(.micro){font-size:12px}.engineering-flow{margin-top:40px}.touch-fire{width:60px;height:60px;bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){.arena-shell *{scroll-behavior:auto}}}