/* The name sits below a full-sized, transparent foreground composition. */
.navigation-panel .theme-trigger{--theme-ink:#c8d1b6;--theme-light:#f7f1d8;--theme-metal:#a5b596;display:grid;grid-template-rows:64px minmax(32px,auto);row-gap:10px;place-items:center;width:100%;min-height:106px;height:auto;padding:0;overflow:visible;background:none;border:0;color:#f0eee7;font:400 17px/1.3 Playfair,Georgia,serif;letter-spacing:.025em}
.theme-trigger[data-scene="desert"]{--theme-ink:#e5c294;--theme-light:#fff1d9;--theme-metal:#c99d73}
.theme-trigger[data-scene="winter"]{--theme-ink:#ccdde5;--theme-light:#ffffff;--theme-metal:#a4bccd}
.theme-trigger[data-scene="tropical"]{--theme-ink:#b9dbcf;--theme-light:#edfff2;--theme-metal:#92bcb1}
.theme-trigger[data-scene="animals"]{--theme-ink:#dbc39c;--theme-light:#fff0d7;--theme-metal:#bca278}
.theme-trigger[data-value="random"]{--theme-ink:#d6c5df;--theme-light:#fff3e4;--theme-metal:#b9b1ce}
/* Matching selector titles sit above the controls, on one shared baseline. */
.navigation-panel{--selector-control-height:106px}
.navigation-panel .theme-picker,.navigation-panel .language-picker{row-gap:18px}
.navigation-panel .theme-picker>.theme-label,.navigation-panel .language-picker>.menu-setting-label{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:center;max-width:100%;gap:9px;letter-spacing:.18em}
.navigation-panel :is(.theme-label,.menu-setting-label)::before,.navigation-panel :is(.theme-label,.menu-setting-label)::after{content:'';width:12px;min-width:2px;height:1px;background:currentColor;opacity:.35}
.navigation-panel .theme-trigger,.navigation-panel .theme-native,.navigation-panel .menu-language-switch{grid-row:2;grid-column:1}
.navigation-panel .menu-language-switch{height:var(--selector-control-height)}
.navigation-panel .theme-picker .theme-native{min-height:var(--selector-control-height)}
.navigation-panel .navigation-privacy{align-self:start;min-height:var(--selector-control-height)}
.theme-trigger::before,.theme-trigger::after{display:none}
.theme-token{grid-row:1;grid-column:1;position:relative;display:block;width:100%;height:64px;overflow:hidden;pointer-events:none;opacity:1;filter:none;mask-image:none}
.theme-trigger[data-scene="animals"] .theme-token{filter:saturate(.65) brightness(.72);opacity:.88}
.theme-token .scene-still{display:block;position:absolute;max-width:none;pointer-events:none}
.theme-token.scene-live .scene-still{visibility:hidden}
.theme-caption{grid-row:2;grid-column:1;position:relative;z-index:3;display:block;max-width:calc(100% - 28px);color:var(--theme-ink);font:italic 400 24px/1.25 Playfair,Georgia,serif;letter-spacing:.045em;text-align:center;pointer-events:none;text-shadow:none;transition:color .35s}
/* Fine inlay beneath the name; the transparent centre keeps the footer visible. */
.theme-caption::before{content:'';position:absolute;left:-12px;right:-12px;bottom:-6px;height:7px;border-bottom:1px solid var(--theme-metal);border-radius:0 0 50% 50%;opacity:.55;transform:scaleX(.82);transition:transform .5s,opacity .5s}
.theme-caption::after{content:'';position:absolute;left:calc(50% - 1.5px);bottom:-7.5px;width:3px;height:3px;background:var(--theme-light);transform:rotate(45deg);opacity:.75;transition:opacity .5s}
.theme-trigger .theme-chevron{z-index:3;right:8px;top:90px;width:5px;height:5px;color:var(--theme-ink);opacity:.72;filter:none}
.theme-trigger:is(:hover,:focus-visible,[aria-expanded="true"]) .theme-caption::before{opacity:.9;transform:scaleX(1)}
.theme-trigger:is(:hover,:focus-visible,[aria-expanded="true"]) .theme-caption::after{opacity:1}
@supports (background-clip:text) or (-webkit-background-clip:text){
 .theme-caption{background:linear-gradient(110deg,var(--theme-ink) 0%,var(--theme-ink) 35%,var(--theme-light) 47%,var(--theme-ink) 60%,var(--theme-metal) 100%) 100% 0/260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.theme-trigger:hover .theme-caption{animation:theme-title-light var(--hover-shimmer-duration) cubic-bezier(.2,.6,.3,1) both}}
 @media(prefers-reduced-motion:no-preference){.theme-trigger:focus-visible .theme-caption{animation:theme-title-light 1.4s cubic-bezier(.2,.6,.3,1) both}}
}
.motion-paused .navigation-footer .theme-caption{animation-play-state:paused!important}
@keyframes theme-title-light{from{background-position:100% 0}to{background-position:0% 0}}
.navigation-panel .language-picker{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;padding-bottom:0}
/* A small display case: translucent smoked glass and quiet bronze detailing. */
.theme-options{--paper:#e8dfce;box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);max-height:320px;padding:14px;overflow:auto;border:1px solid #d8b98a38;border-radius:0;background:linear-gradient(145deg,#51473530,#1b201a40 65%),#1417127a;color:var(--paper);box-shadow:0 20px 50px #0005,0 4px 14px #0003,inset 0 1px 0 #fff1;backdrop-filter:blur(14px) saturate(.8);-webkit-backdrop-filter:blur(14px) saturate(.8);scrollbar-width:thin;scrollbar-color:#9d8b6c70 transparent;overscroll-behavior:contain}
.theme-options::backdrop{background:transparent;backdrop-filter:none}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}
.theme-options .theme-grid .theme-option{display:grid;place-items:center;position:relative;isolation:isolate;box-sizing:border-box;height:92px;min-height:92px;margin:0;padding:10px 8px 19px;overflow:hidden;border:1px solid transparent;border-radius:0;background:none;color:#d4bc95;cursor:pointer;transition:background .22s,border-color .22s}
.theme-options .theme-option::before{display:none}
.theme-options .theme-grid .theme-option::after{content:'';position:absolute;inset:auto calc(50% - 10px) 7px;height:1px;border:0;background:currentColor;opacity:0;transform:scaleX(.4);transition:opacity .22s,transform .22s;pointer-events:none}
.theme-options .theme-grid .theme-option.is-active{border-color:#d8bd8c36;background:#c7ae7e0b}
.theme-options .theme-grid .theme-option[aria-selected="true"]{background:#bfa5770d}
.theme-options .theme-grid .theme-option[aria-selected="true"]::after{opacity:.6;transform:scaleX(1)}
.theme-choice-art{display:block;width:100%;height:100%;min-width:0;max-height:62px;overflow:visible;opacity:.88;filter:saturate(.8);transition:opacity .24s,filter .24s,transform .3s;pointer-events:none}
.theme-option[data-value="forest"]>.theme-choice-art{max-height:61px}
.theme-options .theme-option:is(:hover,.is-active,[aria-selected="true"])>.theme-choice-art,.theme-options .theme-option:is(:hover,.is-active,[aria-selected="true"]) .theme-choice-mix{opacity:1;filter:saturate(.98)}
.theme-option-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.theme-option-name{text-shadow:none}
.theme-options .theme-grid .theme-option-mark{position:absolute;right:calc(50% - 1.5px);top:auto;bottom:6px;display:block;width:3px;height:3px;margin:0;border:0;border-radius:0;background:#e0c18e;transform:rotate(45deg);opacity:0;box-shadow:0 0 0 3px #27281e}
.theme-options .theme-grid .theme-option[aria-selected="true"] .theme-option-mark{opacity:1}
.theme-choice-mix{display:block;position:relative;width:100%;height:100%;max-height:62px;opacity:.88;filter:saturate(.8);transition:opacity .24s,filter .24s;pointer-events:none}
.theme-choice-mix>.theme-choice-art{position:absolute;opacity:1;filter:none}
.theme-choice-mix>.theme-choice-art:nth-child(1){width:42%;height:70%;left:2%;top:4%}
.theme-choice-mix>.theme-choice-art:nth-child(2){width:68%;height:55%;left:30%;top:30%}
.theme-choice-mix>.theme-choice-art:nth-child(3){width:55%;height:35%;left:0;top:55%}
.theme-choice-shuffle{position:absolute;right:0;bottom:0;width:20px;height:13px;color:#e4c99e;opacity:.75}
.theme-options .theme-grid .has-art-error>.theme-choice-art,.theme-options .theme-grid .has-art-error>.theme-choice-mix{display:none}
.theme-options .has-art-error .theme-option-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font:400 14px/1.4 Playfair,Georgia,serif}
@supports not (backdrop-filter:blur(1px)){.theme-options{background:#1c1e19f2}}
@media(max-width:359px){.theme-options{padding:10px}.theme-grid{gap:5px}.theme-options .theme-grid .theme-option{height:82px;min-height:82px;padding:8px 5px 17px}.theme-choice-art,.theme-choice-mix{max-height:54px}}
.theme-scene-canvas,.theme-weather-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.theme-weather-canvas{z-index:1}
@media(max-width:767px){
 .navigation-panel .theme-trigger{grid-template-rows:56px minmax(24px,auto);min-height:90px;height:auto;padding:0;font-size:14px;letter-spacing:0}
 .theme-caption{max-width:calc(100% - 18px);font-size:17px;letter-spacing:.025em}
 .theme-caption::before{left:-7px;right:-7px;bottom:-5px;height:5px}
 .theme-caption::after{bottom:-6.5px}
 .navigation-panel{--selector-control-height:90px}
 .navigation-panel .theme-picker,.navigation-panel .language-picker{row-gap:16px}
 .navigation-panel .theme-picker>.theme-label,.navigation-panel .language-picker>.menu-setting-label{gap:6px;letter-spacing:.12em}
 .navigation-panel :is(.theme-label,.menu-setting-label)::before,.navigation-panel :is(.theme-label,.menu-setting-label)::after{width:8px}
 .navigation-panel .theme-trigger .theme-chevron{right:2px;top:78px;width:4px;height:4px}
 .theme-token{height:56px}
}

@media(max-width:600px){.navigation-footer .language-picker,.navigation-footer .navigation-privacy{--selector-control-height:56px}}

@media(max-width:359px){.navigation-panel .theme-trigger{font-size:13px}.theme-caption{font-size:16px;letter-spacing:0}.navigation-panel .theme-picker>.theme-label,.navigation-panel .language-picker>.menu-setting-label{gap:4px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.theme-token,.theme-caption,.theme-caption::before,.theme-caption::after,.theme-grid .theme-option,.theme-grid .theme-option::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.navigation-panel .theme-trigger{background:Canvas;color:CanvasText;border:1px solid ButtonText}.theme-token{display:none}.theme-caption{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none;animation:none!important}.theme-caption::before,.theme-caption::after,.navigation-panel :is(.theme-label,.menu-setting-label)::before,.navigation-panel :is(.theme-label,.menu-setting-label)::after{display:none}.theme-trigger .theme-chevron{color:CanvasText}.theme-options{background:Canvas;color:CanvasText;border:1px solid CanvasText}.theme-grid .theme-option{color:CanvasText}.theme-grid .theme-option.is-active{outline:1px solid Highlight;outline-offset:-1px}.theme-option-name{color:CanvasText}}

@media(prefers-reduced-motion:reduce){.theme-options,.theme-choice-art,.theme-choice-mix{animation:none!important;transition:none!important}}
@media(forced-colors:active){
 .theme-options{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-color:CanvasText}
 .theme-options .theme-choice-art,.theme-options .theme-choice-mix{display:none}
 .theme-options .theme-option-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
 .theme-options .theme-grid .theme-option{background:Canvas;color:CanvasText}
 .theme-options .theme-grid .theme-option.is-active{outline:1px solid Highlight;outline-offset:-2px;border-color:Highlight}
 .theme-options .theme-grid .theme-option[aria-selected="true"] .theme-option-mark{background:Highlight;box-shadow:none;forced-color-adjust:none}
}