.play-main{max-width:1280px}.play-intro{padding:65px 0 35px}.play-intro h1{font-size:clamp(45px,6.5vw,84px)}.play-privacy{display:flex;gap:16px;align-items:center;padding:22px 26px}.play-privacy>div{flex:1}.play-privacy p{font-size:12px;margin:6px 0 0}.play-privacy button{font-size:11px}.experience-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0}.experience-menu button{border-radius:22px;padding:15px 10px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;background:#ffffff20;border:1px solid #ffffff70;transition:transform .6s,background .6s}.experience-menu button svg{width:58px;height:58px;color:#9987b7;transition:transform .7s}.experience-menu button:nth-child(3) svg{color:#be9e60}.experience-menu button:nth-child(5) svg{color:#75a494}.experience-menu button span{font-size:11px;letter-spacing:0;line-height:1.4;min-height:31px}.experience-menu button:hover svg{transform:translateY(-4px) rotate(-6deg)}.experience-menu button[aria-pressed=true]{background:#ffffff80;box-shadow:0 10px 30px #77728712;transform:translateY(-3px)}.studio{padding:35px;scroll-margin-top:20px}.studio-heading{display:flex;gap:25px;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.studio-heading h2{font-size:clamp(32px,4vw,49px);margin:15px 0}.studio-heading p{font-size:14px;margin:0;max-width:500px}.gesture-badge{font-size:9px;letter-spacing:1.3px;border:1px solid #ffffffa0;border-radius:30px;padding:9px 14px;white-space:nowrap;margin-top:4px}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.expression-art{height:390px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(150deg,#e5d8d2,#cbc3e4,#b6cddd);isolation:isolate;box-shadow:inset 0 0 50px #ffffff40;border:1px solid #fff7}.expression-controls .choice-grid{margin:15px 0 24px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-grid button{font-size:12px;line-height:1.45;min-height:44px;border-color:#ffffffa0;padding:11px 16px;text-align:left;transition:background .4s,transform .4s}.choice-grid button:hover{background:#fff8}.choice-grid button[aria-pressed=true]{background:#41485f;color:#fff;border-color:transparent}.slider-label{font-size:12px;margin:24px 0;display:block}.slider-label span{display:block;margin-bottom:10px}.slider-label input{height:25px;padding:0;background:none;border:0;accent-color:#7c6c99}.art-words{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px 25px;text-align:center;gap:10px;z-index:3}.art-words small{font-size:9px;letter-spacing:2px}.art-words strong{font:400 30px/1.2 Outfit,Arial;letter-spacing:-.03em;text-wrap:balance}.carry{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px;margin-top:35px;background:#ffffff35}.carry h2{font-size:38px}.carry p{font-size:14px;max-width:420px}.carry .button{margin-top:20px}.optional-note{margin:20px 0;font-size:12px}.optional-note summary{cursor:pointer}.optional-note textarea{min-height:90px;font-size:14px}.response-note{background:#ffffff50;padding:20px;border-radius:20px;font-size:14px;line-height:1.8;margin:20px 0}.response-note:empty{display:none}.weather-world{background:radial-gradient(ellipse at 25% 20%,#fff7,var(--weather-color,#ead49e));transition:background 1.5s}.weather-sun{position:absolute;top:45px;left:calc(50% - 48px);width:96px;height:96px;background:#ffefbc;border-radius:50%;box-shadow:0 0 60px #fff5ccaa;transform:scale(var(--room,1));transition:transform 1s}.weather-cloud{position:absolute;width:180px;height:85px;border-radius:50%;filter:blur(14px);background:#ffffff85;animation:cloud-drift var(--energy,17s) ease-in-out infinite alternate}.weather-cloud.c1{top:100px;left:-10px}.weather-cloud.c2{top:65px;right:-20px;animation-delay:-7s;background:#d7d6ed99}.weather-horizon{position:absolute;inset:53% -15% -20%;border-radius:50% 60% 0 0;background:linear-gradient(#b6c3ce80,#aab6ce);transform:rotate(-8deg)}.weather-world .art-words{justify-content:flex-end}.lens-world{--reveal:0%;background:#d5d7e1}.lens-original,.lens-reveal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:35px;text-align:center}.lens-original{background:radial-gradient(ellipse at 20% 10%,#c8d0de,#bbaed0)}.lens-reveal{background:radial-gradient(ellipse at 75% 15%,#fff1c7,#c5ddd5);clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.lens-world small{font-size:9px;letter-spacing:2px}.lens-world strong{font:400 34px/1.2 Outfit,Arial;letter-spacing:-1px}.lens-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#ffffffb0;box-shadow:0 0 15px #fff8;pointer-events:none}.lens-divider span{position:absolute;top:calc(50% - 20px);left:-20px;width:40px;height:40px;border:1px solid #fff8;border-radius:50%;background:#ffffff88;display:grid;place-items:center;font-size:18px;backdrop-filter:blur(8px)}.rehearsal-world{background:radial-gradient(ellipse at 50% 20%,#eee0ba,#cac5de 70%)}.rehearsal-door{width:150px;height:170px;margin:25px auto;color:#af9ac8;transition:filter 1s,transform 1s}.rehearsal-door svg{width:100%;height:100%}.rehearsal-world.door-open .rehearsal-door{filter:drop-shadow(0 0 30px #fff7be);transform:scale(1.08)}.rehearsal-world .art-words strong{font-size:25px}.practice-world{background:linear-gradient(160deg,#f5dcb1,#c6c3de);transition:background 1s}.practice-world[data-place=Water]{background:linear-gradient(140deg,#c3e7e0,#9eb5d7)}.practice-world[data-place=Twilight]{background:linear-gradient(140deg,#c9b4d8,#869db9)}.film-orb{position:absolute;top:15%;left:25%;width:50%;aspect-ratio:1;border-radius:45% 55% 54% 46%;background:radial-gradient(circle at 30% 20%,#fff9,#e7d2f2a0,#f6deafaa);box-shadow:0 0 60px #fff6;animation:film-float 13s ease-in-out infinite alternate}.practice-world .art-words strong{font-size:26px}.garden-world{background:radial-gradient(ellipse at 40% 5%,#f8e5be,transparent),linear-gradient(#c7d8cf,#98bcb1)}.garden-world:after{content:'';position:absolute;inset:50% -20% -20%;background:#83aa9980;border-radius:50%;z-index:-1;transform:rotate(-10deg)}.garden-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:13px}.garden-empty svg{width:130px;color:#699f8b}.garden-flower{position:absolute;transform:translate(-50%,-50%);background:#fff2;border-color:#fff4;width:60px;height:66px;padding:0;color:#648b7b;font-size:45px;transition:transform .7s,color .7s;line-height:1}.garden-flower.bloomed{color:#8e6c99;background:#fff3;transform:translate(-50%,-50%) scale(1.14)}.garden-flower:hover{box-shadow:0 0 25px #fff5}.plant-list{max-height:180px;overflow:auto;margin:18px 0}.plant-list>div{display:flex;align-items:center;gap:10px;font-size:11px;border-bottom:1px solid #fff6;padding:6px 0}.plant-list span{flex:1}.plant-list button{padding:5px 10px;font-size:16px}.cinema-world{background:linear-gradient(#555b7a,#aaa7c2);color:#fff9e8}.cinema-door{position:absolute;left:calc(50% - 42px);top:48px;width:84px;height:150px;border-radius:44px 44px 0 0;background:linear-gradient(#fff2c5,#ddc7dc);box-shadow:0 0 40px #f5dfbb66;transition:filter .8s}.cinema-reflection{position:absolute;top:200px;left:calc(50% - 42px);width:84px;height:65px;background:linear-gradient(#f8dfbb80,transparent);filter:blur(5px);transform:skewX(-20deg)}.cinema-beam{position:absolute;inset:20px 10% 110px;background:conic-gradient(from 160deg at 50% 0%,transparent,#fff2ce33 20deg,transparent 40deg);opacity:.7}.cinema-world[data-symbol=Door] .cinema-door{filter:brightness(1.3);outline:1px solid #fff8;outline-offset:7px}.cinema-world[data-symbol=Reflection] .cinema-reflection{filter:blur(1px);background:linear-gradient(#ffeacbbb,transparent)}.cinema-world[data-symbol=Light] .cinema-beam{opacity:1;background:#ffeacb33;filter:blur(45px)}.scene-running .cinema-door{animation:cinema-open 12s ease-in-out both}.scene-running .cinema-beam{animation:cinema-light 12s ease-in-out both}.cinema-world .art-words strong{font-size:25px}@keyframes cloud-drift{to{transform:translateX(50px) scale(1.25)}}@keyframes film-float{to{transform:rotate(20deg) scale(1.1);border-radius:56% 44% 40% 60%}}@keyframes cinema-open{0%{transform:scale(.85);opacity:.4}50%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes cinema-light{0%{opacity:.1}65%{opacity:1}100%{opacity:.7}}@media(max-width:800px){.experience-menu{grid-template-columns:repeat(3,1fr)}.studio-grid{grid-template-columns:1fr}.studio-heading{display:block}.gesture-badge{display:inline-block;margin-top:20px}.expression-art{height:340px}.carry{grid-template-columns:1fr;gap:15px}.play-privacy{flex-wrap:wrap}.play-privacy>div{flex-basis:100%}.studio{padding:24px}.studio-grid{gap:20px}.experience-menu button span{min-height:0;font-size:10px}.experience-menu button svg{width:48px;height:48px}.play-intro{padding-top:35px}.carry{padding:25px}.lens-world strong{font-size:29px}.art-words strong{font-size:26px}.rehearsal-door{height:135px;width:125px}.play-intro h1{font-size:clamp(43px,8vw,65px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.lens-world{touch-action:none;cursor:ew-resize}
/* Wide touch targets, a visible thumb, and tap controls for fine adjustments. */
.slider-touch-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center;min-height:56px;margin-top:8px}.slider-touch-row button{width:48px;height:48px;padding:0;border-radius:50%;background:#ffffff80;border:1px solid #fff;font-size:23px;line-height:1;touch-action:manipulation}.slider-label .slider-touch-row input{appearance:none;-webkit-appearance:none;width:100%;height:52px;min-width:0;margin:0;cursor:ew-resize;touch-action:pan-y;background:transparent}.slider-touch-row input::-webkit-slider-runnable-track{height:10px;border-radius:20px;background:linear-gradient(90deg,#b5cfe0,#b6a5d1);box-shadow:inset 0 1px 3px #56627c20}.slider-touch-row input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin-top:-11px;border-radius:50%;background:#fff8ee;border:3px solid #9680b1;box-shadow:0 3px 12px #52587930}.slider-touch-row input::-moz-range-track{height:10px;border-radius:20px;background:linear-gradient(90deg,#b5cfe0,#b6a5d1)}.slider-touch-row input::-moz-range-thumb{width:26px;height:26px;border:3px solid #9680b1;border-radius:50%;background:#fff8ee;box-shadow:0 3px 12px #52587930}.slider-touch-row input:active::-webkit-slider-thumb{background:#e5d7f2}.garden-flower{width:67px;height:83px;background:transparent;border:0;padding:0;box-shadow:none!important}.garden-flower svg{width:100%;height:100%;filter:saturate(.65);transform:scale(.8);transition:transform .7s,filter .7s}.garden-flower.bloomed{background:transparent;transform:translate(-50%,-50%)}.garden-flower.bloomed svg{filter:saturate(1.2) drop-shadow(0 3px 8px #d894b466);transform:scale(1)}.garden-flower:hover svg{filter:saturate(1.2)}@media(max-width:700px){.slider-touch-row{gap:9px}.slider-label{margin:26px 0}.lens-divider span{width:48px;height:48px;left:-24px;top:calc(50% - 24px);font-size:23px}.garden-flower{width:59px;height:75px}}@media(prefers-reduced-motion:reduce){.garden-flower svg{transition:none}}