:root{font-family:DM Sans,sans-serif;color:#36483c;background:#eee9dd;font-synthesis:none;--green:#38634a;--cream:#f7f3e9;--ink:#36483c;--muted:#7c8474;--orange:#c77953}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #c98b62;outline-offset:4px}button{border:0}button,a{color:inherit}a{text-decoration:none}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0}.lobby{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f4f0e9 0%,#f4f0e9fa 19%,#f4f0e9e5 30%,#f4f0e977 42%,transparent 59%);display:flex;flex-direction:column}.lobby button,.lobby input,.lobby a{pointer-events:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:30px 42px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2.8px;font-weight:700}.brand .icon{width:27px;height:27px;transform:rotate(-15deg)}.top-actions{display:flex;gap:12px;align-items:center}.round-button{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:#fbf9f080;border:1px solid #68745826;transition:background .2s,transform .2s}.round-button:hover{background:#fff9ed;transform:translateY(-2px)}.help-button{display:flex;gap:8px;align-items:center;background:#f8f5eb9c;border:1px solid #68745826;border-radius:22px;padding:10px 16px;font-size:12px;font-weight:600}.intro{width:455px;max-width:43%;margin:auto 0 auto 7%;padding-bottom:40px}.eyebrow{display:flex;align-items:center;gap:8px;color:#7b816d;font-size:10px;letter-spacing:2.2px;font-weight:600;margin:0 0 21px}.eyebrow span{width:20px;height:1px;background:#949b84}h1{font-family:Playfair Display,Georgia,serif;font-weight:800;font-size:clamp(68px,7.25vw,112px);letter-spacing:-6px;line-height:.94;margin:0 0 24px;color:#365840}h1 em{color:#c27e55;font-style:italic;display:block;position:relative;left:9px}.title-paw{display:inline-block;transform:rotate(21deg);vertical-align:middle;margin-left:4px;color:#bd805a}.title-paw .icon{width:40px;height:40px}.description{font-size:16px;line-height:1.8;color:#79806e;margin:0 0 29px;max-width:340px}.description strong{color:#4d5b48;font-weight:500}.room-actions{max-width:322px}.primary{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;background:#39644c;color:#fbf7ec;border-radius:10px;box-shadow:0 5px #2b4f3c12;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.primary:hover{background:#284f38;transform:translateY(-1px)}.primary .arrow{margin-left:auto;width:19px}.primary .leading{margin-right:auto;width:19px}.create-button{padding:0 20px}.divider{display:flex;align-items:center;gap:13px;color:#929685;font-size:10px;margin:18px 0;letter-spacing:.3px}.divider:before,.divider:after{content:"";height:1px;background:#d9d9cb;flex:1}.join-form{display:flex;gap:8px}.code-input{width:0;flex:1;border:1px solid #cfcebd;background:#fff6;border-radius:9px;height:50px;padding:0 15px;letter-spacing:5px;color:#49624e;text-transform:uppercase;font-size:15px;font-weight:600;min-width:0;-webkit-user-select:text;user-select:text}.code-input::placeholder{font-size:11px;letter-spacing:1px;text-transform:none;font-weight:400;color:#8b8c7c}.join-button{width:91px;border:1px solid #bcc4b2;border-radius:9px;background:#e8ebdf;color:#53694f;display:flex;align-items:center;gap:7px;justify-content:center;font-size:12px;font-weight:600}.join-button .icon{width:16px}.solo{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:20px 0 0;background:none;color:#828673;font-size:11px}.solo span{border-bottom:1px solid #aaad991f;padding-bottom:3px}.solo .icon{width:13px;transform:rotate(-35deg)}.error{font-size:12px;color:#a1533b;line-height:1.5;margin:12px 0 0}.scene-label{position:absolute;right:12%;bottom:20%;text-align:center;color:#6d7764;transform:rotate(-7deg);font-size:12px;font-family:Playfair Display,Georgia,serif;font-style:italic;pointer-events:none}.scene-label svg{display:block;margin:7px auto 0;width:65px;height:38px;opacity:.6;transform:rotate(12deg)}.scene-tag{position:absolute;top:28%;right:9%;border:1px solid #fff8e8b0;border-radius:25px;background:#f7f3e5b8;backdrop-filter:blur(12px);padding:10px 15px;font-size:10px;display:flex;align-items:center;gap:8px;color:#61715b;letter-spacing:.3px}.status-dot{width:6px;height:6px;background:#8b9f72;border-radius:50%;box-shadow:0 0 0 3px #8b9f7214}.lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 42px;padding:20px 0 25px;border-top:1px solid #7c856524;font-size:10px;color:#8a8c7a}.controls-legend{display:flex;gap:22px;align-items:center}.legend-item{display:flex;gap:7px;align-items:center}.keys{display:flex;gap:3px}kbd{font-family:inherit;border:1px solid #8b94764a;background:#f7f4e79e;border-radius:4px;min-width:22px;height:23px;display:inline-grid;place-items:center;font-size:10px;color:#65765b;box-shadow:0 2px #7e886513}.footer-note{display:flex;align-items:center;gap:8px}.footer-note .icon{width:13px;height:13px}.mobile-controls-note{display:none}.resume{display:block;width:100%;background:transparent;color:#58745a;font-size:12px;margin-top:14px;text-decoration:underline}.play-ui{position:absolute;inset:0;pointer-events:none}.play-ui button{pointer-events:auto;touch-action:none}.game-menu-button{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(22px,env(safe-area-inset-top));background:#f6f1e6b0;color:#50634e;backdrop-filter:blur(8px)}.action-buttons{position:absolute;right:max(35px,calc(env(safe-area-inset-right) + 16px));bottom:max(35px,calc(env(safe-area-inset-bottom) + 14px));display:flex;align-items:flex-end;gap:20px}.action-button{border-radius:50%;background:#fff7e659;border:1px solid #fff9eba8;box-shadow:0 5px 25px #343e3114;backdrop-filter:blur(8px);color:#fffaf0;text-shadow:0 1px 7px #37423166;width:86px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:600;position:relative;transition:transform .1s,background .1s}.action-button .icon{width:29px;height:29px;filter:drop-shadow(0 1px 3px #3b4d3977)}.action-button.dook{width:102px;height:102px;background:#e1a4776b}.action-button.pressed{transform:scale(.9);background:#fff6d999}.action-button kbd{position:absolute;bottom:-12px;background:#f7f1e4;color:#6a765a;min-width:19px;height:20px;font-size:9px}.joystick{position:fixed;width:112px;height:112px;margin:-56px;border-radius:50%;background:#ffffff1a;border:1px solid #fff8e477;pointer-events:none;z-index:5}.joystick-knob{width:46px;height:46px;margin:32px;border-radius:50%;border:1px solid #fff5d988;background:#fff9e559;box-shadow:0 2px 8px #40523922}.peer-marker{position:fixed;width:28px;height:28px;border-radius:50%;background:#dc9d79e6;color:#fff8eb;display:grid;place-items:center;box-shadow:0 2px 10px #37432b33}.peer-marker:after{content:"";position:absolute;left:10px;top:-6px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #dc9d79}.peer-marker .icon{width:17px;height:17px}.modal-layer{position:absolute;inset:0;display:grid;place-items:center;background:#38453445;backdrop-filter:blur(9px);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));z-index:10}.modal{background:#f7f3e9;border:1px solid #fffaf0;box-shadow:0 24px 100px #263c3133;border-radius:22px;width:min(430px,100%);padding:32px;max-height:100%;overflow:auto;position:relative}.modal-close{position:absolute;top:17px;right:17px;background:transparent;color:#88907a;width:28px;height:28px;display:grid;place-items:center}.modal h2{font:700 31px/1.1 Playfair Display,Georgia,serif;color:#3c5e44;letter-spacing:-1px;margin:14px 0}.modal p{font-size:13px;line-height:1.8;color:#858774;margin:0 0 20px}.modal-icon{width:46px;height:46px;display:grid;place-items:center;background:#e6eadb;border-radius:50%;color:#638565}.modal-icon .icon{width:24px;height:24px}.room-code{display:flex;justify-content:center;gap:10px;margin:24px 0}.room-code span{display:grid;place-items:center;width:64px;height:70px;border-radius:12px;border:1px solid #d2d7c3;background:#edf0e4;color:#3c644a;font-size:32px;font-weight:600}.share-button{width:100%;background:#e9eadc;color:#62765b;border:1px solid #d7dbc8;border-radius:9px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;margin-bottom:13px}.share-button .icon{width:17px;height:17px}.connection-status{font-size:11px!important;margin:16px 0 0!important;display:flex;gap:8px;justify-content:center;align-items:center}.help-list{display:flex;flex-direction:column;gap:17px;margin:24px 0}.help-row{display:flex;align-items:flex-start;gap:14px}.help-row>.icon{color:#be835e;margin-top:2px}.help-row strong{display:block;font-weight:600;font-size:13px;margin-bottom:4px}.help-row p{margin:0;font-size:12px;line-height:1.6}.fine-print{font-size:11px!important;border-top:1px solid #dedfce;padding-top:15px}.menu-actions{display:flex;flex-direction:column;gap:8px;margin-top:22px}.menu-action{display:flex;align-items:center;gap:12px;background:#eaedde;border-radius:9px;min-height:47px;padding:0 15px;color:#64765b;font-size:13px}.menu-action.danger{color:#a4674a;background:#f0e7d9}.menu-code{letter-spacing:5px;font-size:25px;font-weight:600;margin-bottom:5px}.toast{position:fixed;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));transform:translate(-50%);background:#344d3de8;color:#f6f1e5;border-radius:30px;padding:12px 22px;font-size:12px;z-index:20;pointer-events:none;box-shadow:0 5px 25px #253c2933;max-width:90%;text-align:center}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#eff0df44;backdrop-filter:blur(5px);z-index:7}.pause-card{text-align:center;background:#f7f2e7ee;max-width:360px;border-radius:20px;padding:30px;margin:20px;box-shadow:0 12px 50px #384c3922}.pause-card .icon{color:#b57e59;width:32px;height:32px}.pause-card h2{font:700 28px Playfair Display,Georgia,serif;color:#446049;margin:14px 0 10px}.pause-card p{font-size:12px;color:#7f866f;line-height:1.8}.pause-card button{background:transparent;color:#607456;text-decoration:underline;font-size:12px;padding:10px}.load-status{font-size:11px;letter-spacing:.3px;color:#7b8b6c;min-height:15px;margin-top:12px;text-align:center}.fatal{position:absolute;inset:0;display:grid;place-items:center;background:#f7f3e9;text-align:center;padding:30px}.fatal p{max-width:390px;line-height:1.8;color:#76816e}.fatal h1{font-size:60px;letter-spacing:-3px}.fatal button{width:auto;padding:0 30px;margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.intro{margin-left:10%}.lobby{background:linear-gradient(90deg,#f4f0e9 0%,#f4f0e9fa 21%,#f4f0e9df 32%,#f4f0e966 44%,transparent 60%)}}@media(max-width:1050px){.topbar{padding:24px 28px}.intro{margin-left:6%;max-width:40%;padding-bottom:10px}h1{font-size:78px;letter-spacing:-4px}.description{font-size:14px}.room-actions{max-width:290px}.lobby-footer{margin:0 28px}.controls-legend{gap:13px}.scene-label{right:9%;bottom:18%}.scene-tag{right:5%;top:25%}}@media(pointer:coarse){.action-button kbd,.controls-legend{display:none}.mobile-controls-note{display:block}.action-buttons{gap:25px}.action-button{width:80px;height:80px}.action-button.dook{width:96px;height:96px}}@media(max-width:760px)and (orientation:portrait){.lobby{background:linear-gradient(0deg,#f4f0e9 0% 44%,#f4f0e9ed 52%,#f4f0e900 78%)}.topbar{padding:max(22px,env(safe-area-inset-top)) 22px}.brand{font-size:10px;letter-spacing:2px}.top-actions{gap:7px}.help-button{font-size:0;padding:0;width:38px;height:38px;justify-content:center;border-radius:50%}.help-button .icon{width:19px}.round-button{width:38px;height:38px}.intro{margin:auto 26px 0;max-width:none;width:auto;padding:0;text-align:center}.eyebrow{justify-content:center;margin-bottom:13px;font-size:9px}h1{font-size:67px;line-height:1;letter-spacing:-3.7px;display:flex;justify-content:center;align-items:baseline;gap:14px;margin-bottom:12px}h1 em{left:0}.title-paw{display:none}.description{font-size:13px;line-height:1.7;margin:0 auto 19px;max-width:280px}.description br{display:none}.room-actions{max-width:330px;margin:auto}.primary{min-height:50px}.divider{margin:13px 0}.code-input{height:46px}.solo{padding-top:17px;font-size:10px}.lobby-footer{margin:0 24px;justify-content:center;padding:17px 0 max(20px,env(safe-area-inset-bottom));border:0}.controls-legend,.mobile-controls-note{display:none}.footer-note{font-size:9px}.scene-tag{top:18%;right:7%;font-size:9px;padding:9px 12px}.scene-label{top:29%;bottom:auto;right:10%;font-size:11px}.scene-label svg{height:29px}.load-status{margin-top:8px}.action-buttons{right:max(23px,env(safe-area-inset-right));bottom:max(32px,calc(env(safe-area-inset-bottom) + 15px));gap:16px}.action-button{width:72px;height:72px}.action-button.dook{width:85px;height:85px}.modal{padding:27px}.modal h2{font-size:29px}}@media(max-height:650px)and (orientation:landscape){.topbar{padding:16px max(24px,env(safe-area-inset-right)) 8px max(24px,env(safe-area-inset-left))}.brand{font-size:10px}.round-button{width:35px;height:35px}.help-button{padding:8px 13px;font-size:10px}.intro{margin:auto 0 auto max(5%,env(safe-area-inset-left));max-width:38%;width:315px;padding:0}.eyebrow{font-size:8px;margin:0 0 10px;letter-spacing:1.3px}h1{font-size:60px;letter-spacing:-3px;line-height:.91;margin-bottom:14px}.title-paw .icon{width:26px;height:26px}.description{font-size:11px;line-height:1.6;margin-bottom:15px}.room-actions{max-width:265px}.primary{min-height:42px;font-size:12px}.divider{margin:10px 0;font-size:9px}.code-input{height:41px}.join-button{font-size:11px}.solo{font-size:10px;padding-top:13px}.lobby-footer{padding:10px 0 12px;margin:0 max(24px,env(safe-area-inset-left));font-size:9px}.scene-tag{top:24%;font-size:9px}.scene-label{bottom:20%;font-size:11px}.load-status{font-size:9px;min-height:0;margin:7px 0 0}.modal-layer{padding:12px}.modal{padding:24px;max-width:420px}.modal h2{font-size:26px;margin:8px 0}.modal p{margin-bottom:12px;font-size:12px}.modal-icon{width:33px;height:33px}.room-code{margin:15px 0}.room-code span{height:50px;font-size:25px}.connection-status{margin-top:10px!important}.help-list{gap:10px;margin:16px 0}.help-row p{font-size:11px}.help-row strong{font-size:12px}.action-buttons{bottom:24px;right:max(30px,env(safe-area-inset-right));gap:21px}.action-button{width:72px;height:72px}.action-button.dook{width:88px;height:88px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-height:500px)and (orientation:landscape){.intro{max-width:39%;width:330px}h1{display:flex;align-items:baseline;gap:13px;font-size:46px;letter-spacing:-2.5px;line-height:1.08;margin-bottom:10px}h1 em{left:0}.title-paw{display:none}.description{margin-bottom:13px}.eyebrow{margin-bottom:9px}.solo{padding-top:11px}.lobby-footer{padding-top:8px;padding-bottom:10px}}.shared-entry{background:#f4f0e9a8}.entry-card{margin:auto;width:min(90%,380px);padding:24px;text-align:center;background:#f7f3e9f2;border-radius:24px;box-shadow:0 8px 40px #36483c18;pointer-events:auto}.entry-card h1{font-size:48px;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.entry-card h1 em{left:0}.entry-card p{font-size:15px;line-height:1.5}.entry-card .primary{margin-top:20px}.entry-card .solo{font-size:13px}.entry-card .error{color:#8b4330}.round-button,.help-button,.modal-close{min-width:44px;min-height:44px}.primary,.join-button,.share-button,.menu-action,.pause-card button,.resume{min-height:48px}.modal-close{top:8px;right:8px}.solo{min-height:48px;padding:10px 0}.resume{margin-top:0}.code-input{min-height:48px;font-size:16px}.code-input,.invite-link{-webkit-touch-callout:default}.invite-link{width:100%;letter-spacing:0}.invite-done{margin-top:18px}.modal-layer{top:var(--viewport-top, 0px);bottom:auto;height:var(--visible-height, 100dvh)}.modal{overscroll-behavior:contain;touch-action:pan-y}.modal h2{padding-right:16px}.touch-controls-note{font-size:11px;line-height:1.6;color:#69775f}.code-entry-back{display:none}.action-button{background:#f7f3e9e8;color:#284a36;border:2px solid #6c8265;text-shadow:none;font-size:13px;font-weight:700;width:calc(76px * var(--action-scale, 1));height:calc(76px * var(--action-scale, 1))}.action-button .icon{filter:none}.action-button.dook{background:#edbb92ed;color:#50331f;border-color:#966444;width:calc(88px * var(--action-scale, 1));height:calc(88px * var(--action-scale, 1))}.action-button.no-target{border-style:dashed}.action-buttons{bottom:max(var(--action-lift, 24px),calc(env(safe-area-inset-bottom) + 16px))}.left-handed .action-buttons{right:auto;left:max(23px,calc(env(safe-area-inset-left) + 12px))}.left-handed .game-menu-button{left:auto;right:max(22px,env(safe-area-inset-right))}.touch-setting{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:16px;font-size:14px}.touch-setting input[type=checkbox]{width:44px;height:44px;accent-color:#38634a}.range-setting{flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.range-setting input{width:100%;height:44px;accent-color:#38634a;touch-action:pan-x}#controls-done,#performance-done{margin-top:14px}#replay-hints,#performance-save,#performance-reset{width:100%;margin-top:8px}.play-hint{position:absolute;top:max(18px,env(safe-area-inset-top));left:80px;right:22px;max-width:420px;margin:auto;background:#f7f3e9ed;border-radius:14px;padding:4px 6px 4px 14px;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:#284a36;pointer-events:auto;box-shadow:0 3px 18px #263b3022}.play-hint button{min-width:44px;min-height:44px;background:transparent;font-size:22px}.left-handed .play-hint{right:80px;left:22px}.action-feedback{position:absolute;bottom:calc(max(var(--action-lift, 24px),env(safe-area-inset-bottom)) + 114px * var(--action-scale, 1));right:20px;max-width:220px;padding:9px 13px;border-radius:14px;background:#304f3aed;color:#fff7e5;font-size:13px;pointer-events:none}.left-handed .action-feedback{left:20px;right:auto}.graphics-recovery{z-index:30;background:#eeeadcd9}.graphics-recovery .primary{text-decoration:none;color:#fff7e5;font-size:15px}.performance-stats{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px}.performance-stats dd{margin:0;font-weight:700}.entering-room .lobby{top:var(--viewport-top, 0px);bottom:auto;height:var(--visible-height, 100dvh);overflow-y:auto;pointer-events:auto;justify-content:center;align-items:center;padding:20px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));background:#f4f0e9f5}.entering-room .topbar,.entering-room .eyebrow,.entering-room h1,.entering-room .description,.entering-room #create,.entering-room .divider,.entering-room .solo,.entering-room .resume,.entering-room .scene-tag,.entering-room .scene-label,.entering-room .lobby-footer{display:none}.entering-room .intro{width:min(360px,100%);max-width:none;margin:0;padding:0;text-align:center}.entering-room .intro:before{content:"Enter your friend’s code";display:block;margin-bottom:20px;font:700 25px/1.2 Playfair Display,Georgia,serif}.entering-room .room-actions{max-width:none}.entering-room .code-entry-back{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:48px;min-width:88px;margin-top:8px;color:#62765b;background:transparent;font-size:13px}.code-entry-back .icon{width:16px;transform:rotate(180deg)}@media(max-width:760px)and (orientation:portrait){.lobby-footer{flex-direction:column;padding-top:8px;gap:4px}.touch-controls-note{display:block;text-align:center;max-width:300px;font-size:11px}.footer-note{display:none}h1{font-size:clamp(46px,15vw,64px)}.solo{padding:10px 0;font-size:12px}.code-input::placeholder{font-size:13px}.join-button{font-size:13px}.load-status:empty{display:none}}@media(max-height:500px)and (orientation:landscape){.topbar{padding-top:8px;padding-bottom:6px}.eyebrow{margin-bottom:6px}h1{font-size:40px;margin-bottom:8px}.description{font-size:11px;line-height:1.45;margin-bottom:8px}.divider{margin:6px 0}.solo{padding:6px 0;min-height:44px;font-size:11px}.lobby-footer{padding-top:6px;padding-bottom:6px}.touch-controls-note{font-size:10px}.load-status:empty{display:none}}.explore-hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:80px;right:22px;margin:0 0 0 auto;width:min(240px,calc(100% - 102px));padding:11px 14px;border:1px solid #c5b897;border-radius:16px;background:#fff7e9ee;color:#34513a;box-shadow:0 3px 18px #263b3022;text-align:left;pointer-events:auto;min-height:44px}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.explore-heading>span{font-size:12px;white-space:nowrap;color:#836541}.left-handed .explore-hud{left:22px;right:80px;margin:0 auto 0 0}.play-hint{top:auto;bottom:calc(max(var(--action-lift, 24px),env(safe-area-inset-bottom)) + 150px * var(--action-scale, 1));left:22px;right:22px;max-width:330px}.left-handed .play-hint{left:22px;right:22px}.modal:has(.house-map){width:min(760px,94vw);max-width:760px;padding:30px 24px 22px}.house-map{display:block;width:100%;background:#f5efe1;border-radius:12px;margin-top:14px}.map-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;margin:10px 0}@media(max-width:500px){.modal:has(.house-map){padding:28px 14px 18px}.explore-hud{padding:9px 11px}}@media(max-height:500px)and (orientation:landscape){.explore-hud{top:10px}.play-hint{left:90px;right:auto;bottom:18px;max-width:250px}}