:root{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;color:#76545b;background:#fff9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100dvh;min-height:560px;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid #b87686;outline-offset:5px}header{height:80px;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:3;pointer-events:none}header>*{pointer-events:auto}.brand{color:#76545b;text-decoration:none;font-size:19px;font-weight:600;letter-spacing:3px}.icon-button{border:0;border-radius:50%;background:transparent;width:42px;height:42px;padding:10px;display:grid;place-items:center}.icon-button:hover{background:#f5e9e6}.icon-button svg{width:20px;height:20px}.icon-button span{display:none}main{height:100%;display:flex;flex-direction:column}.intro{display:none}#stage{flex:1;min-height:370px;position:relative;touch-action:none;cursor:grab;outline-offset:-12px}#stage:active{cursor:grabbing}#world{width:100%;height:100%;display:block}#bubble{position:absolute;top:25%;left:calc(50% + 135px);font-size:21px;white-space:nowrap;color:#a4747c;transform:rotate(6deg);pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}#bubble.visible{opacity:1}#loading{position:absolute;inset:45% 0 auto;text-align:center;font-size:14px;color:#98757b}footer{text-align:center;padding:0 24px 28px;position:relative;z-index:2}.interaction-hint{font-size:13px;color:#ae9397;letter-spacing:1px;margin-bottom:19px}.controls{display:inline-flex;align-items:center;gap:22px}.divider{height:22px;width:1px;background:#eaddd8}.camera-button{border:0;background:#98616c;color:#fff9f6;border-radius:99px;padding:12px 19px;font-size:13px;display:flex;align-items:center;gap:9px;transition:background .12s,transform .12s}.camera-button:hover{background:#85515c}.camera-button svg{width:17px;height:17px}.camera-button:disabled{opacity:.6;cursor:wait}.camera-button:active{transform:scale(.97)}.reset{color:#b18e94}.privacy{font-size:12px;color:#a78c91;line-height:1.6;margin:14px auto 0;max-width:440px;min-height:19px}.privacy:empty{min-height:0;margin:0}#camera-panel{position:fixed;bottom:120px;right:25px;width:190px;height:147px;border-radius:18px;overflow:hidden;background:#352a2d;z-index:5;border:4px solid #fff;box-shadow:0 8px 28px #775a5f18}#camera-video,#hand-overlay{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#camera-status{position:absolute;bottom:6px;left:7px;right:7px;background:#352a2dcc;color:white;font-size:11px;text-align:center;padding:5px;border-radius:7px}#close-camera{position:absolute;top:4px;right:5px;border:0;border-radius:50%;color:#fff;background:#352a2d90;font-size:22px;width:27px;height:27px}#hand-cursor{position:absolute;border:2px solid #be8b96;background:#eab9c030;border-radius:50%;width:35px;height:35px;pointer-events:none;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media(max-width:600px){header{height:70px;padding:20px 23px}.brand{font-size:17px}#stage{min-height:390px}#bubble{left:auto;right:14%;top:20%;font-size:18px}.controls{gap:17px}.camera-button{padding:12px 16px}footer{padding:0 18px 28px}.interaction-hint{font-size:12px}#camera-panel{bottom:auto;top:80px;right:12px;width:120px;height:94px}#camera-status{font-size:10px;padding:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#poster{position:absolute;left:50%;top:50%;width:min(54vw,380px);height:auto;transform:translate(-50%,-50%);pointer-events:none}#loading{inset:auto 0 16%;font-size:14px}#retry{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);border:0;border-radius:20px;padding:10px 18px;background:#98616c;color:white}body{height:100vh;height:100dvh}button{touch-action:manipulation}@supports(padding:max(0px)){footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}}

.characters{display:flex;gap:10px;align-items:center}.character{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:3px;border:1px solid #ecdcd8;border-radius:50%;background:#fff2ec;transition:transform .15s,box-shadow .15s;overflow:hidden}.character img{width:36px;height:36px;object-fit:contain}.character.active{border-color:#b87985;box-shadow:0 0 0 2px #fff9f6,0 0 0 3px #b87985;transform:scale(1.04)}.character:hover{background:#f6e7e6}.character[aria-busy="true"]{opacity:.5}@media(max-width:600px){.controls{gap:13px}.characters{gap:9px}.character{width:40px;height:40px;flex-basis:40px}.character img{width:33px;height:33px}.camera-button{padding:11px 13px}}

.sound[aria-pressed="false"]{opacity:.38}#poster{width:min(72vw,340px);max-height:57vh;object-fit:contain}@media(max-width:600px){#poster{width:min(70vw,270px)}}

.sound{width:auto;min-width:100px;border-radius:22px;display:flex;justify-content:center;gap:6px;background:#f5e9e6}.sound .sound-label{display:inline;font-size:12px;white-space:nowrap}.sound[aria-pressed="false"]{opacity:1}
.camera-button{white-space:nowrap;flex-shrink:0}
@media(max-width:360px){.controls{gap:8px}.characters{gap:6px}.camera-button{font-size:12px;padding:11px 10px;gap:6px}.reset{width:32px;padding:6px}}