:root{--ui-text:var(--experiments-colors-ceeece6);--ui-muted:var(--experiments-colors-ca7aab6);--ui-accent:var(--experiments-colors-cd5c5e6);--ui-panel:var(--experiments-colors-c141721e8)}
html,body,main{background:var(--experiments-colors-c0c1019)}header .prototype{margin-left:auto;font-size:9px;letter-spacing:1.6px;color:var(--ui-muted)}
.intro,body:not(.playing) .intro{top:auto;bottom:19%;left:6%;max-width:340px}.intro h1{font-size:clamp(42px,4.4vw,68px);line-height:1.02}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}.intro>p:last-child{font-size:12px}
.dock #pause,.dock #reset{width:auto;min-width:94px;gap:9px;padding:0 15px;border-radius:30px;font-size:12px}.dock #pause{background:var(--experiments-colors-cffffff0b)}.dock button{height:44px}canvas{cursor:grab}body.dragging canvas{cursor:grabbing}#message{font-size:12px;bottom:91px;padding:0 22px;line-height:1.6}.intro{transition:opacity .65s}.playing .intro{opacity:0}aside[hidden]{display:none}
@media(max-width:750px){header .prototype{font-size:7px;letter-spacing:1px}.intro,body:not(.playing) .intro{left:25px;bottom:auto;top:16%;max-width:300px}.intro h1{font-size:44px}.intro .eyebrow{margin-bottom:15px}.intro>p:last-child{font-size:11px}.dock #pause,.dock #reset{min-width:100px}.status{display:none}}
@media(prefers-reduced-motion:reduce){.intro{transition:none}}

.intro{text-shadow:0 2px 12px var(--experiments-colors-c050912),0 0 26px var(--experiments-colors-c050912)}.intro>p:last-child,.intro .eyebrow{color:var(--experiments-colors-cd2d5df)}

[hidden]{display:none!important}.palettes{display:flex;align-items:center}.divider{width:1px}.dock #pause,.dock #reset{min-width:78px;padding:0 10px}.dock .palette{color:var(--ui-muted)}header{gap:12px}#fullscreen{flex-shrink:0}
@media(max-width:750px){header .prototype{display:none}#fullscreen{margin-left:auto}.dock #pause,.dock #reset{min-width:44px;width:44px;padding:0}.dock #pause span,.dock #reset span{display:none}.dock .palette{padding:0 11px}footer{bottom:max(20px,env(safe-area-inset-bottom))}}

header .back{margin-left:auto}#fullscreen{margin-left:0}@media(max-width:370px){header{gap:7px}.back{font-size:10px}}