:root{color-scheme:dark;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;background:#06080d;color:#f6efe4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}.stage-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:100vh;background:radial-gradient(circle at 72% 20%,rgba(238,180,122,.14),transparent 28%),linear-gradient(140deg,#050812,#11151f 47%,#150b14)}.viewer{position:relative;min-height:100vh;overflow:hidden;cursor:grab}.viewer:active{cursor:grabbing}#panorama,.actor-layer{position:absolute;inset:0;width:100%;height:100%;display:block}.actor-layer{opacity:0;pointer-events:none;z-index:0}.water-shimmer{position:absolute;inset:auto 0 0;height:38%;z-index:1;pointer-events:none;background:linear-gradient(96deg,transparent 0 22%,rgba(255,226,174,.18) 25%,transparent 28% 58%,rgba(122,219,219,.13) 61%,transparent 64%),linear-gradient(0deg,rgba(5,8,13,.62),transparent 72%);mix-blend-mode:screen;animation:drift 7s ease-in-out infinite alternate}.subtitles{position:absolute;left:clamp(16px,5vw,72px);right:clamp(16px,5vw,72px);bottom:32px;z-index:4;display:flex;justify-content:center;pointer-events:none}.subtitles p{max-width:680px;margin:0;padding:14px 20px;border:1px solid rgba(246,239,228,.2);border-radius:8px;background:#070a109e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #00000052;color:#fff7e8;letter-spacing:0}.controls{z-index:5;display:flex;flex-direction:column;gap:22px;padding:32px 28px;border-left:1px solid rgba(246,239,228,.12);background:#06080dbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 8px;color:#9ed7d1;font-size:12px;text-transform:uppercase;letter-spacing:.12em}h1{margin:0;font-size:22px;line-height:1.35;font-weight:500}label{display:grid;gap:9px;color:#f6efe4d6}input[type=range]{width:100%;accent-color:#b95765}select,button{min-height:40px;border:1px solid rgba(246,239,228,.16);border-radius:8px;background:#ffffff14;color:#f6efe4}button{cursor:pointer}button:hover,select:hover{background:#ffffff21}.status{margin:auto 0 0;color:#f6efe4a8;font-size:13px;line-height:1.5}.fallback-actor{--hair: #263c56;--skin: #f5c7b5;--accent: #cf5b73;position:absolute;right:16%;bottom:10%;z-index:3;width:min(30vw,280px);min-width:176px;aspect-ratio:.58;pointer-events:none;filter:drop-shadow(0 34px 40px rgba(0,0,0,.34));animation:actorBreathe 4.6s ease-in-out infinite}.fallback-actor[hidden]{display:none}.hair,.face,.body,.tail{position:absolute;left:50%;transform:translate(-50%)}.hair{top:2%;width:76%;height:48%;border-radius:52% 48% 45% 45%;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.14),transparent 18%),linear-gradient(150deg,var(--hair),#101827)}.face{top:15%;width:48%;height:30%;border-radius:45% 45% 48% 48%;background:var(--skin)}.eye{position:absolute;top:42%;width:8px;height:14px;border-radius:999px;background:#20161a}.eye.left{left:30%}.eye.right{right:30%}.mouth{position:absolute;left:50%;bottom:24%;width:22px;height:8px;border-bottom:2px solid #8e4250;border-radius:0 0 999px 999px;transform:translate(-50%)}.body{top:42%;width:58%;height:34%;border-radius:42% 42% 20% 20%;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 32%),var(--accent)}.tail{bottom:0;width:74%;height:34%;border-radius:20% 20% 52% 48%;background:radial-gradient(circle at 64% 46%,rgba(255,255,255,.18),transparent 18%),linear-gradient(160deg,#73c4c5,#24495a 55%,#122034);clip-path:polygon(50% 0,84% 26%,72% 100%,50% 78%,27% 100%,16% 26%)}@keyframes drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes actorBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:860px){body{overflow:auto}.stage-shell{grid-template-columns:1fr}.viewer{min-height:70vh}.controls{border-left:0;border-top:1px solid rgba(246,239,228,.12)}.fallback-actor{right:6%;width:min(42vw,240px)}}