.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px}.palette-controls{display:flex;align-items:center;gap:10px}.palette-label{font-size:12px;color:#aaa;margin-right:6px}.palette-option{display:flex;gap:4px;align-items:center;padding:10px;border:1px solid transparent;border-radius:30px;background:transparent;min-height:44px;transition:border-color .2s}.palette-option:hover{border-color:#777}.palette-option.active{border-color:var(--paper)}.palette-option span{width:14px;height:14px;border-radius:50%}.play canvas{cursor:crosshair}@media(max-width:750px){.play-toolbar{gap:16px}.palette-controls{gap:5px}.palette-label{margin-right:3px}}.galaxy-wrap{height:480px;background:#0b0d18;border:1px solid #ffffff20;border-radius:4px}.galaxy-wrap .canvas-caption{color:#c5c7dc;bottom:20px}.galaxy-note{position:absolute;right:20px;bottom:20px;font-size:10px;letter-spacing:1px;color:#9b9db5;pointer-events:none}@media(max-width:750px){.galaxy-wrap{height:360px}.galaxy-note{display:none}.galaxy-wrap .canvas-caption{font-size:9px;left:16px}}.nebula-wrap{border-radius:28px;background:#0b0d18;isolation:isolate}.nebula-wrap:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/images/nebula.jpg.webp) center/cover no-repeat;transition:filter .6s}.nebula-palette-1:before{filter:hue-rotate(25deg) saturate(.85)}.nebula-palette-2:before{filter:hue-rotate(305deg) saturate(1.15)}.nebula-wrap:after{content:"";position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#080917b3);z-index:0}.nebula-wrap .canvas-caption,.nebula-wrap .galaxy-note{z-index:1;color:#eee}.nebula-wrap:before{transform:translate(var(--nebula-x,0%),var(--nebula-y,0%)) scale(var(--nebula-scale,1.12));transform-origin:center}.nebula-wrap canvas{position:relative;z-index:1}.nebula-wrap .canvas-caption,.nebula-wrap .galaxy-note{z-index:2}.cursor-follower .cursor-message{width:auto;height:auto;margin:0;border-radius:0;background:none;font:500 12px/1.3 DM Sans,sans-serif;letter-spacing:-.02em;text-align:center;color:var(--ink);opacity:0;transform:none;padding:12px}.cursor-follower .cursor-ball{display:flex;align-items:center;justify-content:center;transition:width .3s,height .3s,margin .3s,background .3s,transform .25s}.cursor-follower.is-galaxy{mix-blend-mode:normal}.cursor-follower.is-galaxy .cursor-ball{width:112px;height:112px;margin:-56px 0 0 -56px;background:var(--lime);transform:scale(1);box-shadow:0 0 35px #d6fa4526}.cursor-follower.is-galaxy .cursor-message{opacity:1}.play .nebula-wrap canvas{cursor:none}@media(hover:none),(pointer:coarse){.play .nebula-wrap canvas{cursor:auto}}@media(hover:hover)and (pointer:fine){.nebula-wrap,.nebula-wrap *{cursor:none}}@media(prefers-reduced-motion:reduce){.nebula-wrap,.nebula-wrap *{cursor:auto}}.nebula-wrap{box-shadow:0 0 24px 2px #b565d91a,0 0 55px 8px #729aff0d;border-color:#d9b7ef33}.play-hint-touch,.nebula-touch-target{display:none}.sr-play-message{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nebula-touch-ball{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:112px;height:112px;padding:12px;border-radius:50%;background:var(--lime);color:var(--ink);font:500 12px/1.3 DM Sans,sans-serif;text-align:center;pointer-events:none;animation:touch-ball-enter .25s ease-out both}@keyframes touch-ball-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(hover:none),(pointer:coarse){.play-hint-desktop{display:none}.play-hint-touch{display:inline}.nebula-touch-target{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent;touch-action:pan-y}.nebula-wrap .canvas-caption{z-index:3}}