/* Home's quiet, warm interface; the room remains the main image. */
.title{display:block;border:1px solid #ffffff80;background:#fffaf0ed;padding:13px 19px;border-radius:5px 19px 19px 19px;font-size:17px;letter-spacing:.035em;box-shadow:0 6px 24px #30291912}
.title .dot{display:inline-block;width:7px;height:7px;margin-right:9px;background:#7a9475}
.home-date{font-size:10px;font-weight:700;letter-spacing:.08em;color:#8e8170;margin-top:4px;margin-left:16px}
.home-dock{position:fixed;z-index:25;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;padding:7px;gap:5px;border:1px solid #ffffffb0;background:#fffaf2ed;backdrop-filter:blur(18px);border-radius:23px;box-shadow:0 12px 35px #241d231c}
.home-dock[hidden]{display:none}
.home-dock button{cursor:pointer;border:0;color:#726b5d;background:transparent;display:flex;align-items:center;gap:9px;padding:12px 20px;font:700 12px 'Zen Maru Gothic',sans-serif;white-space:nowrap;border-radius:17px;transition:background .18s,transform .18s}
.home-dock button[aria-pressed=true]{background:#e6ebdf;color:#3d5843}
.home-dock button:hover{background:#eae8df}
.home-dock button:active{transform:scale(.96)}
.home-dock svg{width:21px;height:21px}
.home-dock button:focus-visible,.home-map button:focus-visible{outline:2px solid #718b73;outline-offset:3px}
.home-map{position:fixed;inset:0;margin:auto;width:min(610px,calc(100vw - 32px));max-height:calc(100dvh - 64px);border:1px solid #ffffffb0;border-radius:25px;padding:26px;background:#fbf7ee;color:#4d4d40;box-shadow:0 28px 100px #161a2350}
.home-map::backdrop{background:#202a304d;backdrop-filter:blur(6px)}
.home-map-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}
.home-map-head p{font-size:11px;letter-spacing:.1em;color:#8d8572;margin-bottom:5px}
.home-map-head h2{font-size:20px}
.home-map-head button{border:0;border-radius:50%;background:#eae6db;font-size:25px;color:#6f705c;width:38px;height:38px;cursor:pointer}
.home-map .nav-actions{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.home-map .nav-btn{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:16px 8px;background:#f0ede3;border:1px solid #e6e2d6;border-radius:13px;box-shadow:none;font-size:12px}
.home-map .nav-btn:hover{background:#e6ecdf;border-color:#bbc9b0}
.home-map .nav-btn .ico{font-size:25px}
.hint{bottom:99px;background:#fffaf0d9;color:#7b7667}
.stage3d-bubble{box-shadow:0 4px 16px #34281f14!important}
@media(max-width:600px){
 .title{font-size:13px;padding:11px 13px;left:12px;top:calc(12px + env(safe-area-inset-top))}
 .home-date{font-size:9px;margin-left:0;letter-spacing:.025em}
 .home-dock{bottom:calc(16px + env(safe-area-inset-bottom));gap:2px;padding:5px;width:max-content;max-width:calc(100vw - 24px)}
 .home-dock button{padding:12px 13px;font-size:10px;gap:6px}
 .home-dock svg{width:18px;height:18px}
 .home-map{padding:21px}.home-map-head h2{font-size:17px}
 .home-map .nav-actions{grid-template-columns:repeat(3,1fr)}
 .home-map .nav-btn{font-size:10px;padding:13px 5px}
 .hint{bottom:90px;font-size:10px}
}