#home-play{position:absolute;inset:0;pointer-events:none;z-index:4}#home-play button,#home-joystick{pointer-events:auto}.home-energy{position:absolute;top:38px;left:14px;right:68px;display:flex;gap:10px}.home-energy>div{min-width:0;flex:1;background:#f8f8f3dc;border:1px solid #c2cdb9;border-radius:7px;padding:5px 7px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 6px}.home-energy button{font-size:9px;min-height:22px;padding:2px 5px;border:0;background:transparent!important;color:#7e8c70}.home-energy button.active{color:#293c23;font-weight:700;border-bottom:1px solid #536b43;border-radius:0}.home-energy meter{width:100%;height:8px;min-width:20px;accent-color:#8ea86f}.home-energy small{grid-column:1/-1;font-size:8px;color:#6d7b60;text-align:center}.home-tools{position:absolute;right:12px;top:154px;display:flex;flex-direction:column;gap:6px}.home-tools button{font-size:9px;min-height:30px;padding:6px 8px;background:#f8f8f3e8;border-color:#a5b399}.home-context{position:absolute;bottom:15px;right:14px;left:125px;display:flex;gap:5px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.home-context span{width:100%;font-size:9px;text-align:right;color:#6d7d61;background:#f8f8f3d9;padding:4px;border-radius:4px}.home-context button{font-size:10px;min-height:32px;background:#f6f9efed}#home-joystick{position:absolute;bottom:19px;left:17px;width:92px;height:92px;border:1px solid #708762;border-radius:50%;background:#edf1e4c9;touch-action:none;user-select:none;-webkit-touch-callout:none}#joystick-knob{position:absolute;width:39px;height:39px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #597044;border-radius:50%;background:#b8caa3d9;pointer-events:none}#home-joystick small{position:absolute;bottom:-14px;left:0;right:0;text-align:center;font-size:8px;color:#849477}.sticky-note{background:#ede6bd;border:1px solid #c2b981;border-radius:2px;padding:15px;margin:12px 0;transform:rotate(-1deg);box-shadow:1px 3px 0 #3b4d2920}.sticky-note:nth-child(2n){background:#e2edcc;transform:rotate(1deg)}.sticky-note small{font-size:9px;color:#7c805d}.sticky-note p{color:#46523b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}#scene-note{display:none}.scene-top{pointer-events:none}#room-back{top:112px}.room-hotspot{z-index:3}.avatar-hotspot{z-index:5}@media(max-width:360px){.home-energy{gap:4px;right:60px}.home-energy>div{padding:4px}.home-tools{top:153px;right:8px}.home-tools button{font-size:8px}#home-joystick{width:80px;height:80px}.home-context{left:106px}}@media(max-height:650px){.home-tools{top:138px}.home-energy{top:28px}#home-joystick{width:70px;height:70px}}