@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#414939;background:#f5f0e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bd7e45;outline-offset:5px}#app{height:100svh;min-height:640px;position:relative;overflow:hidden}#world{position:absolute;width:100%;height:100%;inset:0;outline:none;touch-action:none}header{position:absolute;top:32px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:13px;text-decoration:none;color:inherit;font-size:21px;letter-spacing:2px;font-weight:700;align-items:center}.brand-icon{font-size:45px;font-weight:400;color:#889271}.brand small{font-size:10px;letter-spacing:2.5px;font-weight:500;display:block;margin-top:6px}.header-right{display:flex;align-items:center;gap:14px;font-size:13px}.header-right small{display:block;font-size:11px;color:#929180;margin-top:5px}.sun{font-size:31px;color:#c49451}.round{height:43px;width:43px;border:1px solid #dcdacb;background:#ffffff60;border-radius:50%;margin-left:13px;font-size:22px}.round.lang{font-size:13px;font-weight:600;letter-spacing:1px}.intro{position:absolute;left:5%;top:22%;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2px;color:#8a8c72;display:flex;align-items:center;gap:8px}.eyebrow i,.live-dot{display:inline-block;background:#8b9d75;width:6px;height:6px;border-radius:100%}h1{font-size:clamp(30px,3.15vw,48px);font-weight:500;line-height:1.65;letter-spacing:3px;margin:19px 0 15px}h1 span{color:#a87b50}.intro p{font-size:13px;color:#969486;line-height:2.2;letter-spacing:1px}.room-label{display:block;font-size:9px;letter-spacing:2.5px;margin-top:38px;color:#929280}.room-label b{font-size:12px;border-left:1px solid #c4c6b7;margin-left:10px;padding-left:14px}.location{position:absolute;bottom:157px;left:5%;font-size:11px;letter-spacing:1px;color:#93927f;display:flex;gap:10px;align-items:center}.location span{font-size:19px}.location i{height:3px;width:3px;border-radius:50%;background:#a4a18f}.activity{position:absolute;bottom:83px;left:5%;display:flex;gap:12px;align-items:center;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff;padding:15px 19px 15px 13px;border-radius:18px;box-shadow:0 8px 30px #5b563c06;min-width:290px}.avatar{border-radius:50%;background:#efdbc0;height:41px;width:41px;display:grid;place-items:center;color:#ad7e50;font-size:18px}.activity-name{font-size:13px;font-weight:600}.activity-name span:last-child{font-weight:400;font-size:10px;color:#a6a394;margin-left:8px}.activity p{font-size:11px;margin:6px 0 0;color:#95937e}.live-dot{margin-left:12px;width:5px;height:5px}.view-controls{position:absolute;right:36px;bottom:120px;display:flex;flex-direction:column;border:1px solid #fff;background:#ffffffb0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:7px;gap:3px}.view-controls button{width:34px;height:34px;background:transparent;border:0;border-radius:50%;font-size:22px}.view-controls button:hover,.view-controls button.active{background:#e1e5d5}.view-controls>span{height:1px;background:#dedfd2;margin:5px}footer{position:absolute;bottom:23px;left:5%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:15px}.hint{font-size:10px;color:#9f9d8d;letter-spacing:.5px}.hint>span:first-child{margin-right:7px}.hint i{font-style:normal;margin:0 9px}.playback{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:12px}.playback button{width:36px;height:36px;border:1px solid #d9ddca;border-radius:100%;background:#edf0e5;font-size:15px}.playback small{display:block;font-size:9px;color:#a6a491;margin-top:4px}.collection{border:0;background:none;letter-spacing:1px;font-size:12px}.collection span:last-child{display:inline-grid;place-items:center;background:#e7eadc;border-radius:50%;height:30px;width:30px;margin-left:12px;font-size:19px}#toy-panel{position:absolute;right:35px;bottom:80px;width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;padding:22px;border-radius:22px;box-shadow:0 15px 60px #5b563c18}.panel-title{font-size:16px;margin-bottom:18px;display:flex;justify-content:space-between}.panel-title button{border:0;background:transparent;font-size:23px}#toy-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}#toy-list button{border:1px solid #e7e7dc;background:#f8f7ef;border-radius:12px;padding:14px 5px;font-size:12px}#toy-list button:hover{background:#e7ecdc}#loading{position:absolute;inset:0;background:#f5f0e6;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s;pointer-events:none}#loading span{font-size:60px;color:#889271;animation:spin 5s infinite linear}#loading p{font-size:13px;letter-spacing:3px;color:#898c72}@keyframes spin{to{transform:rotate(360deg)}}@media(max-height:720px){.room-label{display:none}}@media(max-width:760px){header{top:23px;left:22px;right:22px}.brand{font-size:16px;letter-spacing:1px}.brand-icon{font-size:34px}.brand small{font-size:8px;letter-spacing:1.7px}.header-right>span{display:none}.round{margin:0}.round.lang{margin-left:8px}.intro{left:25px;top:130px}.eyebrow{font-size:9px}h1{font-size:28px;margin:12px 0;line-height:1.5}.intro p,.room-label,.location{display:none}.activity{left:20px;bottom:100px;min-width:260px;padding:12px}.view-controls{right:15px;bottom:180px}footer{left:22px;right:20px;bottom:25px}.hint{position:absolute;bottom:47px;font-size:8px}.playback{position:static;transform:none}.collection{font-size:11px}#toy-panel{right:20px;bottom:90px}}.room-switcher{position:absolute;left:50%;top:108px;transform:translate(-50%);display:flex;gap:4px;border:1px solid #ffffffd9;border-radius:28px;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:5px;box-shadow:0 4px 20px #7d705b0a;white-space:nowrap}.room-switcher button{border:0;border-radius:24px;padding:10px 17px;background:transparent;font-size:12px;letter-spacing:.5px;color:#8b8d77}.room-switcher button.active{background:#e8ddcd;color:#705d47}.room-switcher button:hover{background:#eeeadd}.visit-room{pointer-events:auto;background:#ffffffbd;border:1px solid #ddd4c3;border-radius:20px;padding:10px 15px;margin-top:10px;font-size:12px;letter-spacing:.5px}.visit-room span:last-child{margin-left:13px}.visit-room[hidden]{display:none}.intro .visit-room{margin-right:8px}@media(max-width:760px){.room-switcher{top:91px;width:max-content;max-width:calc(100% - 32px)}.room-switcher button{padding:8px 12px;font-size:11px}.intro{top:160px}.intro h1{font-size:24px}.visit-room{font-size:11px;padding:8px 12px;margin-top:0}.intro .eyebrow{display:none}}