.playground-scene.dino-scene{margin-top:28px;width:100%;min-width:0;height:auto;aspect-ratio:3/1;min-height:300px;border:1px solid var(--line);border-radius:20px;color:var(--text);color-scheme:dark;background:var(--panel);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.4}.dino-scene:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#c5f47706 0 1px,transparent 1px 4px)}.dino-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.dino-toolbar{position:absolute;z-index:3;top:22px;left:22px;display:flex;gap:4px}.dino-scene button{border:0;border-radius:0;padding:6px 14px;background:var(--bg);color:var(--text);font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;touch-action:manipulation;-webkit-user-select:none;user-select:none}.dino-scene button:hover{background:var(--line)}.dino-scene button:active{transform:translateY(1px)}.dino-scene button:focus-visible,.dino-scene:focus-visible{outline-color:var(--accent)}.dino-scene .dino-pause{background:var(--accent);color:var(--bg)}.dino-scene .dino-pause:disabled{opacity:.5;cursor:default}.dino-overlay{position:absolute;z-index:3;top:40%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:12px;white-space:nowrap}.dino-overlay strong{font-size:17px;letter-spacing:.25em}.dino-overlay button{border:1px solid var(--line);background:var(--panel);padding:10px 22px}.dino-overlay>span{letter-spacing:.14em}.dino-overlay>span,.dino-score{font-size:9px;color:var(--muted)}.dino-score{position:absolute;z-index:3;top:22px;right:22px;display:flex;align-items:baseline;gap:10px;padding:3px 10px;background:var(--panel);letter-spacing:.12em;pointer-events:none}.dino-score-value{color:var(--accent);font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.1em}.dino-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg);font-size:9px;font-weight:700;letter-spacing:.05em;white-space:nowrap;pointer-events:none}.dino-controls kbd{background:var(--line);padding:2px 4px;font:inherit}.dino-control-divider{margin-inline:4px}.dino-noscript{position:absolute;inset:45% 16px auto;text-align:center;font-size:14px;background:var(--panel);z-index:4}@media (max-width:720px){.playground-scene.dino-scene{margin-top:22px;min-height:300px;border-radius:14px}.dino-toolbar{top:16px;left:12px;right:12px;gap:3px}.dino-toolbar button{min-height:40px;padding-inline:10px;font-size:9px}.dino-controls{gap:4px;padding-inline:6px;font-size:8px}.dino-control-divider{margin-inline:1px}}@media (max-width:480px){.dino-overlay{top:52%}.dino-score{top:68px;right:12px;gap:8px}.dino-score-value{font-size:18px}}.playground{padding:46px 0 32px}.playground-home{padding-block:72px;border-top:1px solid var(--line)}.playground-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.playground-heading :is(h1,h2){font-size:clamp(54px,6vw,80px);line-height:1.05;margin-top:10px}.playground-home .playground-heading h2{font-size:var(--heading-section)}.playground-heading>p{max-width:41ch;color:var(--muted);font-size:var(--text-support)}.playground-scene{position:relative;height:clamp(440px,calc(100svh - 320px),760px);overflow:hidden;isolation:isolate;border:1px solid #514c6b;border-radius:20px;background:radial-gradient(ellipse at 52% 64%,#8275ad38,transparent 48%),linear-gradient(180deg,#111322,#292a46 45%,#514460 72%,#202a35);touch-action:pan-y}.playground-scene-footer,.playground-scene-label{position:absolute;z-index:1;left:28px;right:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;color:var(--muted);pointer-events:none}.playground-scene-label{top:24px}.playground-scene-label span:first-child{color:#d4c9ee}.playground-scene-footer{bottom:24px}.playground-canvas,.playground-fallback{position:absolute;inset:0;pointer-events:none}.playground-canvas{opacity:0}.playground-canvas canvas{display:block;width:100%;height:100%}.playground-scene[data-renderer=webgl] .playground-canvas{opacity:1}.playground-scene[data-renderer=webgl] .playground-fallback{visibility:hidden}.playground-live-label,.playground-scene[data-renderer=webgl] .playground-preview-label{display:none}.playground-scene[data-renderer=webgl] .playground-live-label{display:inline}.playground-fallback{display:flex;justify-content:center;align-items:center;font-family:var(--font-heading),sans-serif;font-size:clamp(20px,3vw,32px);line-height:1;letter-spacing:-.025em;color:#d4c9ee}.playground-scene[data-renderer=unavailable] .playground-loading,.playground-unavailable{display:none}.playground-scene[data-renderer=unavailable] .playground-unavailable{display:inline}.playground-fireflies,.playground-garden{position:absolute;inset:0;overflow:hidden;pointer-events:none}.playground-garden{transform:translate(var(--garden-x,0),var(--garden-y,0)) scale(1.06)}.playground-moon{position:absolute;width:clamp(34px,5vw,60px);aspect-ratio:1;top:15%;left:74%;border-radius:50%;background:#ece9ff;opacity:.8;box-shadow:0 0 38px 12px #c2b5ee26,0 0 120px 50px #bca3e51a}.playground-trees{position:absolute;inset:0;background:url(/images/twilight-garden.svg) bottom/100% 100% no-repeat}.playground-mist{position:absolute;inset:30% -10% -10%;background:radial-gradient(ellipse at 25% 60%,#b8a9d52b,transparent 43%),radial-gradient(ellipse at 78% 70%,#9daed126,transparent 40%),radial-gradient(ellipse at 50% 100%,#11182799,transparent 65%);filter:blur(14px)}.playground-fireflies{z-index:1}.playground-fireflies span{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#e4edb1;box-shadow:0 0 8px 3px #dceaa53d;opacity:.4;animation:playground-firefly var(--duration) var(--delay) ease-in-out infinite alternate}@keyframes playground-firefly{0%,to{opacity:.15;transform:translateZ(0)}45%{opacity:.75}70%{opacity:.3;transform:translate3d(12px,-22px,0)}}.playground-help{max-width:80ch;margin-top:16px;color:var(--muted);font-size:var(--text-support)}.playground-static-help{display:none}@media (max-width:720px){.playground{padding-top:28px}.playground-home{padding-block:44px}.playground-heading{display:block;margin-bottom:22px}.playground-heading>p{margin-top:14px}.playground-scene{height:clamp(420px,62svh,620px);border-radius:14px}.playground-scene-footer,.playground-scene-label{left:18px;right:18px;font-size:9px;letter-spacing:.7px}.playground-scene-label{top:18px}.playground-scene-footer{bottom:18px}}@media (prefers-reduced-motion:reduce){.playground-fireflies span{animation:none}.playground-motion-help{display:none}.playground-static-help{display:inline}}