.paper{display:none}.scene{position:relative;isolation:isolate}.scene .background{position:relative;z-index:0}.person{position:absolute;z-index:2;transform-origin:50% 90%;pointer-events:none}.person video,.person .character{display:block;width:100%;height:auto;pointer-events:none}.person-lobby{left:18.5%;top:37%;width:13.2%}.person-teller{left:45.5%;top:32.8%;width:12%;height:25%;overflow:hidden}.person-teller video{width:100%}.person-manager{left:69.4%;top:38%;width:13.4%}.person-hit{position:absolute;border:0;background:transparent;inset:5% 18% 3%;padding:0;pointer-events:auto;cursor:pointer;border-radius:45% 45% 20% 20%}.person-teller .person-hit{inset:5% 14% 35%}.person-hit:focus-visible{outline:3px solid #a8442f;outline-offset:5px;background:#fff2d51a}.person-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:5px;padding:5px 9px;font:12px "Microsoft YaHei",sans-serif;color:#f8e8d2;background:#485c66;box-shadow:0 2px 3px #49372d22;opacity:0;transition:opacity .16s}.person-hit:hover .person-label,.person-hit:focus-visible .person-label{opacity:1}.person-teller .person-label{top:75%}.counter-mask{position:absolute;z-index:3;left:43%;top:45.5%;width:18%;height:18%;overflow:hidden;pointer-events:none}.scene .counter-mask img{position:absolute;width:555.556%;height:555.556%;left:-238.889%;top:-252.778%;max-width:none}.bubble{position:absolute;z-index:6;width:min(29%,400px);padding:23px 25px 19px;border-radius:18px 21px 16px 20px;background:#fbecd5;color:#49392e;box-shadow:0 12px 26px #46301c35,inset 0 0 0 1px #e0c39c;pointer-events:auto;animation:bubble-in .2s ease-out}.bubble[hidden]{display:none}.bubble::after{content:"";position:absolute;width:20px;height:20px;bottom:-8px;left:35%;transform:rotate(45deg);background:#fbecd5;box-shadow:2px 2px 1px #c8ab8633}.bubble h2{font:400 clamp(19px,1.8vw,26px)/1.3 "STKaiti","KaiTi",serif;margin:0 26px 13px 0}.bubble p{font:clamp(12px,1vw,15px)/1.8 "Microsoft YaHei",sans-serif;margin:0 0 10px}.bubble strong{color:#943c2b;font-weight:600}.close-bubble{position:absolute;right:12px;top:9px;padding:5px;border:0;background:none;color:#785847;cursor:pointer;font-size:24px;line-height:1}.close-bubble:focus-visible{outline:2px solid #a8442f}.bubble[data-bubble=lobby]{left:8%;bottom:62%}.bubble[data-bubble=teller]{left:37%;bottom:68%}.bubble[data-bubble=manager]{right:6%;bottom:61%}.scene-hint{position:absolute;bottom:1.7%;left:50%;transform:translateX(-50%);font:12px "Microsoft YaHei",sans-serif;white-space:nowrap;color:#614e3e}.person.is-active .character{transform:translateY(-2px);transition:transform .18s}.person.is-active video{filter:drop-shadow(0 2px 1px #4b302622)}@keyframes bubble-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.scene-hint{font-size:10px;bottom:1%}.person-hit{inset:0 -5%;min-width:44px;min-height:44px;border-radius:8px}.person-teller .person-hit{inset:0 -5% 25%}.person-label{display:none}.bubble{position:relative;inset:auto!important;width:auto;margin:8px 5% 18px;padding:23px 24px;animation:none}.bubble::after{display:none}.bubble p{font-size:14px;line-height:1.9}.bubble h2{font-size:25px}.person-lobby{width:13.2%}.counter-mask{z-index:3}.scene:has(.bubble:not([hidden])) .scene-hint{display:none}}@media(prefers-reduced-motion:reduce){.bubble{animation:none}.person.is-active .character{transform:none}.person-label{transition:none}}
.stage{position:relative}