:root{color-scheme:dark;font-family:Arial,"Microsoft YaHei",sans-serif;background:#120b10;color:#fff3e8}*{box-sizing:border-box}body{margin:0}.studio{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:#110b0e}.studio::before{content:"";position:absolute;z-index:-2;inset:-40px;background:linear-gradient(#0d080b80,#0d080bbf),url('assets/studio-cover.png') center/cover;filter:blur(30px);transform:scale(1.05)}.studio::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0a07091a,transparent 30%,transparent 70%,#0a070966)}.scene{position:relative;width:min(100vw,177.683315svh);aspect-ratio:1672/941;flex:none;box-shadow:0 25px 100px #0005}.scene-image{display:block;width:100%;height:100%;user-select:none;pointer-events:none}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.browse-hotspot{position:absolute;left:59.65%;top:43.15%;width:10.85%;height:6.25%;border-radius:999px;background:transparent;outline:none;transition:box-shadow .25s,background .25s}.browse-hotspot:hover,.browse-hotspot:focus-visible{background:#ff8a5722;box-shadow:0 0 20px #ff543a90,inset 0 0 15px #ff987240;outline:2px solid #ffe0bd;outline-offset:3px}.browse-hotspot:active{background:#ffac6644}.robot-hotspot{position:absolute;left:20.9%;top:46%;width:16.4%;height:35.5%;border:none;background:none;cursor:pointer;border-radius:45%;touch-action:manipulation}.robot-hotspot:focus-visible{outline:2px dashed #ffd0a2;outline-offset:5px}.motion-control{position:fixed;right:20px;bottom:16px;z-index:5;background:#160c10bb;border:1px solid #fba47c40;color:#ffe8d9ba;padding:9px 14px;border-radius:20px;font-size:12px;cursor:pointer;backdrop-filter:blur(12px)}.motion-control:hover{color:#fff3e8;border-color:#ffb796}.motion-control:focus-visible{outline:2px solid #ffbc85;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-entry{display:none}@media(max-aspect-ratio:4/5){.studio{justify-content:center;padding:60px 0 90px;gap:32px}.scene{width:100vw}.mobile-entry{display:flex;flex-direction:column;align-items:center;gap:18px}.mobile-entry p{font-size:14px;letter-spacing:2px;color:#e6c0b5;margin:0}.mobile-entry a{display:flex;align-items:center;justify-content:space-between;gap:60px;color:#fff0e3;text-decoration:none;font-size:18px;padding:13px 28px;border:1px solid #ff8c69;border-radius:999px;background:#57232155;box-shadow:0 0 20px #fc61342b}.mobile-entry a:focus-visible{outline:2px solid #ffe0bd;outline-offset:5px}.mobile-entry small{font-size:12px;color:#cba598}.browse-hotspot{min-height:24px}.motion-control{bottom:16px;right:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}