:root{color:#fff7db;font-synthesis:none;text-rendering:optimizelegibility;background:#efae65;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,canvas{-webkit-tap-highlight-color:transparent}.playground{isolation:isolate;background:radial-gradient(circle at 50% 20%,#f9cf84 0%,#0000 48%),#efae65;width:100%;height:100%;position:relative}.playground:after{z-index:2;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 -15vh 18vh #5d2b251f,inset 0 0 10vw #6b34261c}.scene{z-index:1;position:absolute;inset:0}.scene canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.scene canvas:active{cursor:grabbing}.title-card{z-index:3;text-align:center;text-shadow:0 2px 18px #582b203d;-webkit-user-select:none;user-select:none;pointer-events:none;width:max-content;max-width:calc(100vw - 2rem);padding:.65rem 1rem .72rem;position:absolute;top:clamp(1.4rem,4vw,3rem);left:50%;transform:translate(-50%)}.eyebrow{color:#673326b8;letter-spacing:.22em;text-transform:uppercase;margin:0 0 .28rem;font-size:.67rem;font-weight:850}.title-card h1{color:#fff6d7;letter-spacing:-.025em;margin:0;font-size:clamp(.95rem,2.5vw,1.25rem);font-weight:760}.title-card h1 span{color:#6e36288c;margin-inline:.18em;display:inline-block}.touch-note{z-index:3;bottom:max(1.1rem, env(safe-area-inset-bottom));color:#fff4d3a3;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-size:.67rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}@media (height<=520px){.title-card{top:.45rem}.touch-note{bottom:.55rem}}@media (prefers-reduced-motion:reduce){.playground:after{box-shadow:inset 0 -12vh 16vh #5d2b251a}}