.yacht-experience{--yc-ink:#30393e;--yc-muted:#69767d;--yc-blue:#3e789d;--yc-line:#d8dcd9;--yc-paper:rgba(250,249,246,.96);--yc-edge:28px;position:fixed;inset:0;z-index:1001;pointer-events:none;color:var(--yc-ink);font:12px/1.45 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.yacht-experience [hidden]{display:none!important}.yacht-experience svg{width:20px;height:20px;flex:none}.yacht-experience button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;border-radius:2px;-webkit-tap-highlight-color:transparent}.yacht-experience button:focus-visible{outline:2px solid var(--yc-blue);outline-offset:3px}.yacht-experience button:disabled{opacity:.5;cursor:wait}.yacht-experience button:hover{color:var(--yc-blue)}.yc-surface{background:var(--yc-paper);border:1px solid rgba(226,229,226,.88);box-shadow:0 3px 16px #12232a0c;border-radius:3px;pointer-events:auto}.yc-header{position:absolute;top:var(--yc-edge);left:var(--yc-edge);right:var(--yc-edge);display:flex;align-items:center;justify-content:space-between}.yc-brand{display:flex;align-items:center;justify-content:center;overflow:hidden;width:74px;height:74px}.yc-brand img{display:block;flex:none;width:72px;height:72px;object-fit:contain;filter:brightness(0)}.yc-eyebrow{display:block;color:var(--yc-muted);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;line-height:1.6}.yc-utilities{display:flex;gap:8px;pointer-events:auto}.yc-atmospheres{position:absolute;top:var(--yc-edge);left:50%;transform:translate(-50%);display:flex;padding:4px;gap:3px}.yacht-experience .yc-atmosphere{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;font-size:10px;white-space:nowrap}.yc-atmosphere svg{width:17px;height:17px}.yc-atmosphere[aria-pressed=true]{background:#e5ecee;color:#325e78}.yc-atmospheres[aria-busy=true]{opacity:.75}.yacht-experience .yc-button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:42px;padding:0 15px;background:var(--yc-paper);border:1px solid #d5dcde;font-size:11px;letter-spacing:.015em;transition:background .15s,color .15s}.yacht-experience .yc-button:hover{background:#edf2f3}.yacht-experience .yc-icon-button{width:42px;padding:0}.yc-sound svg{width:16px;height:16px}.yc-finishes{position:absolute;top:50%;left:var(--yc-edge);transform:translateY(-50%);display:flex;align-items:flex-start;gap:10px;max-height:calc(100dvh - 220px)}.yc-finish-rail{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.yacht-experience .yc-area{display:flex;flex-direction:column;gap:9px;justify-content:center;align-items:center;width:68px;height:76px;font-size:10px;background:var(--yc-paper);border:1px solid #e2e5e2}.yc-area[aria-expanded=true]{color:var(--yc-blue);border-color:#8ba8b9}.yc-area[aria-expanded=true]:after{content:"";width:17px;height:1px;background:var(--yc-blue)}.yc-finish-panel{width:254px;padding:15px 18px 6px;overflow:auto;max-height:calc(100dvh - 220px)}.yc-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.yacht-experience .yc-close{width:30px;height:30px;display:grid;place-items:center;margin-right:-7px}.yc-close svg{width:17px;height:17px}.yc-panel-title{font-size:19px;font-weight:400;letter-spacing:-.025em;line-height:1.35}.yc-finish-panel>.yc-panel-title{padding:10px 0 19px}.yc-finish-group{border-top:1px solid var(--yc-line)}.yacht-experience .yc-group-button{width:100%;min-height:58px;display:grid;grid-template-columns:1fr 15px;text-align:left;padding:10px 0;gap:3px;font-size:11px}.yc-group-button>span:first-child{text-transform:uppercase;letter-spacing:.07em;font-size:10px}.yc-selection-label{grid-column:1;font-size:11px;color:var(--yc-muted)}.yc-group-button svg{grid-column:2;grid-row:1 / 3;width:14px;height:14px;align-self:center}.yc-group-button[aria-expanded=true] svg{transform:rotate(180deg)}.yc-swatch-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;padding:3px 0 20px}.yacht-experience .yc-swatch{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0 0 2px;font-size:9px}.yc-swatch-color{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #26343a18;box-shadow:inset 0 3px 7px #fff7,inset 0 -3px 6px #0002;background-image:linear-gradient(140deg,#ffffff22,transparent 60%,#00000013)}.yc-swatch-color svg{width:16px;height:16px;color:#fff;filter:drop-shadow(0 1px 2px #0009);visibility:hidden}.yc-swatch[aria-pressed=true] .yc-swatch-color{outline:1px solid var(--yc-blue);outline-offset:4px}.yc-swatch[aria-pressed=true] .yc-swatch-color svg{visibility:visible}.yc-swatch[aria-pressed=true] .yc-swatch-name{color:var(--yc-blue)}.yc-swatch-name{white-space:normal;text-align:center}.yacht-experience .yc-finish-view{grid-column:1 / -1;font-size:10px;text-align:left;color:var(--yc-blue);padding:2px 0}.yacht-experience .yc-reset{width:100%;padding:15px 0;display:flex;align-items:center;gap:8px;border-top:1px solid var(--yc-line);color:var(--yc-muted);font-size:10px}.yc-reset svg{width:13px;height:13px}.yc-modes{position:absolute;bottom:var(--yc-edge);left:var(--yc-edge);display:flex;padding:5px;gap:3px}.yacht-experience .yc-mode{min-height:43px;padding:0 13px;display:flex;gap:8px;align-items:center;font-size:11px}.yc-mode svg{width:17px;height:17px}.yc-mode[aria-pressed=true]{background:#e5ecee;color:#325e78}.yc-views{position:absolute;bottom:var(--yc-edge);left:50%;transform:translate(-50%);display:flex;align-items:stretch;height:55px}.yacht-experience .yc-view-step{display:grid;place-items:center;width:38px}.yc-view-step svg{width:15px;height:15px}.yacht-experience .yc-view-current{display:grid;grid-template-columns:1fr 13px;grid-template-rows:auto auto;width:194px;padding:10px 15px;text-align:left;border-left:1px solid var(--yc-line);border-right:1px solid var(--yc-line)}.yc-view-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yc-view-count{grid-column:1;font-size:8px;letter-spacing:.14em;color:var(--yc-muted)}.yc-view-current svg{grid-column:2;grid-row:1 / 3;width:13px;height:13px;align-self:center}.yc-view-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--yc-blue);transform-origin:left}.yc-view-panel{position:absolute;bottom:97px;left:50%;transform:translate(-50%);width:455px;max-height:calc(100dvh - 210px);overflow:auto;padding:20px}.yc-view-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:18px}.yc-view-groups h3{padding:0 0 8px}.yacht-experience .yc-view-option{display:flex;align-items:center;gap:9px;width:100%;min-height:33px;text-align:left;padding:6px;font-size:11px}.yc-view-option[aria-pressed=true]{color:var(--yc-blue);background:#e6edef}.yc-view-index{font-size:9px;color:#7c8e96;font-variant-numeric:tabular-nums}.yc-help-panel{position:absolute;right:var(--yc-edge);top:87px;width:308px;padding:20px;max-height:calc(100dvh - 190px);overflow:auto}.yc-help-intro{padding:12px 0 4px;color:var(--yc-muted);font-size:11px;line-height:1.65}.yc-help-section{border-top:1px solid var(--yc-line);padding:12px 0;margin-top:10px}.yc-help-section dl{display:grid;grid-template-columns:105px 1fr;gap:5px 8px;margin-top:8px;font-size:10px}.yc-help-section dd{color:var(--yc-muted)}.yc-touch-note{display:block;font-size:10px;color:var(--yc-muted);margin-top:4px}.yc-context{position:absolute;right:var(--yc-edge);bottom:var(--yc-edge);pointer-events:auto}.yc-drive{display:flex;align-items:center;gap:12px;padding:12px}.yc-instruments{display:grid;grid-template-columns:auto auto;gap:1px 8px;padding-right:4px}.yc-speed{grid-column:1;font-size:19px;font-variant-numeric:tabular-nums}.yc-engine-state{grid-column:2;grid-row:1 / 3;align-self:center;font-size:8px;letter-spacing:.07em;color:var(--yc-muted)}.yacht-experience .yc-engine{background:#283940;color:#fff;border-color:#283940;min-width:90px}.yacht-experience .yc-engine:hover{background:#3f606e;color:#fff}.yacht-experience .yc-neutral{font-size:10px;padding:8px 0}.yc-prompt{position:absolute;bottom:96px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 48px);padding:7px 12px;text-align:center;color:#3f5058;background:#faf9f0e8;border:1px solid #ffffff55;border-radius:2px;font-size:10px}.yc-crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0007}.yc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.is-locked .yc-header,.is-locked .yc-atmospheres,.is-locked .yc-finishes,.is-locked .yc-modes,.is-locked .yc-views,.is-locked .yc-context{visibility:hidden;pointer-events:none}.is-locked .yc-prompt{bottom:28px}.yc-view-panel:not([hidden])~.yc-prompt{visibility:hidden}@media(min-width:1101px){body[data-debug-gui=true] .yc-help-panel{right:375px}}@media(max-width:1100px){.yacht-experience{--yc-edge:18px}.yc-finishes{gap:8px}.yc-finish-panel{width:232px;padding-left:15px;padding-right:15px}.yc-area{width:60px!important}.yc-context{bottom:90px}.yc-views,.yc-view-panel{left:auto;right:var(--yc-edge);transform:none}.yc-prompt{bottom:92px}.is-playing .yc-prompt{bottom:170px}}@media(max-width:600px){.yacht-experience{--yc-edge:14px}.yc-header{top:max(14px,env(safe-area-inset-top))}.yc-brand{width:57px;height:57px}.yc-brand img{width:55px;height:55px}.yc-utility-label{display:none}.yacht-experience .yc-sound{width:40px;min-height:40px;padding:0}.yc-utilities{gap:5px}.yc-atmospheres{inset:auto 14px 140px;transform:none;gap:2px}.yacht-experience .yc-atmosphere{flex:1;flex-direction:column;gap:3px;min-height:44px;padding:3px 2px;font-size:9px}.yc-atmosphere svg{width:15px;height:15px}.yacht-experience .yc-icon-button{width:40px;min-height:40px}.yc-finishes{top:86px;left:14px;right:14px;transform:none;display:block;max-height:none}.yc-finish-rail{flex-direction:row;gap:6px}.yacht-experience .yc-area{flex-direction:row;width:auto!important;height:40px;padding:0 13px;gap:8px}.yc-area svg{width:17px;height:17px}.yc-area[aria-expanded=true]:after{display:none}.yc-finish-panel{width:100%;max-height:min(280px,calc(100dvh - 300px));margin-top:8px;padding:4px 14px 0}.yc-finish-panel>.yc-panel-title{font-size:15px;padding:0 0 7px}.yc-group-button{min-height:42px!important;padding:4px 0!important;row-gap:1px!important}.yc-swatch-list{grid-template-columns:repeat(6,1fr);gap:7px 6px;padding:0 0 10px}.yc-swatch-color{width:32px;height:32px}.yc-swatch-name{font-size:8px}.yc-reset{padding:10px 0!important}.yc-modes{left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom))}.yc-mode{min-height:40px!important;padding:0 16px!important}.yc-views{left:50%;right:auto;transform:translate(-50%);bottom:76px;height:49px}.yc-view-current{padding:7px 13px!important}.yc-prompt{bottom:204px;width:max-content;max-width:calc(100vw - 28px);font-size:9px}.yc-view-panel{bottom:204px;left:14px;right:14px;width:auto;max-height:calc(100dvh - 285px);padding:16px}.yc-view-groups{gap:10px}.yc-view-option{min-height:36px!important;font-size:10px!important}.yc-help-panel{top:77px;left:14px;right:14px;width:auto;max-height:calc(100dvh - 220px)}.yc-context{right:14px;bottom:204px}.yc-drive{padding:9px;gap:8px}.yc-drive .yc-engine-state{display:none}.yc-speed{font-size:17px}.is-playing .yc-prompt{bottom:279px}.is-locked .yc-prompt{bottom:20px}}@media(min-width:601px)and (max-width:950px){.yc-atmospheres{top:98px;left:auto;right:var(--yc-edge);transform:none}}@media(min-width:769px){body[data-debug-gui=true] #hud-overlay{left:380px!important}}@media(max-height:560px)and (min-width:601px){.yc-finishes{top:87px;transform:none;max-height:calc(100dvh - 180px)}.yc-finish-panel{max-height:calc(100dvh - 180px)}}@media(prefers-reduced-motion:reduce){.yacht-experience *{transition:none!important}}