*{box-sizing:border-box}body{margin:0;background:#deddd5;color:#344b5a;font:16px system-ui,sans-serif;overflow:hidden}button,summary{font:inherit;cursor:pointer;color:inherit}button{border:1px solid #ffffff70;background:#fffffff0;border-radius:28px;padding:12px 20px}button:hover{background:white}button:focus-visible,summary:focus-visible{outline:3px solid #bc815f;outline-offset:3px}#scene{width:100vw;height:100dvh;display:block;touch-action:none}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}header button{pointer-events:auto}.brand{font-family:Georgia,serif;font-size:42px;letter-spacing:.14em}.brand small{display:block;font:11px system-ui;letter-spacing:.18em;margin-top:5px}.views{position:absolute;top:24px;left:50%;transform:translateX(-50%);display:flex;padding:5px;background:#ffffffd9;border-radius:36px}.views button{background:none;border:0;white-space:nowrap}.views .active{background:#29483c;color:white}.room-label{position:absolute;left:28px;top:130px;background:#ffffffe3;padding:15px 22px;border-radius:18px;pointer-events:none}.room-label small{display:block;font-size:13px}.room-label span{display:block;font-size:24px;margin-top:6px}#rooms{position:absolute;right:28px;top:130px;width:230px;background:#ffffffe8;border-radius:20px;padding:16px}summary{list-style:none;display:flex;justify-content:space-between}summary:after{content:'+'}details[open] summary:after{content:'−'}#room-list{display:grid;gap:4px;margin-top:12px}#room-list button{text-align:left;border:0;border-radius:8px;padding:9px;font-size:14px;background:transparent}#room-list button:hover{background:#e6ebe3}#room-list small{float:right}#map{display:block;margin:12px auto 0;width:105px;height:140px}#map path{fill:#f3efe5;stroke:#79847a;stroke-width:2}#dot{fill:#b77a57;stroke:white;stroke-width:1}.pad{position:absolute;left:28px;bottom:95px;display:grid;grid-template-columns:repeat(3,48px);gap:5px;touch-action:none}.pad button{padding:0;height:48px;font-size:25px;user-select:none;touch-action:none}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}footer{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:15px}footer span{background:#ffffffd9;padding:12px;border-radius:12px;font-size:12px;letter-spacing:.15em}footer p{background:#ffffffe0;border-radius:15px;padding:8px 15px;font-size:12px;margin:0}footer button{font-size:13px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#eee9df;z-index:10}dialog{border:0;border-radius:24px;padding:35px;max-width:440px;width:calc(100% - 30px);color:#344b5a;background:#faf8f1;line-height:1.6}dialog::backdrop{background:#17231e88}dialog h1{font-family:Georgia;font-weight:400;font-size:36px}#close-info{float:right;padding:4px 12px;font-size:24px}@media(max-width:700px){header{left:16px;right:16px;top:16px}.brand{font-size:31px}.brand small{font-size:9px}header button{padding:10px 14px;font-size:14px}.views{top:88px}.views button{padding:10px 16px;font-size:14px}.room-label{left:16px;top:151px;padding:10px 14px}.room-label span{font-size:18px}.room-label small{font-size:12px}#rooms{right:16px;top:151px;width:142px;padding:12px}#rooms[open]{width:205px;z-index:2}summary{font-size:14px}.pad{left:16px;bottom:86px}footer{left:16px;right:16px;bottom:20px}footer p{display:none}footer button{padding:11px}footer span{padding:10px}}