/* The house guide: one painted panel in a walnut frame, not a stack of UI cards. */
body[data-place=home] main{position:relative;isolation:isolate}
body[data-place=home] main:before{content:none}
body[data-place=home] .launch{position:absolute;left:clamp(22px,2.7vw,44px);bottom:clamp(22px,3.6vh,36px);width:326px;max-width:calc(100vw - 44px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;z-index:6;text-align:left;color:#2d4035}
.house-guide{position:relative;padding:21px 21px 5px;border:9px solid #966436;border-top-color:#c28b50;border-left-color:#b37e45;border-right-color:#724624;border-bottom-color:#603a22;border-radius:3px;background:radial-gradient(ellipse at 80% 0%,#fff9e5a1,transparent 60%),repeating-linear-gradient(0deg,#bfaa7b08 0 1px,transparent 1px 3px),#f5ebd3;box-shadow:inset 0 0 0 1px #b59b6a,inset 3px 3px 8px #6e4b2c33,-8px 12px 20px #20130970,2px 3px 0 #50311d;transform:perspective(1100px) rotateY(2deg) rotateZ(-.65deg);transform-origin:50% 100%;isolation:isolate}
.house-guide:before{content:'';position:absolute;inset:-6px;pointer-events:none;background:radial-gradient(circle at 0 0,#f7d49b 0 1px,#674620 1.5px 2px,transparent 2.5px),radial-gradient(circle at 100% 0,#f7d49b 0 1px,#674620 1.5px 2px,transparent 2.5px),radial-gradient(circle at 0 100%,#c4a369 0 1px,#674620 1.5px 2px,transparent 2.5px),radial-gradient(circle at 100% 100%,#c4a369 0 1px,#674620 1.5px 2px,transparent 2.5px)}
.house-guide:after{content:'';position:absolute;left:-11px;right:-11px;bottom:-14px;height:8px;pointer-events:none;border-top:1px solid #d3a56c;border-radius:1px 1px 3px 3px;background:linear-gradient(#a57240,#714724 65%,#57341e);box-shadow:-2px 5px 8px #24160d60}
body[data-place=home] .launch-hello{position:relative;padding:0 0 14px}
body[data-place=home] .launch h1{margin:0 0 12px;font:400 33px/1.04 var(--world-display);letter-spacing:-1.1px;text-shadow:0 1px #fff8e6}
body[data-place=home] .launch h1 span{color:#47799b}
.guide-paw{position:absolute;right:-1px;top:4px;width:28px;height:28px;fill:#b99147;opacity:.72;transform:rotate(16deg)}
body[data-place=home] .launch .intro{margin:0;color:#5d6856;font:400 13px/1.45 var(--world-font);text-shadow:none}
body[data-place=home] .house-guide-routes{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #b9aa87;text-align:left}
body[data-place=home] .house-guide-routes a{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 22px;gap:12px;align-items:center;min-width:0;min-height:54px;padding:7px 0;border:0;border-bottom:1px solid #cabd9e;border-radius:0;background:none;box-shadow:none;color:#2d4035;font:700 17px/1.2 var(--world-font);white-space:normal;transform:none;touch-action:manipulation;transition:color .16s ease}
body[data-place=home] .house-guide-routes a:before,body[data-place=home] .house-guide-routes a:after{content:none}
.guide-picture{display:block;width:36px;height:36px;overflow:hidden;border-radius:3px;background:#e4d9bf;box-shadow:0 0 0 1px #5e563b40}
.guide-picture img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
[data-room-route=cinema] .guide-picture img{object-position:50% 72%}
[data-room-route=shelter] .guide-picture img{object-position:50% 25%}
body[data-place=home] .house-guide-routes a>b{margin:0;justify-self:end;font:23px/1 var(--world-font);color:#47799b;transition:transform .16s ease}
body[data-place=home] .house-guide-routes a:hover{color:#47799b}
body[data-place=home] .house-guide-routes a:hover>b{transform:translateX(3px)}
body[data-place=home] .launch .trophy-room-entry{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:46px;margin:13px 0 3px;padding:8px 11px;border:1px solid #c2a56a;border-radius:3px;background:linear-gradient(110deg,#e5cd94,#f4e4b9 70%,#e9d6a5);color:#594a2e;box-shadow:inset 0 1px 0 #fff2d2,0 2px 1px #82673a29;font:700 15px/1.2 var(--world-font);cursor:pointer;touch-action:manipulation;text-align:left}
.trophy-room-entry svg{width:23px;height:23px;flex:none}.trophy-room-entry>b{margin-left:auto;font:22px/1 var(--world-font);font-weight:400}.trophy-room-entry:hover{background:#f1dda8}
body[data-place=home] .launch .room-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0}
body[data-place=home] .room-card-footer>a,body[data-place=home] .room-card-footer>button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 0;border:0;background:none;color:#586650;font:700 12px/1.3 var(--world-font);cursor:pointer;touch-action:manipulation;text-shadow:none;text-decoration:none}
body[data-place=home] .room-card-footer>a:hover,body[data-place=home] .room-card-footer>button:hover{color:#47799b;text-decoration:underline;text-underline-offset:3px}
body[data-place=home] .house-guide :focus-visible{outline:3px solid #47799b;outline-offset:3px;border-radius:2px}
@media(min-width:1600px) and (min-height:800px){body[data-place=home] .launch{width:350px}.house-guide{padding:24px 24px 7px}body[data-place=home] .launch h1{font-size:36px}body[data-place=home] .launch .intro{font-size:14px}body[data-place=home] .house-guide-routes a{min-height:59px;font-size:18px}.guide-picture{width:38px;height:38px}body[data-place=home] .house-guide-routes a{grid-template-columns:38px minmax(0,1fr) 22px}}
@media(max-width:1100px) and (min-aspect-ratio:1/1){body[data-place=home] .launch{left:22px;bottom:22px;width:295px}.house-guide{padding:17px 17px 4px}body[data-place=home] .launch h1{font-size:30px}.guide-paw{width:24px;height:24px}body[data-place=home] .launch .intro{font-size:12px}body[data-place=home] .house-guide-routes a{min-height:49px;font-size:16px;grid-template-columns:32px minmax(0,1fr) 21px;gap:10px}.guide-picture{width:32px;height:32px}body[data-place=home] .room-card-footer>a,body[data-place=home] .room-card-footer>button{font-size:11px}}
/* Phones get the same guide below the room, with a short two-column directory. */
@media(max-width:1000px) and (max-aspect-ratio:1/1), (max-width:700px) and (max-height:500px){
 body[data-place=home] main{display:grid;grid-template-rows:minmax(260px,1fr) auto}
 body[data-place=home] .room{position:relative;min-height:260px}
 body[data-place=home] .launch{position:relative;inset:auto;width:100%;max-width:none;padding:16px 16px 24px;background:#d8c4a1;border:0;border-radius:0;box-shadow:none;color:#2d4035;transform:none}
 .house-guide{max-width:520px;margin:auto;padding:19px 19px 4px;border-width:7px;transform:none;box-shadow:inset 0 0 0 1px #b59b6a,inset 2px 2px 5px #6e4b2c20,0 6px 10px #402d1d30}
 .house-guide:after{left:-9px;right:-9px;bottom:-12px;height:6px}
 body[data-place=home] .launch-hello{padding:0 0 15px}
 body[data-place=home] .launch h1{font-size:32px;line-height:1.02;letter-spacing:-1px;margin-bottom:10px}
 body[data-place=home] .launch h1 br{display:none}
 body[data-place=home] .launch h1 span{display:inline-block;color:#47799b}
 body[data-place=home] .launch .intro{font-size:13px;line-height:1.45;color:#5d6856;margin:0;max-width:280px}
 body[data-place=home] .launch .intro br{display:none}
 .guide-paw{right:0;top:5px;width:26px;height:26px}
 body[data-place=home] .house-guide-routes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
 body[data-place=home] .house-guide-routes a{min-height:59px;font-size:15px;grid-template-columns:30px minmax(0,1fr) 16px;gap:8px}
 .guide-picture{width:30px;height:34px}
 body[data-place=home] .house-guide-routes a>b{font-size:19px}
 body[data-place=home] .launch .trophy-room-entry{margin-top:13px;font-size:15px;min-height:46px}
 body[data-place=home] .room-card-footer>a,body[data-place=home] .room-card-footer>button{font-size:12px}
}
@media(max-width:380px) and (max-aspect-ratio:1/1){
 body[data-place=home] .launch{padding-inline:12px}
 .house-guide{padding:17px 16px 3px;border-width:6px}
 body[data-place=home] .launch h1{font-size:30px}
 .guide-paw{width:22px;height:22px;right:1px;top:6px}
 body[data-place=home] .launch .intro{font-size:12px;max-width:205px}
 body[data-place=home] .house-guide-routes{column-gap:22px}
 body[data-place=home] .house-guide-routes a{grid-template-columns:minmax(0,1fr) 17px;min-height:49px;font-size:15px;gap:6px}
 .house-guide-routes .guide-picture{display:none}
 body[data-place=home] .room-card-footer>a,body[data-place=home] .room-card-footer>button{font-size:11px}
}
/* The low landscape layout keeps the character visible and all destinations usable. */
@media(max-height:550px) and (min-aspect-ratio:1/1) and (min-width:701px){
 body[data-place=home] .launch{left:18px;bottom:17px;width:302px}
 .house-guide{padding:12px 15px 2px;border-width:6px;transform:rotate(-.4deg)}
 .house-guide:after{bottom:-11px;height:6px}
 body[data-place=home] .launch-hello{padding-bottom:9px}
 body[data-place=home] .launch h1{font-size:27px;line-height:1.03;margin-bottom:0;letter-spacing:-.8px}
 body[data-place=home] .launch h1 br{display:none}
 body[data-place=home] .launch h1 span{display:inline-block}
 body[data-place=home] .launch .intro{display:none}
 .guide-paw{width:22px;height:22px;top:3px}
 body[data-place=home] .house-guide-routes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
 body[data-place=home] .house-guide-routes a{grid-template-columns:minmax(0,1fr) 15px;gap:5px;font-size:14px;min-height:44px}
 .house-guide-routes .guide-picture{display:none}
 body[data-place=home] .house-guide-routes a>b{font-size:18px}
 body[data-place=home] .launch .trophy-room-entry{min-height:44px;font-size:14px;margin-top:9px;padding:6px 9px}
 body[data-place=home] .room-card-footer>a,body[data-place=home] .room-card-footer>button{font-size:11px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){body[data-place=home] .house-guide *{transition:none!important}.house-guide-routes a:hover>b{transform:none!important}}

/* Room props from revision 134 retain their original projection and click targets. */
.room-prop{position:absolute;z-index:1;padding:0;border:0;background:none;cursor:pointer;display:none}
.room.positioned .room-prop{display:block}.room-prop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(-2px 3px 2px #20120c50)}
.human-seat-shadow{position:absolute;left:1%;right:17%;bottom:2%;height:11%;border-radius:50%;background:#27150760;filter:blur(4px);transform:skewX(-25deg);pointer-events:none}
.room-prop:focus-visible{outline:2px solid #fff1cc;outline-offset:2px;border-radius:35%}
.shelter-photo{filter:drop-shadow(-2px 3px 2px #21130c70)}
.shelter-photo-picture{position:absolute;left:22%;top:17%;width:58%;height:65%;clip-path:polygon(0 0,91% 1%,100% 97%,12% 100%);background:#eadbbd;overflow:hidden}
.shelter-photo .shelter-photo-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(.86) saturate(.86) sepia(.1)}
.shelter-photo .shelter-photo-wood{z-index:1;filter:none}
.shelter-photo:hover .spot-label,.shelter-photo:focus-visible .spot-label{opacity:1}
button.museum-door{padding:0;background:transparent;border:0;cursor:pointer}

/* Three front doors; the game is discovered at the TV. */
@media(max-width:1000px) and (max-aspect-ratio:1/1), (max-height:550px) and (min-aspect-ratio:1/1){body[data-place=home] .house-guide-routes a:last-child{grid-column:1/-1}}

/* On short, wide screens the directory sits below the TV's click area. */
@media(max-height:550px) and (min-aspect-ratio:1/1) and (min-width:701px){
 body[data-place=home] .house-guide{padding-top:8px}
 body[data-place=home] .launch-hello{padding-bottom:5px}
 body[data-place=home] .launch h1{font-size:22px;white-space:nowrap}
 body[data-place=home] .guide-paw{display:none}
 body[data-place=home] .launch .trophy-room-entry{margin-top:5px}
}
@media(max-width:700px) and (max-height:500px){body[data-place=home] .house-guide-routes a:last-child{grid-column:1/-1}}