:root{--outside:#c3b39c;--frame:#faf3e3}html,body,#root{height:100%;margin:0}body{background:var(--outside);overscroll-behavior:none;font-family:system-ui,sans-serif;overflow:hidden}.loading{color:#6b6257;place-items:center;height:100%;display:grid}.pin-gate{background:var(--outside);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pin-card{background:var(--frame);text-align:center;border:1px solid #cbb488;border-radius:18px;flex-direction:column;gap:14px;width:min(320px,100%);padding:28px 24px;display:flex}.pin-title{color:#5b4a33;font-size:24px}.pin-hint{color:#8a775c;font-size:15px}.pin-input{text-align:center;letter-spacing:10px;color:#4a3a26;box-sizing:border-box;background:#fffdf6;border:1px solid #cbb488;border-radius:12px;width:100%;padding:10px;font-family:inherit;font-size:28px}.pin-input-name{letter-spacing:normal;font-size:20px}.pin-err{color:#c23b22;font-size:14px}.viewport{touch-action:none;position:fixed;inset:0;overflow:hidden}.world{transform-origin:0 0;width:1600px;height:900px;position:absolute}.surface-wall{z-index:0;height:620px;position:absolute;top:0;left:0;right:0}.surface-floor{z-index:20;position:absolute;inset:620px 0 0}.baseboard{z-index:21;background:#7a5c3a47;height:10px;position:absolute;top:611px;left:0;right:0}.paper-grain{z-index:22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.35 0 0 0 0 0.24 0.14 0.14 0.14 0 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.palm{transform-box:view-box;transform-origin:46px 262px;animation:5s ease-in-out infinite alternate palm-sway}@keyframes palm-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(2deg)}}.waves{animation:7s ease-in-out infinite alternate waves-drift}@keyframes waves-drift{0%{transform:translate(-6px)}to{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.palm,.waves{animation:none}}.room-window{border:14px solid var(--frame);z-index:10;border-radius:12px;width:260px;height:320px;position:absolute;top:120px;overflow:hidden}.room-window-left{left:250px}.room-window-right{right:250px}.sky-day{background:linear-gradient(#8ec9ea,#cfe6f4)}.sky-day.cond-clouds,.sky-day.cond-rain{background:linear-gradient(#93a5b3,#c0cbd3)}.sky-day.cond-snow{background:linear-gradient(#aebfc9,#dbe2e6)}.sky-night{background:linear-gradient(#0d1b36,#22375a)}.sky-night.cond-clouds,.sky-night.cond-rain,.sky-night.cond-snow{background:linear-gradient(#0c1526,#1d2a40)}.window-scene{width:100%;height:100%;position:absolute;inset:0}.window-bars{pointer-events:none;position:absolute;inset:0}.window-bars:before{content:"";background:var(--frame);width:6px;position:absolute;top:0;bottom:0;left:calc(50% - 3px)}.window-bars:after{content:"";background:var(--frame);height:6px;position:absolute;top:32%;left:0;right:0}.window-temp{color:#ffffffe6;text-shadow:0 1px 2px #00000059;font-size:13px;position:absolute;top:6px;right:9px}.precip{pointer-events:none;position:absolute;inset:0}.rain{background:repeating-linear-gradient(100deg,#d7ebfa00 0 7px,#d7ebfa8c 7px 8px,#d7ebfa00 8px 16px);animation:.6s linear infinite rain-fall}@keyframes rain-fall{to{background-position:-14px 60px}}.snow{background-image:radial-gradient(circle,#fffffff2 1.6px,#0000 2.4px);background-size:26px 26px;animation:3.5s linear infinite snow-fall}@keyframes snow-fall{to{background-position:13px 78px}}.clouds{animation:80s ease-in-out infinite alternate clouds-drift}@keyframes clouds-drift{0%{transform:translate(-10px)}to{transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.precip,.clouds{animation:none}}.room-object{pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.room-object img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.room-object-shadow{background:radial-gradient(50% 50%,#4c361c47,#4c361c00 72%);height:12px;position:absolute;bottom:-5px;left:3%;right:3%}.room-light{z-index:5000;pointer-events:none;transition:background 2s linear;position:absolute;inset:0}.room-object-selected{outline-offset:5px;border-radius:4px;outline:3px dashed #6b52308c}.ui-toolbar{z-index:100;gap:8px;display:flex;position:fixed;bottom:12px;left:12px}.ui-btn{background:var(--frame);color:#5b4a33;cursor:pointer;border:1px solid #cbb488;border-radius:12px;min-height:44px;padding:8px 16px;font-family:inherit;font-size:15px}.ui-btn:disabled{opacity:.45;cursor:default}.ui-btn-primary{color:#fff8ec;background:#d97c3f;border-color:#c06a32}.ui-selection{z-index:100;gap:8px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (width<=900px){.ui-selection{bottom:68px;left:12px;transform:none}}.ui-drawer{background:var(--frame);z-index:100;border:1px solid #cbb488;border-radius:14px;width:min(320px,100vw - 24px);max-height:40vh;padding:12px;position:fixed;bottom:68px;left:12px;overflow-y:auto}.ui-drawer-title{color:#5b4a33;margin-bottom:8px;font-size:15px}.ui-drawer-empty{color:#8a775c;font-size:14px}.ui-drawer-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.ui-drawer-item{position:relative}.ui-drawer-restore{cursor:pointer;background:#fffdf6;border:1px solid #e0d0ab;border-radius:10px;place-items:center;width:100%;min-height:64px;padding:6px;display:grid}.ui-drawer-restore img{max-width:56px;max-height:56px}.ui-drawer-del{background:var(--frame);color:#8a775c;cursor:pointer;border:1px solid #cbb488;border-radius:10px;min-height:24px;padding:2px 7px;font-size:12px;position:absolute;top:-6px;right:-6px}.ui-drawer-del-arm{color:#fff6e5;background:#c23b22;border-color:#a52f1a}.room-object-lamp{background:#f5b13d;border-radius:50%;width:13px;height:13px;animation:1.6s ease-in-out infinite lamp-pulse;position:absolute;top:-4px;right:8%;box-shadow:0 0 12px 4px #f5b13da6}@keyframes lamp-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.room-object-lamp{animation:none}}.ui-radio{background:var(--frame);z-index:105;border:1px solid #cbb488;border-radius:14px;flex-direction:column;gap:10px;width:min(320px,100vw - 24px);max-height:60vh;padding:12px;display:flex;position:fixed;bottom:12px;right:12px}.ui-radio-head{justify-content:space-between;align-items:center;display:flex}.ui-radio-title{color:#5b4a33;font-size:16px}.ui-radio-close{min-height:36px;padding:4px 12px}.ui-radio-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.ui-radio-item{color:#5b4a33;cursor:pointer;text-align:left;background:#fffdf6;border:1px solid #e0d0ab;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:6px 12px;font-family:inherit;font-size:15px;display:flex}.ui-radio-unheard{background:#fff6dd;border-color:#d99a3f}.ui-radio-play{color:#b3624a}.ui-radio-from{flex:1}.ui-radio-when{color:#8a775c;font-size:13px}.ui-radio-dot{background:#f5b13d;border-radius:50%;width:9px;height:9px}.ui-radio-rec{color:#fff6e5;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#b3624a;border:none;border-radius:12px;min-height:52px;font-family:inherit;font-size:16px}.ui-radio-rec-on{background:#c23b22;animation:1.2s ease-in-out infinite lamp-pulse}.ui-book-backdrop{z-index:108;background:#32261673;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.ui-book{background:var(--frame);border:1px solid #cbb488;border-radius:16px;flex-direction:column;gap:10px;width:min(680px,100%);padding:12px;display:flex}.ui-book-canvas{touch-action:none;cursor:crosshair;background:#fdf9ee;border:1px solid #e0d0ab;border-radius:10px;width:100%;height:auto}.ui-book-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.ui-book-colors{gap:8px;display:flex}.ui-book-color{cursor:pointer;border:2px solid #0000001f;border-radius:50%;width:34px;height:34px}.ui-book-color-on{outline-offset:2px;outline:3px solid #d97c3f}.ui-book-tool{min-height:34px;padding:4px 12px}.ui-book-tool-on{color:#fff8ec;background:#d97c3f;border-color:#c06a32}@media (width<=720px){.ui-book-bar{flex-wrap:wrap}}.room-object img.room-object-overlay{object-fit:cover;opacity:.94;position:absolute}.room-object img.room-object-overlay-tv{width:92.6%;height:78.4%;top:5.4%;left:3.7%}.room-object img.room-object-overlay-frame{width:83%;height:79%;top:10%;left:8.5%}.ui-tv{background:var(--frame);border:1px solid #cbb488;border-radius:16px;flex-direction:column;gap:10px;width:min(720px,100%);padding:12px;display:flex}.ui-tv-screen{aspect-ratio:16/9;background:#171513;border-radius:10px;width:100%;position:relative;overflow:hidden}.ui-tv-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ui-tv-empty{color:#b7a98a;text-align:center;place-items:center;padding:12px;font-size:15px;display:grid}.ui-tv-queue{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.ui-tv-thumb{cursor:pointer;background:#fffdf6;border:2px solid #e0d0ab;border-radius:8px;flex-direction:column;flex:none;gap:2px;width:108px;padding:3px;display:flex}.ui-tv-thumb img{border-radius:5px;width:100%;display:block}.ui-tv-thumb span{color:#8a775c;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ui-tv-thumb-on{border-color:#d97c3f}.ui-tv-add{gap:8px;display:flex}.ui-tv-input{color:#4a3a26;background:#fffdf6;border:1px solid #cbb488;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:15px}.ui-rc{background:var(--frame);z-index:106;border:1px solid #cbb488;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.ui-rc-title{color:#5b4a33;font-size:15px}.ui-rc-btn{color:#fff8ec;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#d97c3f;border:none;border-radius:12px;width:64px;height:52px;font-size:22px}.ui-rc-btn:active{background:#c06a32}.ui-toast{color:#fff6e5;z-index:110;background:#3c2f1ee0;border-radius:10px;padding:8px 16px;font-size:14px;position:fixed;top:14px;left:50%;transform:translate(-50%)}