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:clamp(32px,3.45vw,62px);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:clamp(16px,1.25vw,20px);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}}.g1-control-hub:where(.twin-host,.twin-host *){display:flex;flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;background:#193d2d;color:#eff8e7;border-bottom:1px solid #71935b}.g1-control-hub>strong:where(.twin-host,.twin-host *){display:grid;place-items:center;width:32px;height:36px;border-radius:5px;background:#d1f98a;color:#193220;font-size:17px}.g1-control-hub b:where(.twin-host,.twin-host *),.g1-control-hub small:where(.twin-host,.twin-host *),.g1-control-hub span:where(.twin-host,.twin-host *){display:block}.g1-control-hub b:where(.twin-host,.twin-host *){font-size:12px}.g1-control-hub span:where(.twin-host,.twin-host *){font-size:11px;margin-top:3px;color:#d1f98a}.g1-control-hub small:where(.twin-host,.twin-host *){font-size:10px;margin-top:3px;color:#b4c6ab}#technical:where(.twin-host,.twin-host *){border-color:#a5cc7b;color:#d1f98a;background:#234431}.story-journey:where(.twin-host,.twin-host *){display:flex;list-style:none;gap:8px;padding:0;margin:20px 0 0;flex-wrap:wrap;counter-reset:journey}.story-journey li:where(.twin-host,.twin-host *){counter-increment:journey;display:flex;align-items:center;gap:6px;font-size:11px;color:#a6b89e;padding:7px 9px;border:1px solid #adc78e30;border-radius:8px}.story-journey li:where(.twin-host,.twin-host *):before{content:counter(journey);font-size:10px;color:#d1f98a}.story-journey li[aria-current]:where(.twin-host,.twin-host *){color:#e6f6d8;border-color:#badb8b;background:#d1f98a12}.story-choice-actions:where(.twin-host,.twin-host *){display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:20px}.story-choice-actions button:where(.twin-host,.twin-host *){min-height:48px;white-space:normal;font-size:15px;padding:13px 18px;border-radius:10px}.story-choice-actions .story-explore:where(.twin-host,.twin-host *),.story-choice-actions .story-smartclub:where(.twin-host,.twin-host *){margin:0;background:#d1f98a;color:#18341e;border-color:#d1f98a;font-weight:600}.story-choice-actions .story-basic:where(.twin-host,.twin-host *){background:transparent;border-color:#69835b;color:#d9eacd}.story-copy .story-choice-actions a:where(.twin-host,.twin-host *){margin:0;padding:8px 0}.story-copy h1:focus:where(.twin-host,.twin-host *),.story-copy h2:focus:where(.twin-host,.twin-host *){outline:none}.scroll-story[data-chapter=smartclub] .story-number:where(.twin-host,.twin-host *){color:#e4ca94}body.story-mode .tour-pin:where(.twin-host,.twin-host *){display:flex;max-width:240px;gap:8px}body.story-mode .tour-pin[hidden]:where(.twin-host,.twin-host *){display:none}body.story-mode .tour-pin b:where(.twin-host,.twin-host *){width:25px;height:25px;font-size:11px}body.story-mode .tour-pin span:where(.twin-host,.twin-host *){font-size:11px;white-space:normal}body.journey-flat #scene:where(.twin-host,.twin-host *){opacity:0;pointer-events:none}body.journey-flat .tour-pin:where(.twin-host,.twin-host *){display:none}.booking-journey:where(.twin-host,.twin-host *){position:absolute;inset:5% 24px 64px;display:grid;place-items:center;pointer-events:none;color:#e8f3df}.booking-journey [hidden]:where(.twin-host,.twin-host *),.booking-journey[hidden]:where(.twin-host,.twin-host *){display:none!important}.booking-journey>div:where(.twin-host,.twin-host *){width:min(430px,100%)}.journey-phone:where(.twin-host,.twin-host *){width:285px;margin:auto;padding:28px 24px 22px;border:7px solid #53615a;border-radius:32px;background:#f3f5ee;color:#1d3928;box-shadow:0 24px 80px #0004}.journey-app-name:where(.twin-host,.twin-host *){display:block;font-size:12px;font-weight:700}.journey-app-name small:where(.twin-host,.twin-host *){display:block;font-size:10px;font-weight:400;margin-top:4px;color:#58705f}.journey-phone h3:where(.twin-host,.twin-host *){font-size:25px;line-height:1.15;margin:20px 0 18px;letter-spacing:-.7px}.journey-court:where(.twin-host,.twin-host *){height:106px;border:2px solid #819693;border-radius:6px;position:relative;background:#286f72;margin-bottom:20px}.journey-court:where(.twin-host,.twin-host *):before{content:"";position:absolute;inset:10px 16px;border:1px solid #f6ffea99}.journey-court:where(.twin-host,.twin-host *):after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #f6ffea99}.journey-court i:where(.twin-host,.twin-host *){position:absolute;left:16px;right:16px;top:50%;border-top:1px solid #f6ffea99}.journey-ticket-label:where(.twin-host,.twin-host *){display:block;font-size:10px;letter-spacing:.12em;font-weight:600;color:#b4d599}.journey-phone .journey-ticket-label:where(.twin-host,.twin-host *){color:#63765a;margin-bottom:6px}.journey-phone>strong:where(.twin-host,.twin-host *){font-size:22px}.journey-phone>p:where(.twin-host,.twin-host *){font-size:13px;color:#526a58}.journey-confirm:where(.twin-host,.twin-host *){position:relative;display:grid;place-items:center;min-height:43px;border-radius:8px;background:#244c36;color:#eaf8df;font-size:12px;margin-top:18px}.journey-confirm b:where(.twin-host,.twin-host *),.journey-confirm span:where(.twin-host,.twin-host *){grid-area:1/1;transition:opacity .3s}.journey-confirm b:where(.twin-host,.twin-host *){opacity:0}.confirmed .journey-confirm b:where(.twin-host,.twin-host *){opacity:1}.confirmed .journey-confirm span:where(.twin-host,.twin-host *){opacity:0}.journey-caption:where(.twin-host,.twin-host *){font-size:13px;text-align:center;color:#bdd1b1;line-height:1.5;margin:20px auto 0;max-width:320px}.journey-provider:where(.twin-host,.twin-host *){padding:24px;background:#1c382d;border:1px solid #7a936250;border-radius:18px;box-shadow:0 20px 60px #0002}.journey-provider h3:where(.twin-host,.twin-host *){font-size:23px;line-height:1.2;margin:12px 0 20px}.journey-reservation:where(.twin-host,.twin-host *){display:grid;grid-template-columns:1fr auto;gap:9px;padding:17px;background:#eef5e6;color:#243c2c;border-radius:10px;animation:reservation-share 4s ease-in-out}.journey-reservation b:where(.twin-host,.twin-host *){font-size:18px}.journey-reservation span:where(.twin-host,.twin-host *){font-size:13px;align-self:center}.journey-reservation small:where(.twin-host,.twin-host *){grid-column:1/-1;font-size:11px;color:#58704f}.journey-cloud:where(.twin-host,.twin-host *){text-align:center;padding:19px 0;color:#c7dda9}.journey-cloud>span:where(.twin-host,.twin-host *){display:inline-block;margin-right:7px;font-size:20px;animation:cloud-sync 2s linear 2}.journey-cloud>b:where(.twin-host,.twin-host *){font-size:13px}.journey-cloud>small:where(.twin-host,.twin-host *){display:block;font-size:11px;color:#9eb58f;margin-top:4px}.journey-receiver:where(.twin-host,.twin-host *){display:flex;align-items:center;gap:22px;padding:22px;border-radius:18px;border:1px solid #7a936250;background:#193326;transition:border-color .5s,background .5s}.journey-receiver b:where(.twin-host,.twin-host *){display:block;font-size:22px;margin:9px 0}.journey-receiver p:where(.twin-host,.twin-host *){font-size:12px;color:#9eb58f;margin:0}.journey-g1-device:where(.twin-host,.twin-host *){display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:74px;height:110px;padding:12px;border:5px solid #dbe1d3;border-radius:5px;background:#a7c66f;color:#193720;box-shadow:4px 5px 0 #7b8a77}.journey-g1-device small:where(.twin-host,.twin-host *){font-size:9px}.journey-g1-device strong:where(.twin-host,.twin-host *){font-size:30px;line-height:1}.journey-g1-device i:where(.twin-host,.twin-host *){width:5px;height:5px;background:#557c43;border-radius:50%}.received .journey-receiver:where(.twin-host,.twin-host *){border-color:#bfdc8c;background:#24422c}.received .journey-receipt:where(.twin-host,.twin-host *){color:#d1f98a}.received .journey-g1-device i:where(.twin-host,.twin-host *){background:#e4ffab;box-shadow:0 0 9px #e4ffab}.booking-journey[data-stage=g1]:where(.twin-host,.twin-host *){pointer-events:none}.journey-local:where(.twin-host,.twin-host *){padding:18px 22px;border-radius:14px;background:#193326ed;border:1px solid #6d8c50;box-shadow:0 16px 45px #0003}.journey-local>strong:where(.twin-host,.twin-host *){display:block;font-size:18px;margin:10px 0}.journey-local>p:where(.twin-host,.twin-host *){font-size:12px;color:#d1f98a}.journey-local>div:where(.twin-host,.twin-host *){display:flex;flex-wrap:wrap;gap:10px}.journey-local>div span:where(.twin-host,.twin-host *){font-size:11px;color:#bbd0af}body.story-mode .booking-panel:where(.twin-host,.twin-host *){left:auto;right:24px;bottom:60px;max-width:calc(100% - 48px);flex-wrap:wrap}.booking-clock:where(.twin-host,.twin-host *){font-size:12px;color:#d1f98a;align-self:center;margin-right:8px}body.basis-controls #energy-card:where(.twin-host,.twin-host *),body.basis-controls #tv-section:where(.twin-host,.twin-host *),body.basis-controls [data-nav=energy]:where(.twin-host,.twin-host *),body.basis-controls [data-nav=tv]:where(.twin-host,.twin-host *),body.basis-controls [data-open-panel=energy-card]:where(.twin-host,.twin-host *),body.basis-controls [data-open-panel=tv-section]:where(.twin-host,.twin-host *){display:none!important}@keyframes reservation-share{0%,30%{transform:translateY(0)}60%{transform:translateY(8px);box-shadow:0 10px 28px #bbeb7b33}to{transform:translateY(0)}}@keyframes cloud-sync{to{transform:rotate(1turn)}}@media(min-width:781px){body.story-mode .booking-journey:where(.twin-host,.twin-host *){left:calc(var(--story-panel,max(340px,36%)) + 24px)}}@media(max-width:780px){.booking-journey:where(.twin-host,.twin-host *){inset:8px 18px 32px}.booking-journey>div:where(.twin-host,.twin-host *){max-width:350px}.journey-phone:where(.twin-host,.twin-host *){width:220px;padding:14px 18px;border-width:5px;border-radius:24px}.journey-phone h3:where(.twin-host,.twin-host *){font-size:20px;margin:13px 0}.journey-court:where(.twin-host,.twin-host *){height:65px;margin-bottom:12px}.journey-phone>strong:where(.twin-host,.twin-host *){font-size:18px}.journey-phone>p:where(.twin-host,.twin-host *){margin:6px 0}.journey-confirm:where(.twin-host,.twin-host *){margin-top:12px;min-height:35px}.journey-caption:where(.twin-host,.twin-host *){font-size:11px;margin-top:10px}.journey-provider:where(.twin-host,.twin-host *){padding:15px;border-radius:12px}.journey-provider h3:where(.twin-host,.twin-host *){font-size:20px;margin:8px 0 12px}.journey-reservation:where(.twin-host,.twin-host *){padding:12px}.journey-reservation b:where(.twin-host,.twin-host *){font-size:16px}.journey-cloud:where(.twin-host,.twin-host *){padding:10px 0}.journey-receiver:where(.twin-host,.twin-host *){padding:13px 18px;gap:18px;border-radius:12px}.journey-g1-device:where(.twin-host,.twin-host *){height:72px;width:58px;padding:7px;border-width:4px}.journey-g1-device strong:where(.twin-host,.twin-host *){font-size:24px}.journey-receiver b:where(.twin-host,.twin-host *){font-size:19px;margin:6px 0}.journey-local:where(.twin-host,.twin-host *){padding:12px 16px}.journey-local>strong:where(.twin-host,.twin-host *){font-size:16px}.story-choice-actions:where(.twin-host,.twin-host *){margin-top:12px;gap:8px}.story-choice-actions button:where(.twin-host,.twin-host *){font-size:13px;min-height:44px;padding:10px}.story-copy>section.story-choice:where(.twin-host,.twin-host *){padding:14px}.story-choice .story-choice-actions:where(.twin-host,.twin-host *){margin-top:8px}.story-copy .story-choice>p:where(.twin-host,.twin-host *){margin-bottom:10px}.story-copy .story-choice>.story-detail:where(.twin-host,.twin-host *){margin-bottom:4px}.story-copy .story-choice>h2:where(.twin-host,.twin-host *){margin-bottom:12px}.story-journey:where(.twin-host,.twin-host *){margin:10px 0;gap:6px}.story-journey li:where(.twin-host,.twin-host *){font-size:10px;padding:5px 7px}body.story-mode .booking-panel:where(.twin-host,.twin-host *){bottom:40px;right:12px;max-width:calc(100% - 24px);gap:6px}.booking-panel button:where(.twin-host,.twin-host *){font-size:11px;padding:8px}body.story-mode .tour-pin:where(.twin-host,.twin-host *){max-width:175px}.g1-control-hub:where(.twin-host,.twin-host *){padding:7px 12px}}@media(max-width:480px){header .brand .divider:where(.twin-host,.twin-host *),header .brand .product:where(.twin-host,.twin-host *){display:none}header .headright:where(.twin-host,.twin-host *){min-width:0;gap:6px}header .header-quality select:where(.twin-host,.twin-host *){max-width:100px}}@media(prefers-reduced-motion:reduce){.journey-cloud>span:where(.twin-host,.twin-host *),.journey-reservation:where(.twin-host,.twin-host *){animation:none}.journey-confirm b:where(.twin-host,.twin-host *),.journey-confirm span:where(.twin-host,.twin-host *),.journey-receiver:where(.twin-host,.twin-host *){transition:none}}.booking-journey[data-stage=supplier]:where(.twin-host,.twin-host *){display:block}.journey-sync:where(.twin-host,.twin-host *){position:relative;height:100%;margin:auto}.journey-sync .journey-provider:where(.twin-host,.twin-host *){position:absolute;top:0;left:0;right:0;padding:12px 16px}.journey-sync .journey-provider h3:where(.twin-host,.twin-host *){display:none}.journey-sync .journey-reservation:where(.twin-host,.twin-host *){padding:9px;margin-top:8px}.journey-sync .journey-cloud:where(.twin-host,.twin-host *){position:absolute;top:110px;left:0;right:0;padding:8px;font-size:11px}.journey-sync .journey-cloud>small:where(.twin-host,.twin-host *){display:none}.journey-sync .journey-receiver:where(.twin-host,.twin-host *){position:absolute;bottom:0;left:0;right:0;padding:12px 18px;background:#193326dd}.booking-journey[data-stage=g1]:where(.twin-host,.twin-host *){align-items:end}.journey-sync .journey-receiver b:where(.twin-host,.twin-host *){font-size:18px;margin:5px 0}@media(max-width:780px){.journey-sync .journey-provider:where(.twin-host,.twin-host *){padding:8px 12px}.journey-sync .journey-reservation:where(.twin-host,.twin-host *){padding:6px}.journey-sync .journey-reservation small:where(.twin-host,.twin-host *){display:none}.journey-sync .journey-cloud:where(.twin-host,.twin-host *){top:74px;padding:4px}.journey-sync .journey-receiver:where(.twin-host,.twin-host *){padding:8px 12px}.journey-sync .journey-receiver b:where(.twin-host,.twin-host *){font-size:15px}.journey-local:where(.twin-host,.twin-host *){padding:8px 12px}.journey-local>strong:where(.twin-host,.twin-host *){margin:6px 0;font-size:14px}}@media(min-width:781px){.booking-journey[data-stage=supplier]:where(.twin-host,.twin-host *){top:94px}.journey-sync .journey-cloud:where(.twin-host,.twin-host *){top:105px}}@media(max-width:780px){.booking-journey[data-stage=g1] .journey-local>div:where(.twin-host,.twin-host *){display:none}.booking-journey[data-stage=g1] .journey-local>p:where(.twin-host,.twin-host *){margin:5px 0;font-size:11px}.booking-journey[data-stage=g1] .journey-local>strong:where(.twin-host,.twin-host *){margin:5px 0;font-size:14px}}.scene-crossfade:where(.twin-host,.twin-host *){position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.scene-crossfade[hidden]:where(.twin-host,.twin-host *){display:none}body.journey-flat .scene-crossfade:where(.twin-host,.twin-host *){visibility:hidden}body.story-mode:not(.story-controls) .booking-journey:where(.twin-host,.twin-host *){top:85px;bottom:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow-y:auto;pointer-events:auto;scrollbar-width:thin;padding:12px}.booking-journey .workflow-route:where(.twin-host,.twin-host *){display:flex;flex-wrap:wrap;justify-content:center;gap:8px;flex-shrink:0;width:100%;margin:0;padding:0;list-style:none}.workflow-route li:where(.twin-host,.twin-host *){display:block;font-size:14px;padding:6px 0;color:#a7bfae}.workflow-route li:not(:last-child):where(.twin-host,.twin-host *):after{content:" →";color:#9bbd70;margin-left:8px}.workflow-route li[aria-current]:where(.twin-host,.twin-host *){color:#d1f98a;font-weight:700}.booking-journey>div:where(.twin-host,.twin-host *){width:min(540px,100%);flex-shrink:0}.booking-journey .journey-sync:where(.twin-host,.twin-host *){position:static;height:auto;display:flex;flex-direction:column}.journey-sync .journey-cloud:where(.twin-host,.twin-host *),.journey-sync .journey-provider:where(.twin-host,.twin-host *),.journey-sync .journey-receiver:where(.twin-host,.twin-host *){position:static;padding:18px;width:100%}.journey-sync .journey-cloud:where(.twin-host,.twin-host *){background:#ccec9b;color:#203c2b;border-radius:12px}.journey-sync .journey-cloud b:where(.twin-host,.twin-host *){font-size:22px}.journey-sync .journey-cloud>small:where(.twin-host,.twin-host *){display:block;font-size:14px;color:#39553b;margin-top:6px}.workflow-partners:where(.twin-host,.twin-host *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:14px 0}.workflow-partners li:where(.twin-host,.twin-host *){display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 5px;min-width:0;font-size:14px;line-height:1.3;color:#f0f6ea;background:#315042;border-radius:5px}.booking-journey .journey-ticket-label:where(.twin-host,.twin-host *){font-size:12px;line-height:1.5}.journey-sync .journey-reservation small:where(.twin-host,.twin-host *){display:block;font-size:12px;line-height:1.5}.workflow-arrow:where(.twin-host,.twin-host *){text-align:center;font-size:27px;line-height:1.2;padding:5px;color:#d1f98a}.workflow-destination:where(.twin-host,.twin-host *){border-left:3px solid #d1f98a;padding:12px 18px;background:#203e30;max-width:360px;margin:auto;opacity:.45;transition:opacity .4s}.confirmed .workflow-destination:where(.twin-host,.twin-host *){opacity:1}.workflow-destination>span:where(.twin-host,.twin-host *){display:block;font-size:12px;color:#c1d7ac}.workflow-destination strong:where(.twin-host,.twin-host *){display:block;font-size:18px;margin:7px 0}.workflow-destination p:where(.twin-host,.twin-host *){font-size:14px;margin:0;line-height:1.5}.booking-journey .journey-phone:where(.twin-host,.twin-host *){width:260px;padding:20px;border-width:5px}.booking-journey .journey-phone h3:where(.twin-host,.twin-host *){font-size:24px;margin:15px 0}.booking-journey .journey-court:where(.twin-host,.twin-host *){height:70px;margin-bottom:14px}.booking-journey .journey-app-name:where(.twin-host,.twin-host *),.booking-journey .journey-confirm:where(.twin-host,.twin-host *),.booking-journey .journey-phone>p:where(.twin-host,.twin-host *){font-size:14px}.booking-journey .journey-app-name small:where(.twin-host,.twin-host *){font-size:12px}.booking-journey .journey-caption:where(.twin-host,.twin-host *){font-size:14px;margin:12px auto}.booking-journey .journey-local:where(.twin-host,.twin-host *){padding:0;background:none;border:0;box-shadow:none}.workflow-cloud-origin:where(.twin-host,.twin-host *){text-align:center;font-size:20px;color:#d1f98a}.workflow-club:where(.twin-host,.twin-host *){border:1px solid #709455;border-radius:16px;padding:24px;background:#1c382d}.workflow-gateway:where(.twin-host,.twin-host *){display:flex;gap:24px;align-items:center;margin-top:16px}.workflow-gateway img:where(.twin-host,.twin-host *){width:130px;height:155px;object-fit:cover;border-radius:8px}.workflow-gateway h3:where(.twin-host,.twin-host *){font-size:28px;color:#f0f7e8}.workflow-gateway p:where(.twin-host,.twin-host *){color:#d1f98a;font-size:14px}.workflow-gateway strong:where(.twin-host,.twin-host *){font-size:18px;line-height:1.5}.workflow-outputs:where(.twin-host,.twin-host *){display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-outputs span:where(.twin-host,.twin-host *){padding:14px;background:#ceeaa4;border-radius:8px;color:#233d2c;font-size:18px}.workflow-outputs b:where(.twin-host,.twin-host *){font-size:14px;font-weight:400}.workflow-offline:where(.twin-host,.twin-host *){font-size:14px;color:#c1d2b8;line-height:1.6;margin:18px 0 0}.workflow-next:where(.twin-host,.twin-host *){text-align:center;font-size:16px;color:#d1f98a;margin:18px 0 0}@media(max-width:780px){body.story-mode:not(.story-controls) .booking-journey:where(.twin-host,.twin-host *){top:65px;bottom:16px;gap:12px;justify-content:flex-start;padding:12px 6px;overscroll-behavior:auto}body.story-mode:not(.story-controls) .booking-journey .journey-phone:where(.twin-host,.twin-host *){transform:none;margin-bottom:0}.workflow-route li:where(.twin-host,.twin-host *){font-size:12px}.workflow-partners:where(.twin-host,.twin-host *){grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-club:where(.twin-host,.twin-host *){padding:16px}.workflow-gateway:where(.twin-host,.twin-host *){gap:14px}.workflow-gateway img:where(.twin-host,.twin-host *){width:95px;height:125px}.workflow-gateway h3:where(.twin-host,.twin-host *){font-size:24px}.booking-journey[data-stage=g1] .journey-local>div:where(.twin-host,.twin-host *){display:block}.booking-journey[data-stage=g1] .journey-local>p:where(.twin-host,.twin-host *){font-size:16px;margin:16px 0}}@media(prefers-reduced-motion:reduce){.workflow-destination:where(.twin-host,.twin-host *){transition:none}}