.twin-host:where(.twin-host,.twin-host *){font-family:DM Sans,Arial,sans-serif;color:#edf1ef;background:#101919;font-synthesis:none;color-scheme:dark}:where(.twin-host,.twin-host *){box-sizing:border-box}body:where(:has(.twin-host)){margin:0}a:where(.twin-host,.twin-host *),button:where(.twin-host,.twin-host *){-webkit-tap-highlight-color:transparent}button:where(.twin-host,.twin-host *){font:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}a:focus-visible:where(.twin-host,.twin-host *),button:focus-visible:where(.twin-host,.twin-host *),input:focus-visible:where(.twin-host,.twin-host *){outline:2px solid #d1f98a;outline-offset:4px}button:where(.twin-host,.twin-host *){border:1px solid #35413f;background:#25312f;color:#e7eeea;border-radius:7px;padding:9px 13px;font-size:14px}button:hover:where(.twin-host,.twin-host *){background:#3c4b43;border-color:#81966c}header:where(.twin-host,.twin-host *){height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid #303a36;background:#15201e}.brand:where(.twin-host,.twin-host *){color:#f0f4ed;text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.brandmark:where(.twin-host,.twin-host *){display:grid;place-items:center;background:#d1f98a;color:#18251f;width:33px;height:33px;border-radius:10px;font-size:29px;line-height:1}.divider:where(.twin-host,.twin-host *){height:22px;width:1px;background:#435044;margin:0 9px}.product:where(.twin-host,.twin-host *){letter-spacing:0;font-weight:500;color:#bdc7c2}.headright:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:8px;font-size:14px;color:#bdc7c2}.statusdot:where(.twin-host,.twin-host *){width:6px;height:6px;border-radius:50%;background:#c4f48b;display:inline-block}.demo-label:where(.twin-host,.twin-host *){border:1px solid #4a564a;border-radius:4px;padding:5px 7px;font-size:11px;letter-spacing:1.1px;margin-left:14px}main:where(.twin-host,.twin-host *){height:calc(100dvh - 77px);display:grid;grid-template-columns:minmax(0,1fr) 365px}.world:where(.twin-host,.twin-host *){position:relative;overflow:hidden;background:#172523}canvas:where(.twin-host,.twin-host *){width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active:where(.twin-host,.twin-host *){cursor:grabbing}.scene-title:where(.twin-host,.twin-host *){position:absolute;top:33px;left:33px;pointer-events:none}.eyebrow:where(.twin-host,.twin-host *){font-size:11px;font-weight:700;letter-spacing:2px;color:#a8b8ae}h1:where(.twin-host,.twin-host *){font:600 29px Manrope,Arial,sans-serif;letter-spacing:-1px;margin:10px 0 8px}.scene-title p:where(.twin-host,.twin-host *){color:#a6b5ae;margin:0;font-size:14px}.view-tools:where(.twin-host,.twin-host *){position:absolute;top:32px;right:22px;display:flex;gap:6px}.view-tools button:where(.twin-host,.twin-host *){background:#182520db;padding:9px 11px;font-size:12px}.view-tools .active:where(.twin-host,.twin-host *){color:#d1f98a;border-color:#6d8059}.focusbadge:where(.twin-host,.twin-host *){position:absolute;top:134px;left:33px;display:flex;gap:8px;align-items:center;border:1px solid #405148;background:#20332bc9;padding:8px 11px;border-radius:5px;font-size:12px;color:#caddcd}.legend:where(.twin-host,.twin-host *){position:absolute;bottom:123px;left:31px;display:flex;gap:20px;font-size:12px;color:#aabbaf}.legend span:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:7px}.legend i:where(.twin-host,.twin-host *){width:7px;height:7px;border-radius:2px}.indoor:where(.twin-host,.twin-host *){background:#368e96}.outdoor:where(.twin-host,.twin-host *){background:#b37755}.facilities:where(.twin-host,.twin-host *){background:#d2bc92}.scene-help:where(.twin-host,.twin-host *){position:absolute;bottom:123px;right:25px;font-size:11px;color:#94a89c}.scene-help span:where(.twin-host,.twin-host *){margin:0 5px}.journey:where(.twin-host,.twin-host *){position:absolute;bottom:23px;left:25px;right:25px;display:flex;align-items:center;gap:14px;padding:18px;background:#263b31e8;border:1px solid #4b6248;border-radius:12px;backdrop-filter:blur(12px)}.journey-icon:where(.twin-host,.twin-host *){color:#d1f98a;border:1px solid #678054;border-radius:8px;font-size:26px;display:grid;place-items:center;width:42px;height:42px}.journey strong:where(.twin-host,.twin-host *){display:block;font-size:15px;margin-bottom:6px}.journey span:where(.twin-host,.twin-host *){display:block;font-size:13px;color:#b5c5b7}.journey button:where(.twin-host,.twin-host *){margin-left:auto;background:#d1f98a;color:#20301b;font-weight:700;border:0;white-space:nowrap;padding:12px 17px}.journey button:hover:where(.twin-host,.twin-host *){background:#e3ffb1}aside:where(.twin-host,.twin-host *){background:#18211f;border-left:1px solid #344239;overflow:auto;scrollbar-width:thin;scrollbar-color:#506448 transparent}.panel-heading:where(.twin-host,.twin-host *){padding:26px 24px 20px}.panel-heading .eyebrow:where(.twin-host,.twin-host *){color:#bfe28e;font-size:10px}h2:where(.twin-host,.twin-host *){font:600 22px Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:9px 0}h2 span:where(.twin-host,.twin-host *){float:right;color:#9ea99c}.panel-heading p:where(.twin-host,.twin-host *){font-size:13px;color:#99a79e;margin:8px 0 0}.control-section:where(.twin-host,.twin-host *){border-top:1px solid #303d34;padding:21px 23px}.section-title:where(.twin-host,.twin-host *){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h3:where(.twin-host,.twin-host *){font-size:15px;margin:0;font-weight:600}.section-title>span:where(.twin-host,.twin-host *){font-size:10px;letter-spacing:1px;color:#8b9f90}.door-card:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:11px;background:#233028;border:1px solid #354539;padding:12px 10px;border-radius:8px;margin-bottom:9px}.door-icon:where(.twin-host,.twin-host *){font-size:24px;color:#b9c9b8}.door-card strong:where(.twin-host,.twin-host *){font-size:13px;font-weight:500;display:block}.door-card span:where(.twin-host,.twin-host *){font-size:11px;color:#93a68f;display:block;margin-top:5px}.door-card button:where(.twin-host,.twin-host *){margin-left:auto;padding:7px 11px;font-size:12px}.access-options:where(.twin-host,.twin-host *){display:flex;gap:7px;margin-top:12px}.access-options button:where(.twin-host,.twin-host *){font-size:11px;flex:1;padding:9px 4px;background:transparent}.access-options button:first-child:where(.twin-host,.twin-host *){color:#d1f98a;border-color:#6b8152}.group-label:where(.twin-host,.twin-host *){font-size:10px;letter-spacing:1.6px;color:#899d8c;margin-bottom:4px}.court-control:where(.twin-host,.twin-host *){padding:12px 0;border-bottom:1px solid #2c3a30}.court-top:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:8px;margin-bottom:10px}.court-number:where(.twin-host,.twin-host *){background:#263e38;color:#a2ccbc;border:1px solid #3d5a4a;border-radius:4px;padding:4px 6px;font-size:10px}.court-top strong:where(.twin-host,.twin-host *){font-size:13px;font-weight:500}.court-top output:where(.twin-host,.twin-host *){margin-left:auto;color:#d1f98a;font-size:12px}.court-bottom:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:10px}.court-bottom input:where(.twin-host,.twin-host *){width:100%;height:4px;accent-color:#c9f68a;cursor:pointer;min-width:40px}.presets:where(.twin-host,.twin-host *){display:flex;gap:4px}.presets button:where(.twin-host,.twin-host *){font-size:10px;padding:5px 7px;border-radius:4px;background:transparent}.presets button.selected:where(.twin-host,.twin-host *){color:#d1f98a;border-color:#8da766;background:#35432a}.tennis-label:where(.twin-host,.twin-host *){margin-top:20px}.all-actions:where(.twin-host,.twin-host *){display:flex;gap:8px;margin-top:16px}.all-actions button:where(.twin-host,.twin-host *){flex:1;font-size:12px;background:transparent}.activity-section:where(.twin-host,.twin-host *){border-top:1px solid #303d34;padding:20px 23px}.live:where(.twin-host,.twin-host *){color:#c4e899!important}:where(.twin-host) ol:where(.twin-host,.twin-host *){margin:0;padding:0;list-style:none}:where(.twin-host) li:where(.twin-host,.twin-host *){display:flex;gap:12px;font-size:12px;color:#adbdad;padding:8px 0;line-height:1.5}time:where(.twin-host,.twin-host *){color:#718774;font-size:10px;padding-top:2px;min-width:40px}.panel-footer:where(.twin-host,.twin-host *){padding:15px 20px;font-size:10px;color:#879785;border-top:1px solid #303d34;display:flex;gap:8px;align-items:center}.toast:where(.twin-host,.twin-host *){position:absolute;bottom:150px;left:50%;transform:translate(-50%,8px);background:#d1f98a;color:#22331c;box-shadow:0 8px 40px #0004;padding:13px 18px;border-radius:8px;font-size:14px;opacity:0;transition:.3s;pointer-events:none;max-width:90%;text-align:center}.toast.show:where(.twin-host,.twin-host *){opacity:1;transform:translate(-50%)}.toast.error:where(.twin-host,.twin-host *){background:#f2af9e}@media(min-width:1500px){main:where(.twin-host,.twin-host *){grid-template-columns:minmax(0,1fr) 390px}.control-section:where(.twin-host,.twin-host *),.panel-heading:where(.twin-host,.twin-host *){padding-left:28px;padding-right:28px}.court-control:where(.twin-host,.twin-host *){padding:14px 0}}@media(max-width:1150px){.view-tools:where(.twin-host,.twin-host *){top:139px;left:33px;right:auto}.focusbadge:where(.twin-host,.twin-host *){top:188px}.scene-help:where(.twin-host,.twin-host *){display:none}h1:where(.twin-host,.twin-host *){font-size:26px}.legend:where(.twin-host,.twin-host *){gap:12px;font-size:11px}}@media(max-width:780px){header:where(.twin-host,.twin-host *){height:65px;padding:0 17px}.brand:where(.twin-host,.twin-host *){font-size:21px}.product:where(.twin-host,.twin-host *){font-size:12px}.headright:where(.twin-host,.twin-host *){font-size:0;gap:0}.demo-label:where(.twin-host,.twin-host *){font-size:9px;margin-left:5px}main:where(.twin-host,.twin-host *){height:auto;display:flex;flex-direction:column}.world:where(.twin-host,.twin-host *){height:69dvh;min-height:490px}.scene-title:where(.twin-host,.twin-host *){top:22px;left:20px}h1:where(.twin-host,.twin-host *){font-size:24px}.scene-title p:where(.twin-host,.twin-host *){font-size:12px}.view-tools:where(.twin-host,.twin-host *){top:122px;left:20px}.focusbadge:where(.twin-host,.twin-host *){display:none}.journey:where(.twin-host,.twin-host *){left:13px;right:13px;bottom:12px;padding:12px;gap:10px}.journey strong:where(.twin-host,.twin-host *){font-size:12px}.journey span:where(.twin-host,.twin-host *){font-size:11px}.journey-icon:where(.twin-host,.twin-host *){display:none}.journey button:where(.twin-host,.twin-host *){font-size:12px;padding:11px}.legend:where(.twin-host,.twin-host *){bottom:100px;left:20px}aside:where(.twin-host,.twin-host *){border-left:0;overflow:visible}.panel-heading:where(.twin-host,.twin-host *){padding-top:25px}.control-section:where(.twin-host,.twin-host *){padding:22px}.court-top strong:where(.twin-host,.twin-host *),.door-card strong:where(.twin-host,.twin-host *){font-size:15px}.court-top output:where(.twin-host,.twin-host *){font-size:14px}.presets button:where(.twin-host,.twin-host *){font-size:12px;padding:8px 10px}.court-bottom input:where(.twin-host,.twin-host *){height:6px}.door-card span:where(.twin-host,.twin-host *){font-size:12px}.access-options button:where(.twin-host,.twin-host *),.all-actions button:where(.twin-host,.twin-host *),.door-card button:where(.twin-host,.twin-host *){font-size:13px}.panel-footer:where(.twin-host,.twin-host *){font-size:11px}}@media(prefers-reduced-motion:reduce){:where(.twin-host,.twin-host *){transition:none!important}}.world:where(.twin-host,.twin-host *){background:#101b24}.court-focus:where(.twin-host,.twin-host *){border:0;background:none;padding:0;font-size:14px;font-weight:500}.court-focus span:where(.twin-host,.twin-host *){font-size:12px;color:#8ca998;margin-left:3px}.court-focus:hover:where(.twin-host,.twin-host *){background:none;color:#d1f98a}.light-kinds:where(.twin-host,.twin-host *){display:flex;gap:7px;margin-top:10px}.light-kinds button:where(.twin-host,.twin-host *){background:transparent;font-size:12px;padding:6px 10px;color:#899b94;border-color:#34433b}.light-kinds button.selected:where(.twin-host,.twin-host *){color:#cfdfd3;background:#2b3c33;border-color:#536a58}.door-active:where(.twin-host,.twin-host *){color:#d1f98a;border-color:#8d9e6b}.model-note:where(.twin-host,.twin-host *){margin:0;padding:0 23px 20px;color:#91a39b;font-size:12px;line-height:1.6}.model-note a:where(.twin-host,.twin-host *){color:#b5dca0}.scene-error:where(.twin-host,.twin-host *),.scene-loading:where(.twin-host,.twin-host *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px;border:1px solid #536a58;border-radius:12px;background:#20312f;color:#cbe3cb;z-index:30}.scene-error:where(.twin-host,.twin-host *){width:min(440px,90%);line-height:1.6}.scene-error p:where(.twin-host,.twin-host *){font-size:14px}.scene-title:where(.twin-host,.twin-host *){max-width:310px}.view-tools:where(.twin-host,.twin-host *){top:135px;left:33px;right:auto}.focusbadge:where(.twin-host,.twin-host *){top:184px}.scene-title p:where(.twin-host,.twin-host *){color:#b0bfc0}.light-section .court-control:where(.twin-host,.twin-host *){padding:13px 0}.journey:where(.twin-host,.twin-host *){background:#1c3035ec}.scene-help:where(.twin-host,.twin-host *){color:#a1b3bc}.legend:where(.twin-host,.twin-host *){color:#b0bdc3}@media(min-width:1550px){.view-tools:where(.twin-host,.twin-host *){top:32px;left:auto;right:25px}.focusbadge:where(.twin-host,.twin-host *){top:135px}}@media(max-width:780px){.view-tools:where(.twin-host,.twin-host *){top:119px;left:16px;gap:5px}.view-tools button:where(.twin-host,.twin-host *){font-size:11px;padding:8px}.light-kinds button:where(.twin-host,.twin-host *){font-size:13px;padding:9px 12px}.scene-title:where(.twin-host,.twin-host *){max-width:none}.world:where(.twin-host,.twin-host *){min-height:535px}.court-focus:where(.twin-host,.twin-host *){font-size:15px}}.view-tools:where(.twin-host,.twin-host *){flex-wrap:wrap;max-width:calc(100% - 48px)}@media(max-width:780px){.view-tools:where(.twin-host,.twin-host *){max-width:calc(100% - 25px)}.view-tools button:where(.twin-host,.twin-host *){font-size:11px;padding:7px 8px}.focusbadge:where(.twin-host,.twin-host *){top:195px}}.brand:where(.twin-host,.twin-host *){font-size:0}.brandmark:where(.twin-host,.twin-host *){display:block;width:156px;height:38px;border-radius:0;background:transparent url(/_next/static/media/eventlogic-logo.4aae3b8f.png) 50%/contain no-repeat;color:transparent;font-size:0}.product:where(.twin-host,.twin-host *){font-size:15px}@media(max-width:780px){.brand:where(.twin-host,.twin-host *){font-size:0}.brandmark:where(.twin-host,.twin-host *){width:130px;height:32px}.product:where(.twin-host,.twin-host *){font-size:12px}}.live-label:where(.twin-host,.twin-host *){border:1px solid #58705a;border-radius:4px;padding:5px 7px;font-size:11px;letter-spacing:1.1px;margin-left:14px;color:#c8edaa}.event-hint:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:8px;margin:12px 0 0;color:#8fa496;font-size:12px}.event-hint .statusdot:where(.twin-host,.twin-host *){flex:0 0 auto}.app-home:where(.twin-host,.twin-host *){margin:0 16px 10px;padding:16px;border-radius:18px;background:#1b2127;border:1px solid #293138}.app-home-title h3:where(.twin-host,.twin-host *){font-size:17px;margin-top:5px}.app-tiles:where(.twin-host,.twin-host *){display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.app-tiles button:where(.twin-host,.twin-host *){text-align:left;min-height:92px;border:1px solid #303a40;border-radius:14px;background:#222a30;padding:13px}.app-tiles button.active:where(.twin-host,.twin-host *),.app-tiles button:hover:where(.twin-host,.twin-host *){border-color:#bdf47b;background:#28332f}.app-tiles span:where(.twin-host,.twin-host *){display:block;font-size:26px;color:#bdf47b;margin-bottom:9px}.app-tiles b:where(.twin-host,.twin-host *){display:block;font-size:13px}.app-tiles small:where(.twin-host,.twin-host *){display:block;color:#8e9ca5;font-size:10px;margin-top:4px}.app-nav:where(.twin-host,.twin-host *){position:sticky;bottom:0;display:flex;justify-content:space-around;margin-top:16px;padding:10px 14px 8px;background:#080b0e;border-top:1px solid #303940;z-index:5}.app-nav button:where(.twin-host,.twin-host *){border:0;background:transparent;color:#849199;font-size:22px;padding:5px 17px;border-radius:18px}.app-nav button.active:where(.twin-host,.twin-host *){color:#bdf47b;background:#263129}.app-nav small:where(.twin-host,.twin-host *){display:block;font-size:10px;margin-top:3px;color:inherit}.phone-status:where(.twin-host,.twin-host *){display:flex;justify-content:space-between;font-size:11px;color:#8e9ca5;margin-bottom:14px}.appbar:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:14px;color:#d8e4df;margin-bottom:22px}.appbar strong:where(.twin-host,.twin-host *){font-size:17px;letter-spacing:1.8px}.hamburger:where(.twin-host,.twin-host *),.search:where(.twin-host,.twin-host *){font-size:22px;color:#bdf47b}.search:where(.twin-host,.twin-host *){margin-left:auto;font-size:27px}.energy-card:where(.twin-host,.twin-host *){margin:0 23px 2px;padding:16px;border-radius:18px;background:linear-gradient(145deg,#222930,#171c21);border:1px solid #2e393d;box-shadow:0 10px 24px #0003}.energy-head:where(.twin-host,.twin-host *),.energy-total:where(.twin-host,.twin-host *){display:flex;justify-content:space-between;align-items:center}.energy-head h3:where(.twin-host,.twin-host *){font-size:17px;margin-top:5px}.energy-live:where(.twin-host,.twin-host *){font-size:10px;color:#a6e878;letter-spacing:1px}.energy-live i:where(.twin-host,.twin-host *){width:6px;height:6px;background:#a6e878;border-radius:50%;display:inline-block;box-shadow:0 0 9px #a6e878}.energy-map:where(.twin-host,.twin-host *){aspect-ratio:320/180;position:relative;margin:20px 0 24px}.energy-map svg:where(.twin-host,.twin-host *){width:100%;height:100%;overflow:visible}.flow-line:where(.twin-host,.twin-host *){stroke:#627078;stroke-width:1.4;fill:none}.energy-core:where(.twin-host,.twin-host *){fill:#29343b;stroke:#b9ec76;stroke-width:2}.energy-dot:where(.twin-host,.twin-host *){fill:#c4f878;filter:drop-shadow(0 0 5px #c4f878)}.energy-node:where(.twin-host,.twin-host *){position:absolute;text-align:center;transform:translate(-50%,-50%);font-size:11px}.energy-node b:where(.twin-host,.twin-host *){display:block;color:#e7f0ea;font-size:11px}.energy-node small:where(.twin-host,.twin-host *){color:#8b9ba1;font-size:10px}.n-grid:where(.twin-host,.twin-host *){left:50%;top:0}.n-padel:where(.twin-host,.twin-host *){left:81.25%;top:8%}.n-house:where(.twin-host,.twin-host *){left:81.25%;top:96%}.n-solar:where(.twin-host,.twin-host *){left:18.75%;top:96%}.n-battery:where(.twin-host,.twin-host *){left:18.75%;top:8%}.energy-total:where(.twin-host,.twin-host *){border-top:1px solid #323c40;padding-top:12px;color:#96a4a9;font-size:11px}.energy-total strong:where(.twin-host,.twin-host *){font-size:18px;color:#c6f781}aside:where(.twin-host,.twin-host *){background:#101419;border-left-color:#2a3238}aside .control-section:where(.twin-host,.twin-host *){margin:10px 16px 0;padding:18px 14px;border-radius:18px;background:#1b2127;border:1px solid #293138}aside .section-title:where(.twin-host,.twin-host *){margin-bottom:14px}aside h3:where(.twin-host,.twin-host *){font-size:16px}aside .door-card:where(.twin-host,.twin-host *){background:#222a30;border:1px solid #303a40;border-radius:13px;padding:12px;margin-bottom:8px}aside .door-icon:where(.twin-host,.twin-host *){color:#bdf47b}aside .door-card button:where(.twin-host,.twin-host *){border-radius:20px;background:#bdf47b;color:#152019;border:0;font-weight:600}aside .court-control:where(.twin-host,.twin-host *){padding:13px 0;border-color:#303a40}aside .court-number:where(.twin-host,.twin-host *){background:#29343b;border:0;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#bdf47b}aside .presets button:where(.twin-host,.twin-host *){border-radius:14px;background:#242c31}aside .all-actions:where(.twin-host,.twin-host *){flex-wrap:wrap}aside .all-actions button:where(.twin-host,.twin-host *){border-radius:20px;background:#252e34;border-color:#39464d}aside .activity-section:where(.twin-host,.twin-host *){margin:10px 16px 0;padding:18px 14px;border:0;border-radius:18px;background:#1b2127}.panel-footer:where(.twin-host,.twin-host *){background:#101419}.model-note:where(.twin-host,.twin-host *){padding-left:23px;padding-right:23px}.app-column:where(.twin-host,.twin-host *){background:#101419;border-left:1px solid #344239;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden}.app-intro:where(.twin-host,.twin-host *){width:min(390px,calc(100% - 28px));padding:20px 8px 8px;color:#dce7e1}.app-intro h2:where(.twin-host,.twin-host *){font-size:19px;line-height:1.15;margin:7px 0}.app-intro p:where(.twin-host,.twin-host *){font-size:12px;line-height:1.45;color:#9eada7;margin:0}.phone-device:where(.twin-host,.twin-host *){position:relative;margin:10px auto 0;width:min(390px,calc(100% - 28px));aspect-ratio:9/19.5;max-height:calc(100% - 112px);border:10px solid #30353a;border-radius:38px;box-shadow:inset 0 0 0 2px #5e676b,0 18px 45px #0007;overflow:auto}.phone-device:where(.twin-host,.twin-host *):before{content:"";position:absolute;z-index:8;top:7px;left:50%;transform:translateX(-50%);width:112px;height:20px;border-radius:14px;background:#090b0d}.phone-device>.panel-heading:where(.twin-host,.twin-host *){padding-top:38px}.phone-device .app-nav:where(.twin-host,.twin-host *){border-radius:0 0 25px 25px}.phone-device aside:where(.twin-host,.twin-host *){border:0}.app-disclaimer:where(.twin-host,.twin-host *){width:min(390px,calc(100% - 28px));margin:8px 0 14px;text-align:center;color:#7f9188;font-size:10px;line-height:1.35}@media(max-width:780px){.app-column:where(.twin-host,.twin-host *){border-left:0;overflow:visible}.app-intro:where(.twin-host,.twin-host *){padding-top:18px}.phone-device:where(.twin-host,.twin-host *){width:calc(100% - 24px);max-height:none;margin-top:8px}.app-disclaimer:where(.twin-host,.twin-host *){margin-bottom:20px}}.render-quality:where(.twin-host,.twin-host *){position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 13px;border:1px solid #43554c;border-radius:9px;background:#16241fee;color:#b8c9bf;font-size:14px}.render-quality select:where(.twin-host,.twin-host *){min-height:32px;max-width:160px;padding:5px 25px 5px 9px;border:1px solid #49604f;border-radius:6px;background:#24372d;color:#e2eddc;font:inherit;cursor:pointer}.render-quality select:focus-visible:where(.twin-host,.twin-host *){outline:2px solid #d1f98a;outline-offset:3px}@media(max-width:780px){.render-quality:where(.twin-host,.twin-host *){right:16px;bottom:18px}}.app-column:where(.twin-host,.twin-host *){display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:stretch;min-height:0}.app-intro:where(.twin-host,.twin-host *){width:min(432px,calc(100% - 28px));padding:12px 4px 10px}.phone-slot:where(.twin-host,.twin-host *){width:calc(100% - 28px);min-height:0;container-type:size;display:grid;place-items:center}.phone-device:where(.twin-host,.twin-host *){display:flex;flex-direction:column;flex:none;width:min(400px,100cqw,calc(100cqh * 9 / 16));height:auto;max-height:none;min-height:0;aspect-ratio:9/16;margin:0;overflow:hidden}.phone-device>.panel-heading:where(.twin-host,.twin-host *){flex:none;padding:38px 16px 12px}.phone-device .phone-status:where(.twin-host,.twin-host *){margin-bottom:9px}.phone-device .appbar:where(.twin-host,.twin-host *){margin-bottom:0}.phone-content:where(.twin-host,.twin-host *){flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#506448 transparent;padding:4px 0 12px}.phone-content:focus-visible:where(.twin-host,.twin-host *){outline:1px solid #bdf47b;outline-offset:-2px}.phone-device .app-nav:where(.twin-host,.twin-host *){position:relative;bottom:auto;flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:7px 5px 9px;border-radius:0;background:#080b0e}.phone-device .app-nav button:where(.twin-host,.twin-host *){min-width:0;min-height:49px;padding:4px 0}.phone-device .app-nav small:where(.twin-host,.twin-host *){font-size:11px;letter-spacing:-.2px}.phone-content .energy-card:where(.twin-host,.twin-host *){margin:0 12px 2px;padding:14px 10px}.energy-dot:where(.twin-host,.twin-host *){pointer-events:none;filter:none}.flow-line[data-direction=idle]:where(.twin-host,.twin-host *){opacity:.35}@media(max-width:780px){.app-column:where(.twin-host,.twin-host *){grid-template-rows:auto auto auto;overflow:visible}.phone-slot:where(.twin-host,.twin-host *){width:calc(100% - 24px);height:min(820px,calc(100dvh - 100px))}.phone-device:where(.twin-host,.twin-host *){width:min(400px,100cqw,calc(100cqh * 9 / 16));margin:0;overflow:hidden}}@media(prefers-reduced-motion:reduce){.energy-dot:where(.twin-host,.twin-host *){display:none}}.tv-caption:where(.twin-host,.twin-host *){margin:0 0 12px;color:#8f9da2;font-size:12px;line-height:1.45}.tv-controls:where(.twin-host,.twin-host *){display:grid;gap:8px}.tv-button:where(.twin-host,.twin-host *){display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;background:#222a30;border:1px solid #303a40;border-radius:13px}.tv-button:hover:where(.twin-host,.twin-host *){background:#2a3537;border-color:#6a805b}.tv-button .tv-icon:where(.twin-host,.twin-host *){display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#2d4038;color:#bdf47b;font-size:19px}.tv-button>span:nth-child(2):where(.twin-host,.twin-host *){min-width:0}.tv-button strong:where(.twin-host,.twin-host *){display:block;font-size:13px;font-weight:600;color:#e2ece5}.tv-button small:where(.twin-host,.twin-host *){display:block;margin-top:4px;color:#899ba1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-button>b:where(.twin-host,.twin-host *){min-width:39px;padding:5px 7px;border-radius:14px;background:#bdf47b;color:#152019;text-align:center;font-size:11px}.tv-button.tv-off:where(.twin-host,.twin-host *){border-color:#3a4147;background:#1a2025}.tv-button.tv-off .tv-icon:where(.twin-host,.twin-host *){background:#2a3035;color:#809096}.tv-button.tv-off>b:where(.twin-host,.twin-host *){background:#394149;color:#b8c4c5}@media(max-width:780px){.tv-button:where(.twin-host,.twin-host *){padding:12px}.tv-button strong:where(.twin-host,.twin-host *){font-size:14px}.tv-button small:where(.twin-host,.twin-host *){font-size:12px}}.header-quality:where(.twin-host,.twin-host *){position:static;right:auto;bottom:auto;margin-left:4px;padding:3px 0 3px 10px;border:0;border-left:1px solid #3b4d45;border-radius:0;background:transparent;font-size:12px;color:#b8c9bf}.header-quality select:where(.twin-host,.twin-host *){min-height:30px;max-width:145px;padding:4px 22px 4px 8px;font-size:12px}.app-gesture-hint:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:7px;margin-top:10px!important;color:#b7dca0!important;font-size:11px!important}.app-gesture-hint span:where(.twin-host,.twin-host *){display:grid;place-items:center;width:20px;height:20px;border:1px solid #557247;border-radius:50%;color:#d1f98a;font-size:14px;flex:none}@media(max-width:780px){.header-quality:where(.twin-host,.twin-host *){padding-left:7px;font-size:0}.header-quality select:where(.twin-host,.twin-host *){min-height:27px;max-width:110px;font-size:11px;padding:4px 20px 4px 7px}.app-gesture-hint:where(.twin-host,.twin-host *){font-size:11px!important}}[hidden]:where(.twin-host,.twin-host *){display:none!important}.favorite-hidden:where(.twin-host,.twin-host *),.favorites-view #access-section .door-card:not([data-favorite-access=true]):where(.twin-host,.twin-host *),.favorites-view #lighting-section .all-actions:where(.twin-host,.twin-host *),.favorites-view #parking-section:where(.twin-host,.twin-host *){display:none!important}aside .section-title:where(.twin-host,.twin-host *){flex-wrap:wrap;gap:6px}.section-more:where(.twin-host,.twin-host *){display:none;align-items:center;min-height:36px;margin-left:auto;padding:5px 8px;border:1px solid #4b6747;border-radius:9px;background:transparent;color:#bdf47b;font-size:12px;white-space:nowrap}.section-more:hover:where(.twin-host,.twin-host *){background:#293b31}.favorites-view .section-more:where(.twin-host,.twin-host *){display:inline-flex}.favorites-view [data-section-count]:where(.twin-host,.twin-host *){display:none}aside .door-card:where(.twin-host,.twin-host *){gap:8px;min-height:54px;padding:5px 8px;margin-bottom:7px}aside .door-card>div:nth-child(2):where(.twin-host,.twin-host *){min-width:0;flex:1}aside .door-card strong:where(.twin-host,.twin-host *){font-size:14px;line-height:1.3;overflow-wrap:anywhere}aside .door-card .door-icon:where(.twin-host,.twin-host *){color:#87969b;font-size:22px;flex:none}aside .door-card button:where(.twin-host,.twin-host *){flex:none;min-width:53px;min-height:42px;padding:6px 9px;background:#394149;color:#d2dcdf;font-size:13px;transition:none}aside .door-card.door-active:where(.twin-host,.twin-host *){border-color:#749e58}aside .door-card.door-active .door-icon:where(.twin-host,.twin-host *){color:#bdf47b}aside .door-card button.door-active:where(.twin-host,.twin-host *){background:#bdf47b;color:#152019}@media(min-width:781px){main:where(.twin-host,.twin-host *){grid-template-columns:minmax(0,1fr) clamp(380px,33vw,460px)}}body.loxone-live main:where(.twin-host,.twin-host *){grid-template-columns:minmax(0,1fr)}body.loxone-live .app-column:where(.twin-host,.twin-host *){display:none!important}@media(max-width:780px){body.loxone-live main:where(.twin-host,.twin-host *){height:calc(100dvh - 65px)}body.loxone-live .world:where(.twin-host,.twin-host *){height:100%;min-height:0}}.phone-content .control-section:where(.twin-host,.twin-host *){margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px}.phone-content .energy-card:where(.twin-host,.twin-host *){margin-left:10px;margin-right:10px}.phone-device .section-title:where(.twin-host,.twin-host *){column-gap:8px}.phone-device .section-more:where(.twin-host,.twin-host *){flex-shrink:0}.headright .header-quality:where(.twin-host,.twin-host *){margin-left:0;padding-left:0;border-left:0}@media(min-width:781px) and (max-height:850px){.app-intro:where(.twin-host,.twin-host *){padding-top:6px;padding-bottom:8px}.app-intro>.eyebrow:where(.twin-host,.twin-host *){display:none}.app-intro h2:where(.twin-host,.twin-host *){font-size:17px;line-height:1.2;margin:4px 0 6px}.app-intro p:where(.twin-host,.twin-host *){line-height:1.35}.app-gesture-hint:where(.twin-host,.twin-host *){margin-top:6px!important}.app-disclaimer:where(.twin-host,.twin-host *){margin:6px 0 8px}}.scene-loading:where(.twin-host,.twin-host *){position:absolute;z-index:30;display:grid;justify-items:center;gap:14px;width:min(340px,calc(100% - 48px));text-align:center;box-shadow:0 12px 60px #0005;pointer-events:none}.scene-loading[hidden]:where(.twin-host,.twin-host *){display:none}.scene-loading strong:where(.twin-host,.twin-host *){font-size:15px}.scene-loading small:where(.twin-host,.twin-host *){font-size:12px;color:#b0c5bb}.loading-spinner:where(.twin-host,.twin-host *){width:28px;height:28px;border:3px solid #ffffff25;border-top-color:#c3ee9c;border-radius:50%;animation:scene-spin .8s linear infinite}@keyframes scene-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.loading-spinner:where(.twin-host,.twin-host *){animation:none}}.quality-status:where(.twin-host,.twin-host *){display:inline-block;font-size:11px;line-height:1.3;color:#c8d1cd;max-width:135px}.quality-status:where(.twin-host,.twin-host *):before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#82928a}.quality-status[data-hd=true]:where(.twin-host,.twin-host *){color:#d1f98a}.quality-status[data-hd=true]:where(.twin-host,.twin-host *):before{background:#d1f98a}@media(max-width:600px){header .headright:where(.twin-host,.twin-host *){flex-wrap:wrap;justify-content:flex-end}.quality-status:where(.twin-host,.twin-host *){font-size:10px;max-width:110px}}header:where(.twin-host,.twin-host *){position:relative;z-index:40}.staff-login:where(.twin-host,.twin-host *){position:relative;margin-right:2px}.staff-login-btn:where(.twin-host,.twin-host *){display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border:1px solid #5a4a42;border-radius:999px;background:#1c1614;color:#e3c4b4;font-size:11px;font-weight:700;letter-spacing:.04em;opacity:1;transition:background .2s,color .2s,border-color .2s}.staff-login-dot:where(.twin-host,.twin-host *){width:7px;height:7px;border-radius:50%;background:#d0896e;box-shadow:0 0 7px #d0896e88}.staff-login-btn:hover:where(.twin-host,.twin-host *),.staff-login.is-open .staff-login-btn:where(.twin-host,.twin-host *){background:#2a1f1c;border-color:#7a5c52;color:#f0d6c8}.staff-login.is-connected .staff-login-btn:where(.twin-host,.twin-host *){color:#d7f5b8;border-color:#6d8059;background:#1d2c28}.staff-login.is-connected .staff-login-dot:where(.twin-host,.twin-host *){background:#c4f48b;box-shadow:0 0 8px #c4f48b}.staff-login.is-reconnecting .staff-login-dot:where(.twin-host,.twin-host *){background:#f0d56a;animation:staff-pulse 1s ease-in-out infinite}.staff-status[data-phase=reconnecting]:where(.twin-host,.twin-host *){color:#e6d08a}@keyframes staff-pulse{0%,to{opacity:.35}50%{opacity:1}}.staff-panel:where(.twin-host,.twin-host *){position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(320px,calc(100vw - 24px));padding:14px 14px 12px;border:1px solid #3a4d45;border-radius:12px;background:#16221f;box-shadow:0 16px 40px #0007;color:#d7e3dc}.staff-panel h2:where(.twin-host,.twin-host *){margin:0 0 4px;font:600 15px Manrope,Arial,sans-serif;letter-spacing:-.3px;float:none;color:#eef5ea}.staff-panel .staff-hint:where(.twin-host,.twin-host *){margin:0 0 12px;color:#93a59c;font-size:11px;line-height:1.45}.staff-connection:where(.twin-host,.twin-host *){margin:0 0 10px;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.35}.staff-connection[data-state=offline]:where(.twin-host,.twin-host *){color:#f2af9e;background:#2a1b18;border:1px solid #6a433a}.staff-connection[data-state=online]:where(.twin-host,.twin-host *){color:#d1f98a;background:#1d2c22;border:1px solid #6d8059}.staff-connection[data-state=reconnect]:where(.twin-host,.twin-host *){color:#e6d08a;background:#2a2618;border:1px solid #7a7040}#staff-credentials[hidden]:where(.twin-host,.twin-host *){display:none!important}.staff-panel fieldset:where(.twin-host,.twin-host *){margin:0 0 10px;padding:0;border:0;display:flex;gap:12px}.staff-panel label:where(.twin-host,.twin-host *),.staff-panel legend:where(.twin-host,.twin-host *){display:block;margin-bottom:8px;color:#b7c6be;font-size:11px}.staff-panel input[type=password]:where(.twin-host,.twin-host *),.staff-panel input[type=text]:where(.twin-host,.twin-host *){display:block;width:100%;margin-top:4px;min-height:32px;padding:6px 8px;border:1px solid #3d5148;border-radius:7px;background:#101a18;color:#e8f0ea;font:inherit}.staff-panel .choice:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:6px;margin:0;color:#d5e2da;font-size:12px}.staff-status:where(.twin-host,.twin-host *){min-height:2.6em;margin:0 0 10px;color:#a9bdb3;font-size:12px;line-height:1.4}.staff-status[data-phase=error]:where(.twin-host,.twin-host *){color:#f2af9e}.staff-status[data-phase=listening]:where(.twin-host,.twin-host *){color:#c8edaa}.staff-event:where(.twin-host,.twin-host *){margin:8px 0 0;color:#b7c6be;font-size:11px;line-height:1.45;word-break:break-word}.staff-ref:where(.twin-host,.twin-host *){margin:10px 0 0}.staff-ref button:where(.twin-host,.twin-host *){padding:0;border:0;background:none;color:#c8edaa;font-size:11px}.staff-ref button:hover:where(.twin-host,.twin-host *){color:#e3ffb1;background:none}.marker-modal:where(.twin-host,.twin-host *){position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px}.marker-modal[hidden]:where(.twin-host,.twin-host *){display:none!important}.marker-modal-backdrop:where(.twin-host,.twin-host *){position:absolute;inset:0;background:#0b1210cc}.marker-modal-dialog:where(.twin-host,.twin-host *){position:relative;z-index:1;width:min(920px,100%);max-height:min(860px,calc(100dvh - 36px));overflow:auto;border:1px solid #3d5148;border-radius:16px;background:#15201e;box-shadow:0 24px 60px #0008}.marker-modal-head:where(.twin-host,.twin-host *){display:flex;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid #2f4038}.marker-modal-head h2:where(.twin-host,.twin-host *){margin:0;font:700 18px Manrope,Arial,sans-serif}.marker-modal-head p:where(.twin-host,.twin-host *){margin:6px 0 0;color:#9eb0a7;font-size:12px}.marker-modal-close:where(.twin-host,.twin-host *){width:36px;height:36px;padding:0;border:1px solid #3d5148;background:#1d2c28;color:#e8f0ea;font-size:22px;line-height:1}.marker-modal-setup:where(.twin-host,.twin-host *){padding:0 20px}.marker-modal-setup ol:where(.twin-host,.twin-host *){margin:12px 0 0;padding-left:18px;color:#b7c6be;font-size:12px;line-height:1.5}.marker-modal-seen:where(.twin-host,.twin-host *){margin:12px 0 0;padding:10px 12px;border:1px solid #3d5148;border-radius:10px;background:#1a2824;color:#d7e6dc;font-size:12px;line-height:1.45}.marker-modal-body:where(.twin-host,.twin-host *){padding:8px 20px 22px}.marker-group:where(.twin-host,.twin-host *){margin-top:18px}.marker-group h3:where(.twin-host,.twin-host *){margin:0 0 8px;color:#c8edaa;font-size:13px}.marker-table:where(.twin-host,.twin-host *){width:100%;border-collapse:collapse;font-size:12px}.marker-table th:where(.twin-host,.twin-host *){text-align:left;color:#7f9188;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:6px 8px}.marker-table td:where(.twin-host,.twin-host *){padding:8px;border-top:1px solid #2b3a34;vertical-align:top}.marker-name:where(.twin-host,.twin-host *){display:block;padding:0;border:0;background:none;color:#d1f98a;font:inherit;text-align:left;cursor:pointer}.marker-name:hover:where(.twin-host,.twin-host *){color:#e3ffb1;background:none}.marker-name.copied:where(.twin-host,.twin-host *){color:#e3ffb1}.marker-alias:where(.twin-host,.twin-host *),.marker-type-note:where(.twin-host,.twin-host *){display:block;margin-top:3px;color:#7f9188;font-size:10px}.marker-type:where(.twin-host,.twin-host *){color:#c5d4cc;white-space:nowrap}.marker-type-note:where(.twin-host,.twin-host *){display:none}.marker-dot:where(.twin-host,.twin-host *){display:inline-block;width:8px;height:8px;border-radius:50%;background:#5d6f66}.marker-row.is-linked .marker-dot:where(.twin-host,.twin-host *){background:#c4f48b;box-shadow:0 0 8px #c4f48b}.marker-row.is-missing .marker-status:where(.twin-host,.twin-host *){color:#f2af9e}.marker-row.is-linked .marker-status:where(.twin-host,.twin-host *){color:#c8edaa}.marker-value:where(.twin-host,.twin-host *){color:#e8f0ea;font-variant-numeric:tabular-nums}.marker-optional:where(.twin-host,.twin-host *){opacity:.85}@media(max-width:700px){.marker-modal:where(.twin-host,.twin-host *){padding:8px}.marker-hide:where(.twin-host,.twin-host *),.marker-table th:nth-child(3):where(.twin-host,.twin-host *),.marker-type:where(.twin-host,.twin-host *){display:none}.marker-type-note:where(.twin-host,.twin-host *){display:block}}.staff-actions:where(.twin-host,.twin-host *){display:flex;justify-content:flex-end;gap:8px}.staff-actions button:where(.twin-host,.twin-host *){min-height:34px;padding:6px 12px;border:0;background:#d1f98a;color:#20301b;font-size:13px;font-weight:700}.staff-actions button:hover:where(.twin-host,.twin-host *){background:#e3ffb1}.staff-actions button:disabled:where(.twin-host,.twin-host *){opacity:.6;cursor:wait}.staff-actions .staff-ghost:where(.twin-host,.twin-host *){background:transparent;color:#b7c6be;border:1px solid #3d5148;font-weight:500}.staff-actions .staff-ghost:hover:where(.twin-host,.twin-host *){background:#1d2c28;color:#e8f0ea}@media (hover:none){.staff-login-btn:where(.twin-host,.twin-host *){opacity:1}}@media (max-width:780px){.staff-login-btn:where(.twin-host,.twin-host *){font-size:10px;padding:3px 7px}}.club-tour[hidden]:where(.twin-host,.twin-host *),.tour-pin[hidden]:where(.twin-host,.twin-host *){display:none}body.tour-running main:where(.twin-host,.twin-host *){display:block;height:calc(100dvh - 78px)}body.tour-running .world:where(.twin-host,.twin-host *){width:100%;height:100%;min-height:570px}body.tour-running .app-column:where(.twin-host,.twin-host *),body.tour-running .view-tools:where(.twin-host,.twin-host *){display:none}body.tour-running #scene:where(.twin-host,.twin-host *){position:absolute;left:0;top:0;width:calc(100% - 390px);height:100%}.club-tour:where(.twin-host,.twin-host *){position:absolute;inset:0;z-index:35;pointer-events:none;color:#f1f6ef}.tour-top:where(.twin-host,.twin-host *){position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.tour-top>span:where(.twin-host,.twin-host *){font-size:12px;letter-spacing:.16em;background:#162820e8;padding:10px 14px;border-radius:24px}.club-tour button:where(.twin-host,.twin-host *){pointer-events:auto;font:inherit;font-size:14px;min-height:44px;padding:10px 14px;border:1px solid #536650;border-radius:10px;background:#21372d;color:#e8f2e5;cursor:pointer}.club-tour button:hover:where(.twin-host,.twin-host *){background:#354c38}.club-tour button:focus-visible:where(.twin-host,.twin-host *),.club-tour h2:focus-visible:where(.twin-host,.twin-host *){outline:2px solid #d1f98a;outline-offset:4px}.tour-card:where(.twin-host,.twin-host *){position:absolute;right:24px;top:50%;transform:translateY(-50%);width:350px;max-height:calc(100% - 150px);overflow:auto;pointer-events:auto;border:1px solid #60764e;background:#14291ff5;border-radius:22px;box-shadow:0 20px 70px #07150d66;padding:24px}.tour-card nav:where(.twin-host,.twin-host *){display:flex;gap:6px}.tour-card nav button:where(.twin-host,.twin-host *){flex:1;padding:10px 8px;font-size:12px;background:transparent}.tour-card nav button[aria-current=step]:where(.twin-host,.twin-host *){background:#d1f98a;color:#1e321a;border-color:#d1f98a}.tour-count:where(.twin-host,.twin-host *){margin:27px 0 12px;color:#c4e899;font-size:12px;letter-spacing:.08em}.tour-card h2:where(.twin-host,.twin-host *){font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px;color:#f0f6e9}.tour-description:where(.twin-host,.twin-host *){font-size:16px;line-height:1.65;color:#cedbcd;margin:0 0 22px}.tour-copy small:where(.twin-host,.twin-host *){font-size:12px;color:#a6b9a2}.tour-demo-status:where(.twin-host,.twin-host *){margin:0 0 14px;padding:11px 12px;background:#294638;border-left:3px solid #d1f98a;border-radius:5px;color:#e1f9c6;font-size:14px;line-height:1.4;min-height:42px}.tour-demo-status[hidden]:where(.twin-host,.twin-host *){display:none}.tour-source:where(.twin-host,.twin-host *){display:block;margin-top:12px;font-size:12px;color:#c4e899}.tour-source[hidden]:where(.twin-host,.twin-host *){display:none}.booking-panel:where(.twin-host,.twin-host *){position:absolute;left:24px;right:414px;bottom:18px;padding:18px;border:1px solid #60764e;border-radius:16px;background:#14291ff5;pointer-events:auto}.booking-panel[hidden]:where(.twin-host,.twin-host *),.booking-timeline[hidden]:where(.twin-host,.twin-host *){display:none}body.booking-tour #scene:where(.twin-host,.twin-host *){height:calc(100% - 290px)}.booking-chain:where(.twin-host,.twin-host *){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;list-style:none}.booking-chain li:where(.twin-host,.twin-host *){position:relative;display:block;padding:10px 8px;border:1px solid #536650;border-radius:8px;background:#22372b;font-size:12px;color:#c4d1c4;line-height:1.4}.booking-chain b:where(.twin-host,.twin-host *),.booking-chain span:where(.twin-host,.twin-host *){display:block}.booking-chain b:where(.twin-host,.twin-host *){font-size:14px;color:#eef5e9}.booking-chain span:where(.twin-host,.twin-host *){margin-top:4px}.booking-chain li+li:where(.twin-host,.twin-host *):before{content:"›";position:absolute;left:-13px;top:16px;color:#d1f98a;font-size:22px}.booking-chain li.received:where(.twin-host,.twin-host *){border-color:#d1f98a;background:#345035}.booking-chain li.received:not(:last-child):where(.twin-host,.twin-host *):after{content:"";position:absolute;right:-4px;top:33px;width:5px;height:5px;border-radius:50%;background:#d1f98a;box-shadow:0 0 6px #d1f98a;animation:booking-signal 1.2s linear infinite}@keyframes booking-signal{0%{transform:translateX(0);opacity:0}30%{opacity:1}to{transform:translateX(13px);opacity:0}}.connection-offline .booking-chain li:nth-child(2):where(.twin-host,.twin-host *):after{display:none}@media(prefers-reduced-motion:reduce){.booking-chain li:where(.twin-host,.twin-host *):after{animation:none!important}}.connection-offline .booking-chain li:nth-child(3):where(.twin-host,.twin-host *):before{content:"×";color:#ffb583}.connection-offline .booking-chain li:nth-child(2):where(.twin-host,.twin-host *){opacity:.45}.booking-local-note:where(.twin-host,.twin-host *){font-size:13px;line-height:1.4;color:#c5dbbd;margin:10px 0}.booking-clock:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:10px;flex-wrap:wrap}.booking-clock strong:where(.twin-host,.twin-host *){font-size:26px;font-variant-numeric:tabular-nums;color:#d1f98a}.booking-clock span:where(.twin-host,.twin-host *){font-size:12px;color:#c4d1c4}.booking-clock button:where(.twin-host,.twin-host *){font-size:12px;padding:6px 10px;min-height:36px}.booking-axis:where(.twin-host,.twin-host *){display:flex;justify-content:space-between;margin:8px 62px 3px 75px;font-size:11px;color:#c4d1c4}.booking-track:where(.twin-host,.twin-host *){display:grid;grid-template-columns:65px 1fr 62px;gap:10px;align-items:center;margin:7px 0;font-size:12px}.booking-track output:where(.twin-host,.twin-host *){color:#b4c6ad;text-align:right}.booking-track-line:where(.twin-host,.twin-host *){position:relative;height:24px;background:#24392d;border-radius:4px;overflow:hidden}.booking-slot:where(.twin-host,.twin-host *){position:absolute;height:100%;background:#547146;text-align:center;line-height:24px;font-size:11px;white-space:nowrap;color:#edf8e7}.booking-track.light-on .booking-slot:where(.twin-host,.twin-host *){background:#d1f98a;color:#162a13}.booking-track.light-on output:where(.twin-host,.twin-host *){color:#d1f98a}.booking-playhead:where(.twin-host,.twin-host *){position:absolute;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 5px #fff}.booking-event:where(.twin-host,.twin-host *){font-size:13px;line-height:1.4;margin:10px 0 0;color:#e2f2d7}.booking-phone[hidden]:where(.twin-host,.twin-host *),.tour-battery-meter[hidden]:where(.twin-host,.twin-host *){display:none}.booking-phone:where(.twin-host,.twin-host *){position:absolute;z-index:5;left:calc((100% - 390px)/2);top:70px;transform:translateX(-50%);width:250px;padding:26px 18px 18px;border:7px solid #273c37;border-radius:32px;background:#f0f5ee;color:#17342a;box-shadow:0 18px 80px #0009;pointer-events:none}.booking-phone-island:where(.twin-host,.twin-host *){position:absolute;top:7px;left:50%;transform:translateX(-50%);width:65px;height:12px;border-radius:20px;background:#182b23}.booking-phone-brand:where(.twin-host,.twin-host *){font-size:12px;font-weight:700;letter-spacing:.06em}.booking-phone-brand small:where(.twin-host,.twin-host *){display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:3px;color:#627466}.booking-phone h3:where(.twin-host,.twin-host *){font-size:22px;line-height:1.15;margin:16px 0 6px}.booking-phone p:where(.twin-host,.twin-host *){font-size:13px;margin:6px 0 14px;color:#53675a}.phone-court-choice:where(.twin-host,.twin-host *),.phone-time-choice:where(.twin-host,.twin-host *){padding:14px 10px;margin:9px 0;border:2px solid #d0dcce;border-radius:10px;font-size:14px;background:white}.phone-court-choice b:where(.twin-host,.twin-host *){display:block;font-size:11px;color:#407448;margin-top:4px}.phone-book-action:where(.twin-host,.twin-host *){margin-top:13px;padding:14px 8px;text-align:center;border-radius:10px;background:#254c36;color:white;font-size:14px}.booking-phone[data-phase=confirm] .phone-court-choice:where(.twin-host,.twin-host *),.booking-phone[data-phase=confirm] .phone-time-choice:where(.twin-host,.twin-host *),.booking-phone[data-phase=time] .phone-court-choice:where(.twin-host,.twin-host *){border-color:#79a652;background:#e3f1d4}.phone-touch:where(.twin-host,.twin-host *){position:absolute;right:32px;top:171px;width:25px;height:25px;border:3px solid #5e933d;border-radius:50%;background:#c3ed9866;box-shadow:0 0 0 8px #98c65a33;transition:top .5s,right .5s}.booking-phone[data-phase=time] .phone-touch:where(.twin-host,.twin-host *){top:229px;right:60px}.booking-phone[data-phase=confirm] .phone-touch:where(.twin-host,.twin-host *){top:290px;right:98px}.phone-confirmed:where(.twin-host,.twin-host *){display:none;text-align:center;padding:40px 0 20px}.phone-confirmed b:where(.twin-host,.twin-host *){display:block;font-size:30px;color:#34682c}.phone-confirmed span:where(.twin-host,.twin-host *){display:block;font-size:15px;margin:15px 0}.phone-confirmed small:where(.twin-host,.twin-host *){font-size:12px;line-height:1.6}.booking-phone[data-phase=success] .phone-confirmed:where(.twin-host,.twin-host *){display:block}.booking-phone[data-phase=success] :is(.phone-court-choice,.phone-time-choice,.phone-book-action,.phone-touch):where(.twin-host,.twin-host *){display:none}.booking-phone .phone-instruction:where(.twin-host,.twin-host *){font-size:12px;text-align:center;margin:14px 0 0;color:#365137}.booking-phone .phone-touch:where(.twin-host,.twin-host *){display:none}.phone-book-action:where(.twin-host,.twin-host *),.phone-court-choice:where(.twin-host,.twin-host *),.phone-time-choice:where(.twin-host,.twin-host *){position:relative}.booking-phone[data-phase=confirm] .phone-book-action:where(.twin-host,.twin-host *):after,.booking-phone[data-phase=court] .phone-court-choice:where(.twin-host,.twin-host *):after,.booking-phone[data-phase=time] .phone-time-choice:where(.twin-host,.twin-host *):after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:3px solid #79a652;border-radius:50%;background:#d1f98a66;box-shadow:0 0 0 7px #79a65233}body.booking-tour #scene:where(.twin-host,.twin-host *){height:calc(100% - 385px)}.tour-battery-meter:where(.twin-host,.twin-host *){position:absolute;left:24px;bottom:28px;width:350px;padding:20px;border:1px solid #728566;border-radius:16px;background:#14241ff2;color:#e9f3e1;box-shadow:0 14px 35px #0005}.tour-battery-meter>span:where(.twin-host,.twin-host *){font-size:12px;letter-spacing:.09em;color:#bfd5ac}.battery-meter-values:where(.twin-host,.twin-host *){display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.battery-meter-values strong:where(.twin-host,.twin-host *){display:block;font-size:38px;line-height:1.1;font-variant-numeric:tabular-nums}.battery-meter-values b:where(.twin-host,.twin-host *){display:block;font-size:13px;margin-top:6px;font-weight:400;color:#c4d4bb}.tour-battery-meter p:where(.twin-host,.twin-host *){font-size:14px;margin:15px 0 8px}.tour-battery-meter small:where(.twin-host,.twin-host *){font-size:11px;color:#b5c7ad}.tour-battery-meter.supplying:where(.twin-host,.twin-host *){border-color:#d1f98a}.tour-battery-meter.supplying strong:where(.twin-host,.twin-host *){color:#d1f98a}@media(min-width:781px) and (max-height:850px){body.booking-tour .world:where(.twin-host,.twin-host *){min-height:780px}}@media(max-width:780px){body.booking-tour .world:where(.twin-host,.twin-host *){min-height:1240px}body.booking-tour #scene:where(.twin-host,.twin-host *){height:30%}.booking-phone:where(.twin-host,.twin-host *){left:50%;top:64px;width:235px}.tour-battery-meter:where(.twin-host,.twin-host *){top:64px;bottom:auto;left:12px;width:calc(100% - 24px);padding:12px}.battery-meter-values:where(.twin-host,.twin-host *){margin-top:8px}.battery-meter-values strong:where(.twin-host,.twin-host *){font-size:28px}.tour-battery-meter p:where(.twin-host,.twin-host *){margin:8px 0}.tour-battery-meter small:where(.twin-host,.twin-host *){font-size:10px}}@media(max-width:1050px) and (min-width:781px){.booking-chain:where(.twin-host,.twin-host *){gap:8px}.booking-chain b:where(.twin-host,.twin-host *){font-size:12px}.booking-chain span:where(.twin-host,.twin-host *){font-size:11px}.booking-chain li:where(.twin-host,.twin-host *){padding:7px 4px}.booking-chain li+li:where(.twin-host,.twin-host *):before{left:-9px;font-size:16px}.booking-clock span:where(.twin-host,.twin-host *){flex-basis:65%}.booking-panel:where(.twin-host,.twin-host *){left:12px;right:398px;padding:12px}body.booking-tour #scene:where(.twin-host,.twin-host *){height:calc(100% - 330px)}}@media(max-width:780px){body.booking-tour .world:where(.twin-host,.twin-host *){min-height:1120px}body.booking-tour #scene:where(.twin-host,.twin-host *){height:32%}.booking-panel:where(.twin-host,.twin-host *){top:32%;bottom:auto;left:12px;right:12px;padding:12px}.booking-chain:where(.twin-host,.twin-host *){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.booking-chain li+li:where(.twin-host,.twin-host *):before{display:none}.booking-chain li:where(.twin-host,.twin-host *){padding:7px}.booking-chain b:where(.twin-host,.twin-host *){font-size:13px}.booking-chain span:where(.twin-host,.twin-host *){font-size:11px}.booking-clock:where(.twin-host,.twin-host *){gap:6px}.booking-clock strong:where(.twin-host,.twin-host *){font-size:22px}body.booking-tour .tour-card:where(.twin-host,.twin-host *){max-height:34%}.booking-axis:where(.twin-host,.twin-host *){margin-left:70px}.booking-track:where(.twin-host,.twin-host *){grid-template-columns:60px 1fr 56px;gap:6px}}.tour-card progress:where(.twin-host,.twin-host *){display:block;width:100%;height:4px;accent-color:#d1f98a;margin:24px 0 18px;border:0;border-radius:8px;overflow:hidden}.tour-card progress:where(.twin-host,.twin-host *)::-webkit-progress-bar{background:#3b513b}.tour-card progress:where(.twin-host,.twin-host *)::-webkit-progress-value{background:#d1f98a}.tour-actions:where(.twin-host,.twin-host *){display:flex;gap:10px;justify-content:space-between}.tour-actions [data-next]:where(.twin-host,.twin-host *){background:#d1f98a;color:#172a15;font-weight:600}.club-tour button:disabled:where(.twin-host,.twin-host *){opacity:.35;cursor:default}.tour-pin:where(.twin-host,.twin-host *){position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;filter:drop-shadow(0 3px 8px #14261980)}.tour-pin b:where(.twin-host,.twin-host *){display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#d1f98a;color:#183018;border:3px solid #f3ffde;font-size:13px;box-shadow:0 0 0 7px #d1f98a30}.tour-pin span:where(.twin-host,.twin-host *){position:absolute;bottom:52px;left:50%;transform:translateX(-50%);width:max-content;max-width:240px;text-align:center;border:1px solid #b4cf96;border-radius:12px;padding:10px 14px;background:#183023f5;color:#f0f9e9;font-size:14px;line-height:1.4}.tour-leader:where(.twin-host,.twin-host *){position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.tour-leader path:where(.twin-host,.twin-host *){stroke:#d1f98a;stroke-width:1.5;fill:none;opacity:.8}@media(max-width:780px){body.tour-running main:where(.twin-host,.twin-host *){height:calc(100dvh - 65px)}body.tour-running .world:where(.twin-host,.twin-host *){min-height:660px}body.tour-running #scene:where(.twin-host,.twin-host *){width:100%;height:48%}.tour-top:where(.twin-host,.twin-host *){top:12px;left:12px;right:12px}.tour-top>span:where(.twin-host,.twin-host *){font-size:11px}.tour-card:where(.twin-host,.twin-host *){top:auto;bottom:12px;left:12px;right:12px;width:auto;transform:none;max-height:51%;padding:18px;border-radius:18px}.tour-card h2:where(.twin-host,.twin-host *){font-size:23px;margin-bottom:12px}.tour-description:where(.twin-host,.twin-host *){line-height:1.45;margin-bottom:10px}.tour-count:where(.twin-host,.twin-host *){margin:15px 0 8px}.tour-card progress:where(.twin-host,.twin-host *){margin:14px 0 12px}.tour-pin span:where(.twin-host,.twin-host *){max-width:180px;font-size:12px;padding:7px 10px}}@media(min-width:781px){body.booking-tour #scene:where(.twin-host,.twin-host *){height:calc(100% - 385px)}}@media(max-width:780px){body.booking-tour .world:where(.twin-host,.twin-host *){min-height:1280px}body.booking-tour #scene:where(.twin-host,.twin-host *){height:30%}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){top:30%}}.booking-data-flow:where(.twin-host,.twin-host *){width:100%;overflow-x:auto}.booking-data-flow svg:where(.twin-host,.twin-host *){display:block;width:100%;height:auto;overflow:visible}.data-route:where(.twin-host,.twin-host *){fill:none;stroke:#587765;stroke-width:2;stroke-dasharray:3 6}.data-route-progress:where(.twin-host,.twin-host *){fill:none;stroke:#d1f98a;stroke-width:3;stroke-dasharray:0 1;filter:drop-shadow(0 0 4px #a8e66b66)}.data-stations circle:where(.twin-host,.twin-host *){fill:#14291f;stroke:#91ad7d;stroke-width:1.5}.data-icons:where(.twin-host,.twin-host *){fill:none;stroke:#d1f98a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.data-labels:where(.twin-host,.twin-host *){text-anchor:middle;fill:#edf5e6;font-family:inherit;font-size:16px}.data-labels text:nth-child(2):where(.twin-host,.twin-host *),.data-labels text:nth-child(5):where(.twin-host,.twin-host *),.data-labels text:nth-child(7):where(.twin-host,.twin-host *){font-size:12px;fill:#afc6a2}.data-packet:where(.twin-host,.twin-host *){fill:#e3ffad;filter:drop-shadow(0 0 6px #d1f98a)}.booking-live-courts:where(.twin-host,.twin-host *){display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:15px}.booking-live-courts>span:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:7px;font-size:13px;color:#aab9a6}.booking-live-courts>span:where(.twin-host,.twin-host *):before{content:"";width:7px;height:7px;border-radius:50%;background:#61715b}.booking-live-courts b:where(.twin-host,.twin-host *){font-size:12px;font-weight:400}.booking-live-courts .light-on:where(.twin-host,.twin-host *){color:#e4facb}.booking-live-courts .light-on:where(.twin-host,.twin-host *):before{background:#d1f98a;box-shadow:0 0 8px #d1f98a99}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){background:linear-gradient(130deg,#14291ff5,#182a22ed);border-top:1px solid #60764e;border-radius:0 0 14px 14px}@media(min-width:781px){body.booking-tour #scene:where(.twin-host,.twin-host *){height:calc(100% - 285px)}}@media(max-width:780px){body.booking-tour .world:where(.twin-host,.twin-host *){min-height:1120px}body.booking-tour #scene:where(.twin-host,.twin-host *){height:32%}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){top:32%}.data-labels:where(.twin-host,.twin-host *){font-size:21px}.data-labels text:nth-child(2):where(.twin-host,.twin-host *),.data-labels text:nth-child(5):where(.twin-host,.twin-host *),.data-labels text:nth-child(7):where(.twin-host,.twin-host *){font-size:17px}.booking-live-courts:where(.twin-host,.twin-host *){gap:8px 12px}}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){padding:12px 16px;bottom:14px;background:#14291fe8;border-radius:12px}body.booking-tour #scene:where(.twin-host,.twin-host *){height:calc(100% - 160px)}.booking-phone:where(.twin-host,.twin-host *){transform:translate(-50%,-100%) scale(.72);transform-origin:bottom center;transition:transform .6s}.booking-phone.phone-docked:where(.twin-host,.twin-host *){transform:translate(-50%,-100%) scale(.32)}.booking-phone.phone-docked .phone-confirmed:where(.twin-host,.twin-host *){padding:12px 0}@media(max-width:780px){body.booking-tour #scene:where(.twin-host,.twin-host *){height:40%}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){top:40%;bottom:auto}.booking-phone:where(.twin-host,.twin-host *){transform:translate(-50%,-100%) scale(.54)}.booking-phone.phone-docked:where(.twin-host,.twin-host *){transform:translate(-50%,-100%) scale(.23)}}.booking-intro[hidden]:where(.twin-host,.twin-host *){display:none}body.booking-intro-active #scene:where(.twin-host,.twin-host *){opacity:0;pointer-events:none}body.booking-tour #scene:where(.twin-host,.twin-host *){transition:opacity .7s ease}body.booking-intro-active .world:where(.twin-host,.twin-host *){background:#10251e}.booking-intro:where(.twin-host,.twin-host *){position:absolute;left:0;right:390px;top:70px;bottom:20px;padding:25px 30px;background:radial-gradient(ellipse at 50% 35%,#244633,#10251e 70%);display:flex;flex-direction:column;justify-content:center;gap:28px;pointer-events:auto}.intro-heading:where(.twin-host,.twin-host *){text-align:center}.intro-heading>span:where(.twin-host,.twin-host *){font-size:12px;letter-spacing:.15em;color:#b2ce9e}.intro-heading h2:where(.twin-host,.twin-host *){font-size:clamp(23px,2.3vw,36px);line-height:1.15;color:#f0f8e8;margin:10px 0}.intro-stages:where(.twin-host,.twin-host *){display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:36px}.intro-stage:where(.twin-host,.twin-host *){position:relative;text-align:center;min-width:0}.intro-stage>b:where(.twin-host,.twin-host *){display:block;color:#eaf6df;font-size:16px;margin-top:16px}.intro-stage>p:where(.twin-host,.twin-host *){font-size:14px;line-height:1.5;color:#bbd0af;margin:9px 0}.intro-stage>svg:where(.twin-host,.twin-host *){width:100%;max-width:160px;fill:none;stroke:#8ca67a;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.intro-stage:not(:last-child):where(.twin-host,.twin-host *):after{content:"";position:absolute;left:calc(100% + 4px);top:45%;width:28px;height:3px;background:#587255;box-shadow:0 0 0 transparent;transition:background .3s}.booking-intro.cloud-received .intro-player:where(.twin-host,.twin-host *):after,.booking-intro.club-received .intro-cloud:where(.twin-host,.twin-host *):after{background:#d1f98a;box-shadow:0 0 12px #c8fa8b}.booking-intro.cloud-received .intro-cloud>svg:where(.twin-host,.twin-host *),.booking-intro.club-received .intro-club>svg:where(.twin-host,.twin-host *){stroke:#d1f98a;filter:drop-shadow(0 0 12px #d1f98a33)}.intro-phone-slot:where(.twin-host,.twin-host *){display:flex;justify-content:center}.booking-intro .booking-phone:where(.twin-host,.twin-host *){position:relative;top:auto;left:auto;transform:none;width:100%;max-width:230px;padding:24px 12px 14px;border-width:5px;border-radius:27px;transition:none}.booking-intro .booking-phone h3:where(.twin-host,.twin-host *){font-size:21px}.booking-intro .booking-phone .phone-confirmed:where(.twin-host,.twin-host *){min-height:215px;padding:25px 0 10px}.intro-message:where(.twin-host,.twin-host *){font-size:15px;line-height:1.5;color:#d1f98a;text-align:center;min-height:45px;margin:0}@media(min-width:781px) and (max-width:1150px){.booking-intro:where(.twin-host,.twin-host *){padding:18px 14px}.intro-stages:where(.twin-host,.twin-host *){gap:18px;grid-template-columns:1.2fr 1fr 1fr}.intro-stage:not(:last-child):where(.twin-host,.twin-host *):after{width:12px;left:calc(100% + 3px)}.booking-intro .booking-phone:where(.twin-host,.twin-host *){padding:22px 8px 10px}.booking-intro .booking-phone h3:where(.twin-host,.twin-host *){font-size:17px}.intro-stage>b:where(.twin-host,.twin-host *){font-size:14px}.intro-stage>p:where(.twin-host,.twin-host *){font-size:13px}.phone-court-choice:where(.twin-host,.twin-host *),.phone-time-choice:where(.twin-host,.twin-host *){padding:10px 6px}}@media(max-width:780px){body.booking-intro-active .world:where(.twin-host,.twin-host *){min-height:1450px}.booking-intro:where(.twin-host,.twin-host *){top:70px;bottom:500px;right:0;padding:18px 26px;justify-content:flex-start;gap:15px}.intro-stages:where(.twin-host,.twin-host *){grid-template-columns:1fr;gap:32px}.intro-stage>svg:where(.twin-host,.twin-host *){height:85px}.intro-stage>p:where(.twin-host,.twin-host *){max-width:300px;margin:7px auto}.intro-stage>b:where(.twin-host,.twin-host *){margin-top:5px}.intro-stage:not(:last-child):where(.twin-host,.twin-host *):after{left:50%;top:calc(100% + 7px);width:3px;height:20px}.booking-intro .booking-phone:where(.twin-host,.twin-host *){max-width:205px}.booking-intro .booking-phone h3:where(.twin-host,.twin-host *){font-size:18px}.intro-heading h2:where(.twin-host,.twin-host *){font-size:24px}body.booking-intro-active .tour-card:where(.twin-host,.twin-host *){max-height:450px}}@media(prefers-reduced-motion:reduce){body.booking-tour #scene:where(.twin-host,.twin-host *){transition:none}}.intro-stage:not(:last-child):where(.twin-host,.twin-host *):before{content:"";position:absolute;z-index:1;top:calc(45% - 2px);left:calc(100% + 4px + 20px * var(--leg-one,0));width:7px;height:7px;border-radius:50%;background:#e7ffc7;box-shadow:0 0 10px #d1f98a;opacity:var(--transfer,0)}.intro-cloud:where(.twin-host,.twin-host *):before{left:calc(100% + 4px + 20px * var(--leg-two,0))!important}@media(max-width:780px){.intro-stage:not(:last-child):where(.twin-host,.twin-host *):before{top:calc(100% + 7px + 14px * var(--leg-one,0));left:calc(50% - 2px)!important}.intro-cloud:where(.twin-host,.twin-host *):before{top:calc(100% + 7px + 14px * var(--leg-two,0))!important}}.booking-transfer[hidden]:where(.twin-host,.twin-host *){display:none}.booking-transfer:where(.twin-host,.twin-host *){position:absolute;z-index:9;pointer-events:none;transform:translate(-50%,-50%);width:145px;padding:13px 15px;border:1px solid #e0ffb5;border-radius:12px;background:#d1f98a;color:#18331d;box-shadow:0 0 25px #c3f57b66,0 12px 25px #0005}.booking-transfer small:where(.twin-host,.twin-host *){display:block;font-size:10px;letter-spacing:.13em}.booking-transfer b:where(.twin-host,.twin-host *){display:block;font-size:18px;margin:5px 0}.booking-transfer span:where(.twin-host,.twin-host *){font-size:13px}.intro-stage>svg:where(.twin-host,.twin-host *){transition:stroke .4s,filter .4s,transform .4s}.booking-intro.cloud-received .intro-cloud>svg:where(.twin-host,.twin-host *){transform:scale(1.12)}.booking-intro.club-received .intro-club>svg:where(.twin-host,.twin-host *){transform:scale(1.12)}body.booking-tour #scene:where(.twin-host,.twin-host *){height:100%;transition:opacity 1.2s ease}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){left:24px;right:auto;top:auto;bottom:20px;display:flex;gap:8px;background:transparent;border:0;padding:0}body.booking-tour .booking-panel[hidden]:where(.twin-host,.twin-host *){display:none}@media(max-width:780px){body.booking-tour #scene:where(.twin-host,.twin-host *){height:55%}body.booking-tour .booking-panel:where(.twin-host,.twin-host *){top:51%;bottom:auto;left:12px}.booking-transfer:where(.twin-host,.twin-host *){width:128px;padding:10px}.booking-transfer b:where(.twin-host,.twin-host *){font-size:16px}}@media(prefers-reduced-motion:reduce){.intro-stage>svg:where(.twin-host,.twin-host *),body.booking-tour #scene:where(.twin-host,.twin-host *){transition:none}}.intro-club-preview:where(.twin-host,.twin-host *){width:100%;height:180px;overflow:hidden;border-radius:14px;box-shadow:0 0 0 1px #7fa36855,0 12px 35px #0004}body.booking-intro-active .intro-club-preview #scene:where(.twin-host,.twin-host *){opacity:1;width:100%;height:100%;transition:none}.booking-intro.club-received .intro-club-preview:where(.twin-host,.twin-host *){box-shadow:0 0 0 2px #d1f98a,0 0 24px #b6ed8033}@media(max-width:1150px){.intro-club-preview:where(.twin-host,.twin-host *){height:150px}}@media(max-width:780px){.intro-club-preview:where(.twin-host,.twin-host *){width:240px;height:155px;margin:0 auto}body.booking-intro-active .world:where(.twin-host,.twin-host *){min-height:1520px}}.booking-intro.club-received .intro-club-preview:where(.twin-host,.twin-host *),.intro-club-preview:where(.twin-host,.twin-host *){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;height:220px}body.booking-intro-active .intro-club-preview #scene:where(.twin-host,.twin-host *){background:transparent;border-radius:0;filter:drop-shadow(0 12px 16px #0003)}@media(max-width:1150px){.intro-club-preview:where(.twin-host,.twin-host *){height:190px}}@media(max-width:780px){.intro-club-preview:where(.twin-host,.twin-host *){width:270px;height:190px}}html:where(:has(.twin-host)){scroll-behavior:smooth}body.story-mode:where(:has(.twin-host)){overflow:auto;background:#10251e}.scroll-story:where(.twin-host,.twin-host *){display:grid;grid-template-columns:minmax(280px,32%) minmax(0,1fr);max-width:1900px;margin:auto;color:#edf5e6;align-items:start}.scroll-story[hidden]:where(.twin-host,.twin-host *){display:none}.story-copy:where(.twin-host,.twin-host *){grid-column:1;grid-row:1;padding:0 34px 0 44px}.story-copy>section:where(.twin-host,.twin-host *){min-height:100dvh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:70px;padding:65px 0;opacity:.6;transition:opacity .4s}.story-copy>section.current:where(.twin-host,.twin-host *){opacity:1}.story-end>span:where(.twin-host,.twin-host *),.story-number:where(.twin-host,.twin-host *){letter-spacing:.14em;color:#c6ee9d}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *){font-size:clamp(28px,3vw,48px);line-height:1.12;letter-spacing:-.035em;margin:22px 0;color:#f1f8e9}.story-copy p:where(.twin-host,.twin-host *){font-size:18px;line-height:1.65;margin:0 0 18px;color:#d0dfc9}.story-copy p.story-detail:where(.twin-host,.twin-host *){font-size:15px;color:#a9bca2}.story-copy a:where(.twin-host,.twin-host *){color:#d1f98a;text-decoration:none;margin-top:20px;line-height:1.5}.story-visual:where(.twin-host,.twin-host *){grid-column:2;grid-row:1;position:sticky;top:0;height:100dvh;overflow:hidden;background:#10251e}body.story-mode main:where(.twin-host,.twin-host *){display:block;height:100%;width:100%;margin:0}body.story-mode .world:where(.twin-host,.twin-host *){height:100%;min-height:0}body.story-mode .tour-card:where(.twin-host,.twin-host *),body.story-mode .tour-leader:where(.twin-host,.twin-host *),body.story-mode .tour-pin:where(.twin-host,.twin-host *),body.story-mode .tour-top:where(.twin-host,.twin-host *){display:none}body.story-mode #scene:where(.twin-host,.twin-host *){width:100%;height:100%}body.story-mode .booking-intro:where(.twin-host,.twin-host *){right:0;top:0;bottom:55px;padding:28px 24px}body.story-mode .intro-heading:where(.twin-host,.twin-host *){display:none}body.story-mode .booking-panel:where(.twin-host,.twin-host *){bottom:55px}body.story-mode .tour-battery-meter:where(.twin-host,.twin-host *){bottom:65px;max-width:calc(100% - 32px)}body.story-mode .booking-intro .booking-phone:where(.twin-host,.twin-host *){max-width:210px}.story-scene-label:where(.twin-host,.twin-host *){position:absolute;left:20px;right:20px;bottom:18px;color:#d1f98a;font-size:14px;text-align:center;pointer-events:none;z-index:40}.story-end:where(.twin-host,.twin-host *){grid-column:1/-1;padding:85px 24px 105px;text-align:center;border-top:1px solid #35513c;background:#172f24}.story-end h2:where(.twin-host,.twin-host *){font-size:clamp(26px,3vw,42px);color:#f1f8e9;margin:20px 0}.story-end p:where(.twin-host,.twin-host *){font-size:17px;color:#c1d0b9;line-height:1.6}.story-explore:where(.twin-host,.twin-host *){margin-top:18px;background:#d1f98a;color:#17301b;padding:16px 24px;border:0;border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}body.story-expanded main:where(.twin-host,.twin-host *){position:fixed;inset:0;height:100dvh;z-index:60;background:#10251e;overflow:auto}body.story-expanded .world:where(.twin-host,.twin-host *){height:100%;min-height:0}@media(max-width:1024px){body.story-expanded.booking-intro-active .world:where(.twin-host,.twin-host *){min-height:1520px}.scroll-story:where(.twin-host,.twin-host *){display:flex;flex-direction:column}.story-visual:where(.twin-host,.twin-host *){order:0;width:100%;height:52dvh;min-height:350px;z-index:2}.story-copy:where(.twin-host,.twin-host *){order:1;padding:0 24px;width:100%}.story-end:where(.twin-host,.twin-host *){order:2;width:100%}.story-copy>section:where(.twin-host,.twin-host *){min-height:85dvh;padding:40px 0;justify-content:flex-start;scroll-margin-top:55dvh}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *){font-size:32px}.story-copy p:where(.twin-host,.twin-host *){font-size:17px}body.story-mode .world:where(.twin-host,.twin-host *){min-height:0!important}body.story-mode .booking-intro:where(.twin-host,.twin-host *){padding:12px;bottom:35px;justify-content:center;gap:6px}body.story-mode .intro-stages:where(.twin-host,.twin-host *){grid-template-columns:1.2fr .85fr 1fr;gap:12px}body.story-mode .intro-stage>p:where(.twin-host,.twin-host *){display:none}body.story-mode .intro-stage>b:where(.twin-host,.twin-host *){font-size:12px}body.story-mode .intro-stage>svg:where(.twin-host,.twin-host *){height:65px}body.story-mode .intro-club-preview:where(.twin-host,.twin-host *){width:100%;height:125px}body.story-mode .intro-message:where(.twin-host,.twin-host *){font-size:12px;min-height:32px}body.story-mode .booking-intro .booking-phone:where(.twin-host,.twin-host *){padding:20px 6px 8px;border-width:3px;border-radius:18px}body.story-mode .booking-phone h3:where(.twin-host,.twin-host *){font-size:15px;margin-top:9px}body.story-mode .booking-phone-brand:where(.twin-host,.twin-host *){font-size:10px}body.story-mode .booking-phone p:where(.twin-host,.twin-host *){font-size:11px;margin:5px 0}body.story-mode .phone-book-action:where(.twin-host,.twin-host *),body.story-mode .phone-court-choice:where(.twin-host,.twin-host *),body.story-mode .phone-time-choice:where(.twin-host,.twin-host *){font-size:11px;padding:7px 4px;margin:6px 0}body.story-mode .phone-confirmed:where(.twin-host,.twin-host *){min-height:155px!important}body.story-mode .phone-confirmed b:where(.twin-host,.twin-host *){font-size:22px}body.story-mode .intro-stage:where(.twin-host,.twin-host *):after,body.story-mode .intro-stage:where(.twin-host,.twin-host *):before{display:none}body.story-mode #scene:where(.twin-host,.twin-host *){height:100%}body.story-mode .booking-panel:where(.twin-host,.twin-host *){top:auto;bottom:42px}body.story-mode .tour-battery-meter:where(.twin-host,.twin-host *){top:10px;bottom:auto;max-width:290px;left:12px}body.story-mode .story-scene-label:where(.twin-host,.twin-host *){font-size:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){html:where(:has(.twin-host)){scroll-behavior:auto}.story-copy>section:where(.twin-host,.twin-host *){transition:none}}body.story-mode #scene:where(.twin-host,.twin-host *),body.story-mode .story-visual:where(.twin-host,.twin-host *),body.story-mode .world:where(.twin-host,.twin-host *){background:transparent}body.story-mode #scene:where(.twin-host,.twin-host *){pointer-events:none;touch-action:pan-y!important}body.story-mode .booking-intro:where(.twin-host,.twin-host *),body.story-mode .club-tour:where(.twin-host,.twin-host *){touch-action:pan-y}body.story-mode .story-visual:where(.twin-host,.twin-host *){overflow:clip}body.story-mode:where(:has(.twin-host)){height:100dvh;overflow:hidden}.scroll-story:where(.twin-host,.twin-host *){position:fixed;inset:0;height:100dvh;grid-template-rows:minmax(0,1fr) 64px;overflow:hidden}.story-copy:where(.twin-host,.twin-host *){height:100%;min-height:0;padding:48px 34px 0 44px;overflow:hidden}.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;padding:0 0 24px;opacity:1;text-align:left;border:0;background:transparent;scrollbar-width:thin}.story-copy>[hidden]:where(.twin-host,.twin-host *){display:none!important}.story-copy>.story-end h2:where(.twin-host,.twin-host *){font-size:clamp(28px,3vw,48px);line-height:1.12}.story-visual:where(.twin-host,.twin-host *){position:relative;height:100%;min-height:0;grid-row:1/3}@media(max-width:1024px){.scroll-story:where(.twin-host,.twin-host *){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,43fr) minmax(0,57fr) 58px}.story-copy:where(.twin-host,.twin-host *){grid-column:1;grid-row:1;padding:24px 24px 0;width:100%}.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){padding:0 0 12px;min-height:0}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *),.story-copy>.story-end h2:where(.twin-host,.twin-host *){font-size:28px;margin:12px 0}.story-copy p:where(.twin-host,.twin-host *){font-size:16px;line-height:1.5;margin-bottom:12px}.story-visual:where(.twin-host,.twin-host *){grid-column:1;grid-row:2;height:100%;min-height:0;width:100%}}.scroll-story:where(.twin-host,.twin-host *){--story-gutter:clamp(28px,4.2vw,80px);grid-template-columns:minmax(340px,39%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 88px}.story-brand:where(.twin-host,.twin-host *){top:32px;left:var(--story-gutter);display:flex;align-items:center;gap:18px;color:#f1f8e9;pointer-events:none}.story-brand strong:where(.twin-host,.twin-host *){font-size:22px;letter-spacing:-.045em;font-weight:650}.story-brand>span:where(.twin-host,.twin-host *){font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b6c9ad;border-left:1px solid #496047;padding-left:18px}.story-copy:where(.twin-host,.twin-host *){padding:clamp(112px,17dvh,176px) 24px 0 var(--story-gutter)}.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){max-width:500px;padding-right:12px}.story-end>span:where(.twin-host,.twin-host *),.story-number:where(.twin-host,.twin-host *){display:block;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#d1f98a;margin:0 0 24px}.story-end>span:where(.twin-host,.twin-host *):before,.story-number:where(.twin-host,.twin-host *):before{content:"";display:block;width:36px;height:3px;background:#d1f98a;margin-bottom:20px}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *),.story-copy>.story-end h2:where(.twin-host,.twin-host *){font-size:var(--brand-type-page-title);font-weight:500;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;margin:0 0 28px;color:#f5faef}.story-copy p:where(.twin-host,.twin-host *),.story-copy>.story-end p:where(.twin-host,.twin-host *){font-size:var(--brand-type-body);line-height:1.65;color:#c9d8c4;margin:0 0 24px;max-width:40ch;text-wrap:pretty}.story-copy p.story-detail:where(.twin-host,.twin-host *){font-size:14px;line-height:1.55;color:#a9c69a;border-left:2px solid #557845;padding-left:16px;margin-top:4px;max-width:42ch}.story-copy a:where(.twin-host,.twin-host *){align-self:flex-start;font-size:14px;font-weight:600;padding:0 0 8px;border-bottom:1px solid #6e8a59;margin-top:8px}.story-scene-label:where(.twin-host,.twin-host *){font-size:12px;letter-spacing:.04em;color:#b5cba9;bottom:32px}.story-explore:where(.twin-host,.twin-host *){align-self:flex-start;border-radius:5px;margin-top:8px;padding:17px 24px;box-shadow:0 6px 24px #0002}body.story-controls .story-copy:where(.twin-host,.twin-host *){display:none}body.story-controls .scroll-story>.app-column:where(.twin-host,.twin-host *){grid-column:1;grid-row:1;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;padding:90px 24px 0 var(--story-gutter);border:0;background:transparent;overflow:hidden}body.story-controls .app-intro:where(.twin-host,.twin-host *){display:none}body.story-controls .phone-slot:where(.twin-host,.twin-host *){width:100%;height:100%;min-height:0}body.story-controls .phone-device:where(.twin-host,.twin-host *){width:min(380px,100cqw,calc(100cqh * 9 / 16));max-height:100%;margin:0}body.story-controls .app-disclaimer:where(.twin-host,.twin-host *){margin:10px 0 0;width:100%}body.story-controls #scene:where(.twin-host,.twin-host *){pointer-events:auto;touch-action:none!important}body.story-controls .view-tools:where(.twin-host,.twin-host *){top:20px;left:20px;right:20px;max-width:none;gap:6px}body.story-controls #tour-replay:where(.twin-host,.twin-host *){display:none}@media(max-width:1050px) and (min-width:1025px){.scroll-story:where(.twin-host,.twin-host *){grid-template-columns:minmax(320px,42%) minmax(0,1fr)}.story-copy:where(.twin-host,.twin-host *){padding-right:12px}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *),.story-copy>.story-end h2:where(.twin-host,.twin-host *){font-size:36px}}@media(max-height:700px) and (min-width:1025px){.story-copy:where(.twin-host,.twin-host *){padding-top:98px}.story-end>span:where(.twin-host,.twin-host *),.story-number:where(.twin-host,.twin-host *){margin-bottom:16px}.story-end>span:where(.twin-host,.twin-host *):before,.story-number:where(.twin-host,.twin-host *):before{margin-bottom:12px}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *),.story-copy>.story-end h2:where(.twin-host,.twin-host *){font-size:36px;margin-bottom:18px}}@media(max-width:1024px){.scroll-story:where(.twin-host,.twin-host *){--story-gutter:24px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,48fr) minmax(0,52fr) 62px}.story-brand:where(.twin-host,.twin-host *){top:16px;gap:12px}.story-brand strong:where(.twin-host,.twin-host *){font-size:18px}.story-brand>span:where(.twin-host,.twin-host *){font-size:10px;padding-left:12px}.story-copy:where(.twin-host,.twin-host *){padding:64px 24px 0}.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){max-width:none;padding-right:4px}.story-end>span:where(.twin-host,.twin-host *),.story-number:where(.twin-host,.twin-host *){font-size:10px;letter-spacing:.1em;margin-bottom:12px}.story-end>span:where(.twin-host,.twin-host *):before,.story-number:where(.twin-host,.twin-host *):before{display:none}.story-copy h1:where(.twin-host,.twin-host *),.story-copy h2:where(.twin-host,.twin-host *),.story-copy>.story-end h2:where(.twin-host,.twin-host *){font-size:clamp(28px,6.7vw,38px);margin-bottom:16px;max-width:20ch}.story-copy p:where(.twin-host,.twin-host *),.story-copy>.story-end p:where(.twin-host,.twin-host *){font-size:16px;line-height:1.5;margin-bottom:16px;max-width:48ch}.story-copy p.story-detail:where(.twin-host,.twin-host *){font-size:13px;margin-bottom:12px}.story-copy a:where(.twin-host,.twin-host *){margin-top:0}.story-scene-label:where(.twin-host,.twin-host *){bottom:12px}body.story-controls .scroll-story:where(.twin-host,.twin-host *){grid-template-rows:minmax(0,58fr) minmax(0,42fr) 62px}body.story-controls .scroll-story>.app-column:where(.twin-host,.twin-host *){padding:54px 24px 0}body.story-controls .app-disclaimer:where(.twin-host,.twin-host *){display:none}body.story-controls .phone-device:where(.twin-host,.twin-host *){width:min(380px,100cqw);height:100%;aspect-ratio:auto}body.story-controls .view-tools:where(.twin-host,.twin-host *){top:8px;left:8px;right:8px}}.scroll-story>.app-column:where(.twin-host,.twin-host *),.story-brand:where(.twin-host,.twin-host *),.story-copy:where(.twin-host,.twin-host *){position:relative;z-index:3}.story-brand:where(.twin-host,.twin-host *){position:absolute}.story-copy:where(.twin-host,.twin-host *){pointer-events:none}.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){pointer-events:auto;height:auto;max-height:100%;padding:clamp(20px,2vw,32px);border:1px solid rgba(210,240,193,.16);border-radius:18px;background:rgba(15,36,27,.72);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 16px 48px #0002,inset 0 1px 0 #ffffff0a}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){background:rgba(15,36,27,.92)}}@media(min-width:1025px){.scroll-story:where(.twin-host,.twin-host *){max-width:none;width:100%;isolation:isolate}.story-visual:where(.twin-host,.twin-host *){position:absolute;inset:0;grid-column:1/-1;grid-row:1/-1;width:100%;height:100%;z-index:0}body.story-mode .booking-intro:where(.twin-host,.twin-host *){left:39%}.story-scene-label:where(.twin-host,.twin-host *){left:39%}body.story-controls .view-tools:where(.twin-host,.twin-host *){left:calc(39% + 20px)}}@media(min-width:1025px) and (max-width:1050px){.story-scene-label:where(.twin-host,.twin-host *),body.story-mode .booking-intro:where(.twin-host,.twin-host *){left:42%}body.story-controls .view-tools:where(.twin-host,.twin-host *){left:calc(42% + 20px)}}@media(max-width:1024px){.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){padding:18px;border-radius:14px}}@media(min-width:1025px){.scroll-story:where(.twin-host,.twin-host *){--story-panel:max(340px,36%);--story-gutter:clamp(28px,3vw,56px);grid-template-columns:var(--story-panel) minmax(0,1fr)}.scroll-story:where(.twin-host,.twin-host *):before{content:"";grid-column:1;grid-row:1/-1;align-self:stretch;z-index:2;pointer-events:none;background:rgba(15,36,27,.72);border-right:1px solid rgba(210,240,193,.18);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:12px 0 48px #0002}.story-copy:where(.twin-host,.twin-host *){padding-right:var(--story-gutter)}.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){max-width:none;padding:0 0 24px;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.story-scene-label:where(.twin-host,.twin-host *),body.story-mode .booking-intro:where(.twin-host,.twin-host *){left:var(--story-panel)}body.story-controls .view-tools:where(.twin-host,.twin-host *){left:calc(var(--story-panel) + 20px)}body.story-controls .scroll-story>.app-column:where(.twin-host,.twin-host *){padding-right:var(--story-gutter)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.scroll-story:where(.twin-host,.twin-host *):before{background:rgba(15,36,27,.92)}}}html:where(:has(.twin-host)){scroll-behavior:auto;scrollbar-color:#76975e #10251e}body.story-mode:where(:has(.twin-host)){height:auto;overflow-y:scroll;overflow-x:clip}.story-track:where(.twin-host,.twin-host *){position:relative}.story-track>.scroll-story:where(.twin-host,.twin-host *){position:sticky;inset:auto;top:0;height:100dvh}.site-footer:where(.twin-host,.twin-host *),.site-intro:where(.twin-host,.twin-host *){padding:clamp(48px,8vw,120px) max(24px,8vw);background:#10251e;color:#eaf3e4}.site-intro:where(.twin-host,.twin-host *){min-height:62dvh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.site-intro h1:where(.twin-host,.twin-host *){font-size:clamp(36px,5vw,72px);max-width:15ch;line-height:1.08;margin:24px 0}.site-footer p:where(.twin-host,.twin-host *),.site-intro p:where(.twin-host,.twin-host *){max-width:52ch;line-height:1.7;color:#b8cdb0}.site-intro button:where(.twin-host,.twin-host *){margin-top:16px;background:#d1f98a;color:#18341e;padding:14px 20px}.site-footer:where(.twin-host,.twin-host *){border-top:1px solid #47613f;min-height:40dvh}.site-footer a:where(.twin-host,.twin-host *){color:#d1f98a}body.story-controls .scroll-story>.app-column:where(.twin-host,.twin-host *){grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.app-column>.g1-control-hub:where(.twin-host,.twin-host *){width:100%;border:0;border-radius:8px;background:#193d2d80}.app-column:where(.twin-host,.twin-host *){grid-template-rows:auto auto minmax(0,1fr) auto}.story-end .story-choice-actions:where(.twin-host,.twin-host *){align-items:stretch;gap:20px}body.loxone-live .scroll-story:where(.twin-host,.twin-host *):before{display:none}body.loxone-live.story-controls .scroll-story:where(.twin-host,.twin-host *){grid-template-columns:minmax(0,1fr)}body.loxone-live.story-controls .story-visual:where(.twin-host,.twin-host *){grid-column:1/-1;grid-row:1/-1;position:absolute;inset:0;width:100%;height:100%}body.loxone-live.story-controls .view-tools:where(.twin-host,.twin-host *){left:24px;top:74px}body.loxone-live.story-controls .story-scene-label:where(.twin-host,.twin-host *){left:24px}@media(max-width:1024px){.story-copy:where(.twin-host,.twin-host *){padding-top:78px}body.story-controls .scroll-story>.app-column:where(.twin-host,.twin-host *){padding-top:58px;gap:6px}.app-column>.g1-control-hub small:where(.twin-host,.twin-host *){display:none}}.story-room-phases:where(.twin-host,.twin-host *){display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.story-room-phases li:where(.twin-host,.twin-host *){font-size:12px;padding:6px 10px;border:1px solid #47613f;border-radius:20px;color:#9db192}.story-room-phases [aria-current]:where(.twin-host,.twin-host *){background:#d1f98a;color:#18341e;border-color:#d1f98a}@media(max-width:1024px){.story-copy>.story-end:where(.twin-host,.twin-host *),.story-copy>section:where(.twin-host,.twin-host *){background:#142c21;backdrop-filter:none;-webkit-backdrop-filter:none}}body.story-mode:not(.story-controls) .story-track>.scroll-story:where(.twin-host,.twin-host *){position:relative;display:grid;inset:auto;height:auto;overflow:visible;align-items:start;grid-template-rows:auto}body.story-mode:not(.story-controls) .scroll-story:where(.twin-host,.twin-host *):before{display:none}body.story-mode:not(.story-controls) .story-visual:where(.twin-host,.twin-host *){position:sticky;top:0;inset-inline:0;grid-column:1/-1;grid-row:1;width:100%;height:100dvh;overflow:clip}body.story-mode:not(.story-controls) .story-copy:where(.twin-host,.twin-host *){position:relative;grid-column:1;grid-row:1;height:auto;overflow:visible;padding:0 var(--story-gutter);background:#10251eef;border-right:1px solid #35513c;pointer-events:auto}body.story-mode:not(.story-controls) .story-copy>section:where(.twin-host,.twin-host *){height:auto;min-height:var(--copy-section-height,130dvh);max-height:none;overflow:visible;padding:var(--copy-enter-space,100px) 0 var(--copy-exit-space,86px);opacity:1;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}body.story-mode:not(.story-controls) .story-copy>section+section:where(.twin-host,.twin-host *){border-top:1px solid #35513c}.story-visual>.story-brand:where(.twin-host,.twin-host *){z-index:6}.story-visual>.story-brand:where(.twin-host,.twin-host *){background:#10251ef5;padding:18px 0;top:0}body.story-controls .story-visual>.story-brand:where(.twin-host,.twin-host *){z-index:6}@media(max-width:1024px){body.story-mode:not(.story-controls) .story-track>.scroll-story:where(.twin-host,.twin-host *){display:block}body.story-mode:not(.story-controls) .story-visual:where(.twin-host,.twin-host *){height:var(--story-mobile-visual-height,min(38svh,340px));min-height:0;z-index:5;background:#10251e}body.story-mode:not(.story-controls) .story-copy:where(.twin-host,.twin-host *){padding:0 24px;border:0;background:#10251e}body.story-mode:not(.story-controls) .story-copy>section:where(.twin-host,.twin-host *){min-height:var(--copy-section-height,75dvh);padding:var(--copy-enter-space,28px) 0 var(--copy-exit-space,24px)}.story-visual>.story-brand:where(.twin-host,.twin-host *){padding:12px 0;background:transparent}body.story-mode:not(.story-controls) .booking-journey:where(.twin-host,.twin-host *){top:65px;bottom:22px}body.story-mode:not(.story-controls) .journey-phone:where(.twin-host,.twin-host *){transform:scale(.7);transform-origin:center top;margin-bottom:-105px}body.story-mode:not(.story-controls) .journey-caption:where(.twin-host,.twin-host *){display:none}}body.story-mode:not(.story-controls) .scroll-story>.story-brand:where(.twin-host,.twin-host *){position:sticky;grid-column:1;grid-row:1;top:0;left:auto;align-self:start;margin-left:var(--story-gutter);padding:20px 0;background:#10251ef5;z-index:6}@media(max-width:1024px){body.story-mode:not(.story-controls) .scroll-story>.story-brand:where(.twin-host,.twin-host *){display:none}}body.story-mode:not(.story-controls) .scroll-story>:is(.story-brand,.story-tools):where(.twin-host,.twin-host *){transition:opacity .2s ease,visibility .2s}body.story-mode:not(.story-controls) .scroll-story:not(.story-docked)>:is(.story-brand,.story-tools):where(.twin-host,.twin-host *){opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){body.story-mode:not(.story-controls) .scroll-story>:is(.story-brand,.story-tools):where(.twin-host,.twin-host *){transition:none}}.story-sticky-copy:where(.twin-host,.twin-host *){display:flex;flex-direction:column;min-width:0}body.story-mode:not(.story-controls) .story-copy>section:where(.twin-host,.twin-host *){display:block}body.story-mode:not(.story-controls) [data-copy-sticky=true]>.story-sticky-copy:where(.twin-host,.twin-host *){position:sticky;top:var(--copy-stick-top,84px)}body.story-mode:not(.story-controls) .story-sticky-copy:where(.twin-host,.twin-host *){opacity:.62;transition:opacity .2s ease}body.story-mode:not(.story-controls) .current>.story-sticky-copy:where(.twin-host,.twin-host *),body.story-mode:not(.story-controls) .story-sticky-copy:focus-within:where(.twin-host,.twin-host *){opacity:1}body.story-mode:not(.story-controls) .story-number:where(.twin-host,.twin-host *):before{transform:scaleX(.65);transform-origin:left;transition:transform .2s ease}body.story-mode:not(.story-controls) .current .story-number:where(.twin-host,.twin-host *):before{transform:scaleX(1.55)}@media(prefers-reduced-motion:reduce){body.story-mode:not(.story-controls) .story-number:where(.twin-host,.twin-host *):before,body.story-mode:not(.story-controls) .story-sticky-copy:where(.twin-host,.twin-host *){transition:none}}html.story-loading-lock:where(:has(.twin-host)){overscroll-behavior:none}html.story-loading-lock body:where(:has(.twin-host)){overflow:hidden!important}html:where(:has(.twin-host)){scrollbar-gutter:stable}body.story-mode:not(.story-controls) .story-copy:where(.twin-host,.twin-host *){background:transparent;border-right:0}body.story-mode:not(.story-controls) .story-copy>section+section:where(.twin-host,.twin-host *){border-top:0}body.story-mode:not(.story-controls) .scroll-story>.story-brand:where(.twin-host,.twin-host *){background:#10251e}body.story-mode:not(.story-controls) .scroll-story>.story-brand:where(.twin-host,.twin-host *){pointer-events:auto}body.story-mode:not(.story-controls) .story-visual:where(.twin-host,.twin-host *):after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#10251e,#10251e 24%,#10251ef0 32%,#10251e80 43%,transparent 58%)}@media(max-width:1024px){body.story-mode:not(.story-controls) .story-visual:where(.twin-host,.twin-host *):after{display:none}}@media(max-width:1024px) and (max-height:600px){body.story-mode:not(.story-controls) .story-visual:where(.twin-host,.twin-host *){position:relative;top:auto}}