@font-face{font-family:Marcellus;src:url('assets/Marcellus.ttf') format('truetype');font-display:swap}@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--green:#163F35;--paper:#F4F2EB;--sage:#D3D9C5;--bronze:#9D7852;--ink:#25332E;--muted:#52655A;--line:#ccd2c6;--header:84px;--display:Marcellus,Georgia,serif;--body:Manrope,Arial,sans-serif;--shadow:0 12px 36px #163f351b;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font:14px var(--body)}::selection{background:var(--sage);color:var(--green)}*{scrollbar-width:thin;scrollbar-color:#9aaa95 var(--paper)}button,select,input{font:inherit;accent-color:var(--green);caret-color:var(--green)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--green);cursor:pointer;line-height:1.3;font-weight:600;text-decoration:none;transition:background .15s,color .15s}button:hover,.button:hover{background:#e3e7da}button:disabled,select:disabled,input:disabled{opacity:.45;cursor:wait}button[aria-pressed=true]{background:var(--green);color:var(--paper)}:focus-visible{outline:3px solid #658464;outline-offset:3px}button svg,.button svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon-button{width:44px;padding:10px}.primary{background:var(--green);color:var(--paper)}.primary:hover{background:#285445;color:#fff}.outline{border-color:#718774}.wide{width:100%;grid-column:1/-1}[hidden]{display:none!important}select{border:1px solid var(--line);border-radius:6px;min-height:44px;background:var(--paper);padding:9px 32px 9px 12px;color:var(--green);max-width:100%;font-weight:600}label{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;text-wrap:balance}h2{font-size:27px;line-height:1.2}h3{font-size:23px;line-height:1.25}p{line-height:1.7;color:var(--muted)}a{color:var(--green);text-underline-offset:4px}.small{font-size:12px;line-height:1.6}.numeric{font-variant-numeric:tabular-nums}
.masthead{height:var(--header);padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:30;gap:16px}.brand{display:flex;flex-direction:column;gap:8px;text-decoration:none}.brand img{display:block;width:240px;height:auto}.brand span{font-size:11px;color:var(--muted);padding-left:38px;letter-spacing:.015em}.header-actions{display:flex;align-items:center;gap:8px;font-size:13px}.header-actions button[aria-expanded=true]:not(.primary){background:var(--sage)}
#experience{height:calc(100dvh - var(--header));position:relative;overflow:hidden}#stage{position:absolute;inset:0;outline-offset:-5px}#stage canvas{display:block;touch-action:none;width:100%;height:100%}.scene-caption{position:absolute;top:29px;left:32px;max-width:400px;pointer-events:none;background:var(--paper);padding:14px 18px 16px;border-radius:0 8px 8px 0;border-bottom:2px solid var(--sage);z-index:2}.scene-caption h1{font-size:29px;line-height:1.22;color:var(--green)}.scene-caption p{font-size:12px;margin-top:6px;max-width:340px}.stage-options{position:absolute;top:29px;right:94px;display:flex;align-items:center;gap:8px;background:var(--paper);padding:2px 6px 2px 12px;border-radius:6px;font-size:12px}.stage-options select{border:0;background:transparent;padding-left:5px;font-size:12px;max-width:145px}.stage-options button{font-size:12px;padding:8px 9px}.stage-options button svg{width:17px}.nav-tools{position:absolute;top:29px;right:24px;display:flex;flex-direction:column;padding:4px;background:var(--paper);border-radius:8px;box-shadow:var(--shadow);gap:2px;z-index:3}.nav-tools button{width:44px;min-height:44px;padding:8px;flex-direction:column;gap:2px}.nav-tools small{font-size:11px;font-weight:600}.divider{height:1px;background:var(--line);margin:3px 8px}.nav-tools button:last-child,.nav-tools button:nth-last-child(2){min-height:52px}
.tour{position:absolute;left:50%;bottom:33px;transform:translateX(-50%);width:min(620px,calc(100% - 200px));background:var(--paper);box-shadow:var(--shadow);border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:15px;z-index:5}.play{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--green);color:var(--paper);padding:12px}.play:hover{background:#2c5747}.play svg{width:25px;height:25px}.tour-main{flex:1;min-width:0}.tour-top{display:flex;align-items:center;gap:10px}.tour-top label{white-space:nowrap;font-size:11px;font-weight:600;color:var(--green)}.tour-top select{border:0;font-size:12px;min-height:28px;padding:3px 22px 3px 0;flex:1;min-width:0;width:130px;outline-offset:0}.tour-top span{font-size:11px;color:var(--muted)}input[type=range]{width:100%;height:16px;margin:4px 0 0;cursor:pointer}.tour-skip{display:flex;gap:0}.tour-skip button{width:36px;padding:7px}.navigation-hint{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:#324c3f;background:#f4f2ebe8;padding:1px 7px;border-radius:3px;pointer-events:none}.study-note{position:absolute;bottom:8px;left:25px;font-size:11px;min-height:24px;padding:2px 6px;background:var(--paper);font-weight:400;text-decoration:underline;text-underline-offset:3px}
.drawer{position:absolute;top:0;bottom:0;background:var(--paper);padding:24px;overflow:auto;z-index:15;width:348px;box-shadow:var(--shadow)}.houses{left:0}.renders{right:0;width:378px}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.drawer-heading h2{font-size:27px}.drawer-heading button{flex-shrink:0;margin-right:-9px}.drawer>label{display:block;margin-bottom:8px}.drawer>select{width:100%}.drawer p{font-size:13px}.drawer details p{margin:12px 0}.drawer .small{font-size:11px}.drawer details{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.drawer summary{cursor:pointer;font-size:12px;font-weight:600;line-height:1.5;color:var(--green)}#lot-map{margin-top:16px;background:#e6e9dc;border-radius:5px}#lot-map svg{display:block;width:100%;height:142px}#lot-map path{cursor:pointer;transition:fill .2s}#lot-map path:hover{fill:var(--bronze)}.lot-heading{margin:22px 0 18px}.lot-heading h3{font-size:26px;color:var(--green)}.lot-heading p{font-size:12px;margin-top:6px}.view-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.view-buttons button{border-color:var(--line);font-size:12px;padding:9px}.checks{display:flex;flex-direction:column;gap:10px;margin-top:20px}.checks label{display:flex;align-items:center;min-height:28px;gap:8px;color:var(--ink)}.checks input{width:17px;height:17px}.floor-switch{display:flex;gap:4px;margin-top:22px}.floor-switch button{flex:1;padding:8px;font-size:12px;border-color:var(--line)}#floor-label{font-size:11px;margin:9px 0}#plan{margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px}#plan svg{display:block;width:100%;height:205px}#plan path{cursor:pointer}#plan path:hover{filter:brightness(.92)}#rooms{display:grid;margin-top:10px}#rooms button{justify-content:space-between;padding:8px 3px;border-bottom:1px solid var(--line);border-radius:0;font-size:12px;text-align:left}#rooms button small{font-size:11px;white-space:nowrap;color:var(--muted)}
.render-option{padding:22px 0;border-bottom:1px solid var(--line)}.render-option h3{margin-bottom:6px}.render-option p{margin-bottom:16px}.render-option>label{display:block;margin:17px 0 6px}.render-option>select{width:100%}.render-option>.small{margin:8px 0 16px}.render-option>a{font-size:12px;margin-top:12px;display:block}.render-footnote{margin-top:22px}.render-option #engine-status{margin:10px 0 0}#render-job{padding:20px 0}#render-job strong{font-family:var(--display);font-weight:400;font-size:22px;color:var(--green)}#render-job p{margin:9px 0}progress{display:block;width:100%;height:5px;accent-color:var(--green);border:0;background:var(--sage)}progress::-webkit-progress-bar{background:var(--sage);border-radius:3px}progress::-webkit-progress-value{background:var(--green);border-radius:3px}.job-actions{display:flex;gap:8px;margin:16px 0}#render-preview{display:block;width:100%;border-radius:5px;margin-top:15px}#render-gallery a{display:block;margin-top:15px;font-size:12px}#render-gallery img{display:block;width:100%;margin-bottom:6px;border-radius:4px}
.loading{position:absolute;inset:0;z-index:25;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.loading>img{width:min(320px,78vw);height:auto;margin-bottom:26px}.loading h2{font-size:32px;color:var(--green);margin-bottom:10px}.loading p{max-width:380px;margin:6px 0}.loading progress{width:240px;margin:22px 0 10px}.loading button{margin-top:20px}#toast{position:absolute;left:50%;bottom:137px;transform:translateX(-50%);max-width:calc(100% - 40px);background:var(--green);color:var(--paper);padding:12px 18px;border-radius:7px;font-size:12px;z-index:45;box-shadow:var(--shadow)}dialog{width:min(540px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:0;border-radius:12px;background:var(--paper);color:var(--ink);padding:26px;box-shadow:var(--shadow)}dialog::backdrop{background:#132e2469}dialog>p{margin:16px 0;font-size:13px}.help-list{display:grid;grid-template-columns:130px 1fr;gap:20px 18px;font-size:13px;line-height:1.6}.help-list dt{color:var(--green);font-weight:650}.help-list dd{margin:0;color:var(--muted)}body[data-drawer=houses] .scene-caption{display:none}body[data-drawer=renders] .stage-options,body[data-drawer=renders] .nav-tools{display:none}body[data-drawer=houses] .tour,body[data-drawer=renders] .tour{left:calc(50% + 160px);width:min(540px,calc(100% - 430px))}body[data-drawer=renders] .tour{left:calc(50% - 180px)}body[data-drawer] .tour-top label{display:none}body[data-drawer] .navigation-hint{display:none}
@media(max-width:1100px){.scene-caption{max-width:310px}.scene-caption h1{font-size:25px}.stage-options>label{display:none}.stage-options{right:88px}.stage-options button span{display:none}.header-actions{gap:3px}.masthead{padding:0 23px}.tour{width:min(570px,calc(100% - 150px))}body[data-drawer] .tour{width:calc(100% - 410px)}body[data-drawer] .tour-skip{display:none}}
@media(max-width:760px){:root{--header:74px}.masthead{padding:0 16px;gap:8px}.brand img{width:176px}.brand span{font-size:11px;padding-left:0;max-width:176px;line-height:1.3}.header-actions{gap:2px}.header-actions button{width:42px;min-height:44px;padding:10px}.header-actions button span,.optional{display:none}.header-actions svg{width:19px}.scene-caption{top:18px;left:16px;max-width:calc(100% - 96px);padding:11px 13px}.scene-caption h1{font-size:23px}.scene-caption p{font-size:11px;line-height:1.5}.stage-options{top:119px;left:16px;right:auto;padding-left:4px;gap:0}.stage-options select{font-size:11px;max-width:125px}.stage-options button{padding:8px}.nav-tools{top:18px;right:14px;padding:3px}.nav-tools button{width:40px;min-height:42px}.nav-tools button:last-child,.nav-tools button:nth-last-child(2){min-height:50px}.tour{width:calc(100% - 28px);bottom:45px;gap:10px;padding:10px}.tour-top label{display:none}.tour-skip button{width:31px;padding:6px}.tour-skip{gap:0}.tour-top select{font-size:11px}.tour-main{min-width:0}.tour-top{gap:5px}.play{height:44px;width:44px;padding:10px}.navigation-hint{bottom:27px;font-size:11px}.study-note{bottom:3px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap}.drawer{width:min(358px,calc(100% - 34px));padding:19px;z-index:20}.drawer-heading{margin-bottom:18px}.drawer-heading h2{font-size:25px}.renders{width:min(378px,calc(100% - 24px))}#panel-shade:not([hidden]){display:block;position:absolute;inset:0;background:#163f3529;z-index:14}body[data-drawer] .tour{display:none}body[data-drawer] .scene-caption{display:none}.help-list{grid-template-columns:1fr;gap:7px}.help-list dt:not(:first-child){margin-top:12px}.loading h2{font-size:27px}#toast{bottom:140px}.drawer .small{font-size:12px}}
@media(max-width:370px){.brand img{width:148px}.brand span{font-size:11px;max-width:148px}.masthead{padding:0 10px}.header-actions button{width:39px;padding:9px}.tour-skip{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Presentation layers reuse the existing branded select controls. */
.stage-options{flex-direction:column;align-items:stretch;gap:0;padding:3px 10px;z-index:4}.presentation-row,.visual-row{display:flex;align-items:center;gap:8px}.presentation-row{border-bottom:1px solid var(--line)}.presentation-row label{min-width:32px}.stage-options #presentation{max-width:none;flex:1;font-size:12px}.visual-row select{flex:1}.view-buttons button[hidden]{display:none}
@media(max-width:1100px){.visual-row>label{display:none}.stage-options{width:244px}.stage-options button span{display:none}}
@media(max-width:760px){.stage-options{top:139px;width:242px;padding:2px 8px}.scene-caption{min-height:108px}.presentation-row{gap:4px}.visual-row{justify-content:space-between}.stage-options #presentation{font-size:12px}.presentation-row label{font-size:11px}.visual-row>select{max-width:151px}.visual-row>label{display:none}}

#stage canvas{touch-action:none}.loading{background:linear-gradient(#f4f2ebee,#f4f2ebf5),url('/assets/maquete-preview.webp') center/cover}.loading #start-3d{gap:25px;min-height:54px;padding:15px 24px;margin:20px 0}.loading a{text-decoration:underline;text-underline-offset:3px}.tour input[type=range]{min-height:28px}.tour button{min-width:44px;min-height:44px}.tour{padding-bottom:max(12px,env(safe-area-inset-bottom))}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #9d7852;outline-offset:3px}@media(max-width:760px){.masthead{padding:0 10px}.brand img{width:145px}.brand span{font-size:9px}.header-actions button{width:40px;min-height:44px}.scene-caption{left:12px;top:12px;min-height:0;max-width:calc(100% - 85px);padding:10px 12px}.scene-caption h1{font-size:20px}.scene-caption p{font-size:10px}.stage-options{top:auto;bottom:155px;left:12px;width:225px;font-size:11px}.nav-tools{right:10px;top:12px}.tour{bottom:calc(39px + env(safe-area-inset-bottom));width:calc(100% - 20px);gap:6px}.tour-skip button{width:44px}.tour-top select{height:40px;padding-left:0;min-width:0}.tour-top{gap:3px}.tour-time{font-size:10px}.navigation-hint{bottom:calc(23px + env(safe-area-inset-bottom));font-size:9px}.study-note{bottom:env(safe-area-inset-bottom);min-height:26px}.drawer,.renders{top:auto;bottom:0;left:0;right:0;width:100%;max-height:78%;border-radius:20px 20px 0 0;padding:20px 20px calc(22px + env(safe-area-inset-bottom));border-top:1px solid #d3d9c5}.drawer:before{content:'';display:block;width:36px;height:4px;background:#adb6a9;border-radius:4px;margin:-9px auto 20px}.loading{padding:20px}.loading>img{width:235px}.loading .small{font-size:11px}.tour-main{flex:1}.tour-top select{width:100%}}@media(max-height:540px) and (orientation:landscape){.scene-caption{display:none}.stage-options{top:12px;bottom:auto}.tour{width:60%;bottom:26px}.navigation-hint{display:none}.study-note{left:20px;transform:none}.loading>img{width:140px;margin-bottom:10px}.loading h2{font-size:23px}.loading #start-3d{margin:10px 0}.loading p{font-size:11px}}
/* 19 Oct: the model leads; secondary tools live in one sheet. */
:root{--header:70px}
.masthead{padding:0 24px;border:0}.brand img{width:188px}.brand span{padding:0;font-size:10px}.header-actions #options-toggle{width:auto;gap:8px;padding:10px 14px;border:1px solid var(--line)}.header-actions #options-toggle span{display:inline}
#stage{background:linear-gradient(180deg,#18342633,#152d23ef),url('/assets/real-panorama-960.webp') center/cover}
.scene-caption{background:transparent;border:0;border-radius:0;left:28px;top:24px;padding:0;max-width:410px;color:var(--paper);text-shadow:0 2px 12px #10271f66}.scene-caption h1{color:var(--paper);font-size:28px}.scene-caption p{color:#eff2e5;max-width:340px;font-size:12px}
.tour{width:auto;max-width:calc(100% - 48px);gap:14px;border-radius:12px;bottom:30px;padding:10px;min-height:66px}.tour .play{border-radius:6px;width:auto;min-width:180px;padding:12px 17px;height:46px;gap:10px;font-size:13px;white-space:nowrap}.tour .play svg{width:21px;height:21px}.tour #houses-toggle{white-space:nowrap;font-size:13px;padding:12px 16px;min-height:46px}.tour-main{display:none}.tour-skip{display:none}body[data-tour-started=true] .tour-main{display:block;width:220px}.tour-top label{display:none}.tour-top select{font-size:11px}.tour input[type=range]{height:16px;min-height:20px;margin:0}.tour-top span{font-size:10px}.navigation-hint{bottom:105px;background:transparent;color:var(--paper);font-size:11px;padding:0;text-shadow:0 1px 6px #10271f}.study-note{bottom:8px;left:50%;transform:translateX(-50%);background:transparent;color:#e1e7db;font-size:10px;pointer-events:none;text-decoration:none;padding:0;min-height:0;white-space:nowrap}body[data-hint-dismissed=true] .navigation-hint{display:none}
#return-overview{position:absolute;top:110px;left:28px;background:var(--paper);padding:8px 12px;font-size:12px;z-index:5}
.drawer{box-shadow:0 14px 40px #10271f40;border:0}.options{right:0;width:354px}.options>h3{font-family:var(--body);font-size:13px;font-weight:650;margin:26px 0 12px}.options .stage-options{position:static;display:flex;width:100%;padding:0;border-radius:0;background:transparent;font-size:13px;gap:10px}.options .presentation-row,.options .visual-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0}.options .presentation-row label,.options .visual-row label{display:block;width:48px;color:var(--ink)}.options .stage-options select{border:1px solid var(--line);font-size:13px;flex:1;max-width:none;min-width:0;padding:9px 28px 9px 12px}.options .stage-options #light{margin-left:58px;font-size:12px;padding:10px 0}.options .stage-options #light span{display:inline}.options .nav-tools{position:static;box-shadow:none;background:transparent;flex-flow:row wrap;gap:7px;padding:20px 0;margin-top:16px;border-radius:0;border-block:1px solid var(--line)}.options .nav-tools button{border:1px solid var(--line);width:46px;min-height:46px;flex:1}.options .nav-tools .divider{display:none}.options .nav-tools button small{font-size:10px}.extra-actions{display:grid;margin-top:16px}.extra-actions button{justify-content:flex-start;padding:12px 0;min-height:48px;font-weight:500}.extra-actions #about{font-size:12px;text-decoration:underline}.extra-actions #render-toggle{color:var(--green);background:transparent}.drawer .location-detail{margin-top:14px;padding-top:0;border:0}.drawer .house-more{margin-top:14px;padding-top:0;border:0}.house-more .view-buttons{margin-top:14px}.lot-heading{margin:20px 0 16px}.checks{margin-top:20px}.drawer .checks{flex-direction:row;flex-wrap:wrap}.drawer .checks label{font-size:11px}body[data-drawer] .tour,body[data-drawer] #return-overview{display:none}body[data-drawer] .scene-caption{display:none}#panel-shade:not([hidden]){display:block;position:absolute;inset:0;background:#10271f33;z-index:14}#toast{bottom:115px}
@media(max-width:760px){:root{--header:64px}.masthead{padding:0 16px}.brand img{width:156px}.brand span{font-size:9px;max-width:none}.header-actions #options-toggle{padding:8px 11px;font-size:12px;min-height:42px}.header-actions #options-toggle svg{width:20px}.scene-caption{left:20px;top:24px;max-width:calc(100% - 40px);padding:0;min-height:0}.scene-caption h1{font-size:23px}.scene-caption p{font-size:11px;max-width:270px;line-height:1.5}.tour{display:grid;grid-template-columns:1fr auto;gap:8px;width:calc(100% - 32px);max-width:none;bottom:calc(27px + env(safe-area-inset-bottom));padding:8px;border-radius:10px;min-height:64px}.tour .play{min-width:0;padding:12px 10px;font-size:12px;gap:7px;height:46px}.tour .play svg{width:18px}.tour #houses-toggle{font-size:12px;padding:12px 10px;gap:6px}.tour #houses-toggle svg{width:18px}.tour-main{grid-row:2;grid-column:1/-1}.tour-top{justify-content:space-between}.tour-top select{width:auto;min-height:26px;height:26px;font-size:11px}.tour input[type=range]{min-height:24px}.tour-skip{display:none!important}body[data-tour-started=true] .tour-main{display:block;width:100%;padding:0 6px 2px}.navigation-hint{bottom:calc(103px + env(safe-area-inset-bottom));font-size:10px}body[data-tour-started=true] .navigation-hint{display:none}.study-note{bottom:calc(7px + env(safe-area-inset-bottom));font-size:10px;left:50%;min-height:0}.drawer,.options,.renders{top:auto;bottom:0;left:0;right:0;max-height:82%;width:100%;border-radius:16px 16px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom))}.drawer-heading{margin-bottom:16px}.drawer-heading h2{font-size:25px}#return-overview{top:98px;left:20px;min-height:42px;font-size:11px;padding:8px 11px}.options .nav-tools{top:auto;right:auto}.options .stage-options{bottom:auto;left:auto}.options .stage-options #light{margin-left:58px}.options .stage-options .visual-row>select{max-width:none}.options .stage-options .visual-row>label{display:block}.options .stage-options button span{display:inline}body[data-drawer] .tour{display:none}#toast{bottom:125px}.loading p{font-size:13px}.loading .small{font-size:11px}}
@media(max-width:350px){.tour{width:calc(100% - 20px);gap:4px}.tour .play,.tour #houses-toggle{font-size:11px}.scene-caption h1{font-size:21px}}
@media(max-height:540px) and (orientation:landscape){:root{--header:54px}.brand span{display:none}.tour{bottom:24px;width:auto;min-width:310px;max-width:65%;padding:5px}.navigation-hint,.scene-caption{display:none}.study-note{bottom:4px;left:50%;transform:translateX(-50%)}.drawer,.options,.renders{top:0;max-height:100%;width:340px;left:auto;right:0;border-radius:0}body[data-tour-started=true] .tour-main{display:none}.loading .small{max-width:400px}.loading>img{width:130px;margin-bottom:8px}#return-overview{top:14px;left:14px}}
/* Contrast over bright roofs while preserving the open scene. */
#stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,28,20,.7),rgba(10,28,20,.3) 110px,transparent 200px),linear-gradient(0deg,rgba(10,28,20,.42),transparent 64px)}
/* Narrated visit: the model and one shared audio timeline. */
#scene-transition{position:absolute;inset:0;background:#142c24;opacity:0;pointer-events:none;z-index:1}
#house-status{position:absolute;right:24px;bottom:12px;color:#e1e7db;font-size:10px;pointer-events:none}
#tour-subtitle{position:absolute;z-index:4;left:50%;bottom:126px;transform:translateX(-50%);max-width:min(640px,calc(100% - 40px));width:max-content;padding:8px 14px;border-radius:6px;background:#122a24eb;color:#fff;font-size:15px;line-height:1.5;text-align:center;pointer-events:none;text-wrap:balance}
#tour-end{position:absolute;z-index:5;left:50%;bottom:146px;transform:translateX(-50%);white-space:nowrap;box-shadow:0 12px 30px #10271f44;background:var(--paper);color:var(--green);padding:14px 22px}
body[data-tour-started=true] .tour{width:min(660px,calc(100% - 48px));gap:8px}
body[data-tour-started=true] .tour .play{min-width:112px}
body[data-tour-started=true] .tour-main{flex:1;width:auto}
.tour #sound{width:44px;padding:10px;background:transparent;color:var(--green)}
.tour #sound[aria-pressed=false]{color:#6a765f}
.scene-caption h1{font-size:clamp(23px,2.5vw,32px);max-width:500px}.scene-caption{max-width:520px}
body[data-tour-playing=true] .scene-caption p{font-size:11px;color:#e7eddf}
body[data-drawer] #tour-subtitle,body[data-drawer] #tour-end{display:none}
@media(max-width:760px){
 .scene-caption{left:20px;right:20px;top:22px;max-width:none}.scene-caption h1{font-size:25px;line-height:1.17;max-width:340px}.scene-caption p{max-width:310px;font-size:11px}
 body[data-tour-started=true] .tour{width:calc(100% - 32px);grid-template-columns:1fr 44px auto;gap:4px}
 body[data-tour-started=true] .tour .play{min-width:0}.tour #houses-toggle{padding-inline:10px}.tour #houses-toggle svg{display:none}
 body[data-tour-started=true] .tour-main{grid-row:2;grid-column:1/-1;width:100%}
 #tour-subtitle{bottom:calc(159px + env(safe-area-inset-bottom));font-size:13px;max-width:calc(100% - 36px);padding:7px 11px}
 #tour-end{bottom:calc(169px + env(safe-area-inset-bottom));font-size:13px;max-width:calc(100% - 40px)}
 #house-status{right:auto;left:50%;transform:translateX(-50%);bottom:107px;white-space:nowrap;font-size:10px}
 body[data-tour-started=true] #house-status{display:none}.study-note{font-size:9px}
 #return-overview{top:126px}.tour-top select{max-width:calc(100% - 80px)}
}
@media(max-height:540px) and (orientation:landscape){#tour-subtitle{bottom:105px;font-size:12px;max-width:75%}#house-status{display:none}#tour-end{bottom:115px}.scene-caption{display:none}body[data-tour-started=true] .tour{width:auto;min-width:340px}}