/* Farben und Formen greifen die kräftige Bildsprache des gedruckten Kalenders auf. */
:root{color-scheme:dark;--night:#081c39;--navy:#102a4c;--cream:#fff4d8;--yellow:#ffdc66;--muted:#b6c5d4;--green:#009900;--red:#ff3300;--round:"Cooper Black","Cooper Std","Bookman Old Style","URW Bookman",Georgia,serif;--body:"Comic Sans MS","Segoe UI",system-ui,sans-serif}

*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow-x:hidden}
body{background:var(--night);color:var(--cream);font:14px/1.5 var(--body);display:flex;flex-direction:column}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}
button:disabled{opacity:.3;cursor:default}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
button{touch-action:manipulation}
button[hidden],[hidden]{display:none!important}
a{color:inherit;text-decoration:none}

.site-header{height:72px;flex-shrink:0;margin:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29405b;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--round);font-size:25px;line-height:1.1}
.brand-mark{font:48px/1 Georgia;color:var(--yellow);transform:rotate(9deg)}
.brand-sub{display:block;font:10px/1.8 var(--body);letter-spacing:2.1px;color:var(--muted);margin-top:3px}
.header-right{display:flex;align-items:center;gap:28px}
.edition{font-size:11px;color:var(--muted);line-height:1.5}
.edition strong{font-weight:400;color:var(--cream)}
.quiet-button{border:1px solid #53647a;border-radius:50px;background:transparent;min-height:44px;padding:8px 19px;display:flex;gap:8px;align-items:center}
.quiet-button span{font:20px Georgia}
.quiet-button:hover{background:#193452}

main{padding:0 24px;display:flex;flex:1;min-height:0;flex-direction:column}
.market-heading{padding:14px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.eyebrow{font:10px/1.5 var(--body);letter-spacing:1.7px;font-weight:700;color:var(--yellow);margin:0 0 5px}
h1{font:clamp(23px,2.2vw,33px)/1.2 var(--round);letter-spacing:-.4px;margin:0}
.market-controls{display:flex;align-items:center;gap:14px}
.mode-switch{display:flex;border:1px solid #455b75;border-radius:30px;padding:3px;background:#0c2340}
.mode-switch button{border:0;border-radius:24px;background:transparent;font-size:12px;padding:0 14px;min-height:44px}
.mode-switch button[aria-pressed=true]{color:var(--night);background:var(--cream);font-weight:700}
.jump-button{min-height:46px;padding:0 19px;border:0;border-radius:30px;color:var(--night);background:var(--yellow);font-size:12px;font-weight:700}
.jump-button:before{content:'✦';margin-right:8px}
.jump-button:hover,.primary-button:hover{background:#ffe99e}

.market-frame{flex:1;min-height:0;position:relative;border:1px solid #385575;border-radius:18px;overflow:hidden;background:#052452;box-shadow:0 14px 40px #0002}
#market-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#718399 #102a4c;-webkit-overflow-scrolling:touch}
#market-scroll:focus-visible{outline-offset:-4px}
#world{width:max(1280px,100%);aspect-ratio:2/1;margin-inline:auto;position:relative;background:#052452;background-size:100% 100%;background-repeat:no-repeat;isolation:isolate;overflow:hidden;overflow:clip}
#doors{position:absolute;inset:0;pointer-events:none}
/* Keine Stapelkontexte pro Knopf: Jedes Schild liegt über sämtlichen Klappen. */
.door{position:absolute;padding:0;border:0;background:none;min-width:44px;min-height:44px;pointer-events:auto;border-radius:7px}
.door-flap,.door-light{position:absolute;inset:0;border-radius:5px;pointer-events:none}
.door-flap{background-repeat:no-repeat;transform-origin:left center;backface-visibility:hidden;transition:transform .62s cubic-bezier(.22,.7,.16,1),opacity .62s;z-index:1}
.door-light{background:#ffdf7e;opacity:0;overflow:hidden;box-shadow:0 0 22px 6px #ffe68c80;transition:opacity .3s;display:grid;place-items:center}
.door-preview{width:100%;height:100%;object-fit:contain;opacity:.85}
.door-label{position:absolute;z-index:3;left:50%;bottom:5%;transform:translateX(-50%) rotate(-5deg);display:grid;place-items:center;width:48px;height:35px;padding:0 2px 2px;border:2px solid #15233a;border-radius:5px;background:var(--cream);color:#172742;box-shadow:2px 3px 0 #10234270;font:24px/1 var(--round);transition:transform .2s}
.door-label:before{content:'';width:4px;height:4px;position:absolute;top:3px;left:4px;border-radius:50%;background:#a89064}
.door:nth-child(3n) .door-label{transform:translateX(-50%) rotate(5deg)}
.door:nth-child(3) .door-label{left:72%;bottom:25%}
.door:nth-child(5) .door-label{left:30%;bottom:27%}
.door:last-child .door-label{background:var(--yellow);width:50px;height:44px;font-size:29px}
.door-today{display:none;position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:54px;height:22px;border:1px solid #172742;border-radius:7px;background:var(--yellow);color:var(--night);font:700 11px/1 var(--body);box-shadow:0 2px 6px #0004}
.door:nth-child(13) .door-today{bottom:auto;top:calc(100% + 9px)}
.door.is-today .door-today{display:grid;place-items:center}
.door.is-today:before{content:'';position:absolute;inset:3px;z-index:2;border:3px solid #ffe9a0;border-radius:12px;box-shadow:0 0 15px 6px #ffdc6690,inset 0 0 13px 3px #ffdc6655;pointer-events:none;animation:today-glow 3s ease-in-out infinite}
.door-tooltip{position:absolute;z-index:7;left:50%;top:100%;transform:translate(-50%,9px);border:1px solid #ffe49a80;border-radius:8px;background:#0b203df2;color:var(--cream);font:12px/1.4 var(--body);padding:8px 12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.door-tooltip.is-above{top:auto;bottom:100%;transform:translate(-50%,-9px)}
.door:hover .door-label,.door:focus-visible .door-label{transform:translateX(-50%) translateY(-4px) rotate(0)}
.door:hover .door-tooltip,.door:focus-visible .door-tooltip{opacity:1}
.door:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.door.is-open .door-flap{transform:perspective(650px) rotateY(-64deg);opacity:.9;box-shadow:6px 3px 8px #0004}
.door.is-open .door-light{opacity:1}
.door.is-open .door-label{background:#ffe7a4}
.door.is-today .door-label,.door.is-pointed .door-label{background:var(--yellow);outline:2px solid white;outline-offset:3px}
.door.is-shaking{animation:shake .42s ease-in-out}
.door.is-locked .door-label:after{content:'·';position:absolute;right:-5px;top:-7px;background:#132b4d;color:#d8deea;width:14px;height:14px;line-height:10px;border:1px solid #9da8b8;border-radius:50%;font:18px/9px Georgia}
.gate{position:absolute;z-index:2;padding:0;border:0;background:none;min-width:44px;min-height:44px}
.gate span{display:inline-block;background:var(--cream);color:var(--night);font:13px var(--round);padding:5px 10px;border:2px solid #102342;border-radius:5px;transform:rotate(-3deg)}
.gate span span{padding:0;border:0;transform:none;font:16px var(--body)}
.gate:hover{transform:translateY(-2px)}

.atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.twinkle{position:absolute;width:9px;height:9px;border-radius:50%;background:#fffac0;box-shadow:0 0 12px 5px #ffdd6640;animation:twinkle 3s ease-in-out infinite}
.twinkle:nth-child(2n){animation-delay:-1.6s}
.twinkle:nth-child(3n){animation-delay:-.7s}
.wheel-orbit{position:absolute;left:73.6%;top:4.6%;width:18%;height:35%;border-radius:50%;animation:wheel 45s linear infinite}
.wheel-orbit i{position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;background:#fff2ac;box-shadow:0 0 8px 3px #ffdb7370}
.wheel-orbit i:nth-child(2){left:7%;top:75%}
.wheel-orbit i:nth-child(3){left:93%;top:75%}
.snow{position:absolute;inset:0}
.snow i{position:absolute;left:var(--x);top:-10px;width:4px;height:4px;border-radius:50%;background:#fff;opacity:0;animation:snowfall var(--d) var(--t) linear infinite}
.snow i:nth-child(3n){width:6px;height:6px}
.pan-hint{font-size:10px;color:#506051;pointer-events:none;display:none}
/* Eigener Platz im Seitenfluss: Die Fußleiste überdeckt niemals den Markt. */
.market-footer{flex-shrink:0;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;padding:9px 14px;border-radius:14px;background:var(--cream);color:var(--night);font-size:12px}
.market-status{line-height:1.7}
.footer-separator{color:#687e75}
.footer-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
#reset{min-height:44px;border:0;background:none;font-size:11px;color:#415245;padding:0 4px;text-decoration:underline;text-underline-offset:4px}
#reset span{padding-left:5px;font-size:16px}
.market-footer .jump-button{border:1px solid #b99535;box-shadow:2px 2px 0 #c8b371}
.market-footer button:focus-visible{outline-color:#26773b}
#toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);width:max-content;background:var(--cream);color:var(--night);border:2px solid var(--night);border-radius:12px;padding:12px 20px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}
#toast.is-visible{transform:translate(-50%,0);opacity:1}

/* Native Dialoge sperren den Hintergrund auch für Tastatur und Screenreader. */
dialog{color:var(--night);border:0;padding:0;overflow:visible;max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px);background:none}
dialog::backdrop{background:#04132bd9;backdrop-filter:blur(5px)}
#welcome{width:800px;border-radius:22px;box-shadow:0 22px 80px #0006}
.welcome-card{display:grid;grid-template-columns:45% 55%;border-radius:22px;background:var(--cream);overflow:hidden}
.welcome-cover{background:#092c30;padding:28px 34px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:18px}
.welcome-cover img{display:block;object-fit:contain;width:100%;height:auto;cursor:pointer;transform:rotate(-3deg);box-shadow:8px 10px 0 #0003}
.anniversary{position:absolute;z-index:1;right:12px;top:15px;width:68px;height:68px;border:3px solid #142838;border-radius:50%;background:var(--yellow);font:31px/.8 var(--round);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);box-shadow:2px 3px 0 #001a2c60}
.anniversary span{font:9px/1.4 var(--body);letter-spacing:1px;margin-top:4px}
.cover-caption{font-size:10px;letter-spacing:1px;color:#e4eacb}
.welcome-copy{padding:42px 34px 32px}
.welcome-copy .eyebrow{color:#617153;font-size:9px}
.welcome-copy h2{font:39px/1.1 var(--round);margin:10px 0 20px;letter-spacing:-1.4px}
.welcome-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin:0}
.welcome-copy blockquote{margin:24px 0;font:26px/1.3 var(--round);color:#1c663c}
.welcome-copy cite{display:block;margin-top:9px;font:9px/1.5 var(--body);font-style:normal;color:#65715c}
.welcome-copy .welcome-detail{color:#697163!important;font-size:11px!important}
.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin-top:24px;padding:12px 21px;border:2px solid var(--night);border-radius:9px;background:var(--yellow);font-size:14px;font-weight:700;box-shadow:3px 4px 0 var(--night)}
.primary-button span{font-size:22px}
.welcome-copy .welcome-note{margin-top:15px!important;font-size:11px!important;color:#6b6b5a}
.welcome-copy button:focus-visible{outline-color:#1f7446}

.noscript{position:fixed;bottom:20px;left:20px;right:20px;background:var(--cream);color:var(--night);padding:20px}

@keyframes snowfall{0%{transform:translate3d(0,0,0);opacity:0}
8%{opacity:.7}
85%{opacity:.7}
100%{transform:translate3d(45px,760px,0);opacity:0}
}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}
50%{opacity:1;transform:scale(1.15)}
}
@keyframes wheel{to{transform:rotate(360deg)}
}
@keyframes today-glow{0%,100%{opacity:.55;transform:scale(.985)}
50%{opacity:1;transform:scale(1.015)}
}
@keyframes shake{0%,100%{transform:translateX(0)}
25%,75%{transform:translateX(-4px) rotate(-1deg)}
50%{transform:translateX(4px) rotate(1deg)}
}

@media(min-width:1600px){main{max-width:1900px;width:100%;align-self:center}
}
@media(max-width:850px){.site-header{height:70px;margin:0 18px}
.brand{font-size:22px}
.brand-mark{font-size:39px}
.edition{display:none}
.header-right{gap:0}
.quiet-button{font-size:12px;padding:8px 13px}
main{padding:0 12px}
.market-heading{padding:18px 5px 14px;display:block}
.market-controls{margin-top:12px;justify-content:space-between;gap:8px}
.eyebrow{font-size:9px;letter-spacing:1.4px}
h1{font-size:25px}
.mode-switch button{font-size:11px;padding:0 12px;min-height:44px}
.jump-button{font-size:10px;padding:0 12px;min-height:45px}
.jump-button:before{margin-right:5px}
.market-frame{border-radius:13px}
.pan-hint{display:block;grid-column:1;grid-row:2;align-self:center}
.market-footer{display:grid;grid-template-columns:1fr auto;gap:2px 6px;margin:8px 0 10px;padding:9px 11px;font-size:10px}
.market-status{grid-column:1 / -1}
.footer-actions{grid-column:1 / -1;grid-row:3;justify-content:space-between;gap:6px}
.market-footer .jump-button{font-size:10px;white-space:nowrap;min-height:44px;padding:0 12px}
#reset{font-size:10px}
.door-tooltip{display:none}
.welcome-card{grid-template-columns:1fr}
.welcome-cover{padding:19px 24px 14px;max-height:285px}
.welcome-cover img{width:auto;height:249px}
.cover-caption{display:none}
.anniversary{width:57px;height:57px;top:19px;right:calc(50% - 122px);font-size:27px}
.welcome-copy{padding:23px 25px 25px}
.welcome-copy h2{font-size:31px;margin:6px 0 12px}
.welcome-copy>p:not(.eyebrow){font-size:12px;line-height:1.65}
.welcome-copy blockquote{margin:16px 0;font-size:24px;line-height:1.15}
.welcome-copy blockquote br{display:none}
.welcome-copy cite{font-size:9px;margin-top:6px}
.welcome-copy .welcome-detail{font-size:10px!important}
.primary-button{margin-top:17px;min-height:47px}
.welcome-copy .welcome-note{margin-top:11px!important}
#welcome{width:370px;max-height:calc(100dvh - 28px);overflow-y:auto}
dialog::backdrop{backdrop-filter:blur(3px)}
}

@media(max-height:690px) and (min-width:851px){.site-header{height:62px}
.market-heading{padding:12px 8px}
.market-footer{min-height:44px}
h1{font-size:26px}
}
@media(max-height:760px) and (max-width:850px){.welcome-cover{max-height:210px}
.welcome-cover img{height:178px}
.welcome-copy{padding:18px 23px}
.welcome-copy h2{font-size:27px}
.welcome-copy blockquote{margin:12px 0}
.welcome-copy .welcome-detail{display:none}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.snow,.wheel-orbit{display:none}
.door.is-open .door-flap{opacity:0;transform:none}
.twinkle{opacity:.7}
.door.is-today:before{opacity:1;transform:none}
dialog::backdrop{backdrop-filter:none}
}


/* Lokal eingebettete Schrift: lateinische und kyrillische Zeichen ohne Fremdserver. */
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('./fonts/nunito-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('./fonts/nunito-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1D00-1DBF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('./fonts/nunito-cyrillic-wght-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('./fonts/nunito-cyrillic-ext-wght-normal.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
:root{--body:Nunito,"Segoe UI",system-ui,sans-serif}
html{height:100%;overflow-x:clip}
body{height:100vh;height:100dvh;min-height:360px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.site-header{height:auto;min-height:80px;margin:0 24px;padding:10px 0;flex-wrap:wrap;gap:8px 20px}
.brand{border:0;padding:0;background:none;text-align:left;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.brand>span:last-child{min-width:0}
.header-right{display:flex;flex-wrap:wrap;gap:7px 10px;min-width:0}
.quiet-button{line-height:1.25;justify-content:center;text-align:center}
.language-control{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px}
.language-icon,#language-short{display:none}
select{font:inherit;min-height:44px;max-width:100%;padding:7px 26px 7px 11px;border:1px solid #718399;border-radius:22px;background:var(--navy);color:var(--cream)}
select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
main{width:100%;min-width:0;min-height:260px}
.market-heading>div:first-child{min-width:0}
.market-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px}
.market-controls button{min-height:44px;font-size:12px;max-width:100%}
#countdown{margin:7px 0 0;color:var(--yellow);font-weight:700;font-size:13px}
.market-frame{min-height:180px}
#market-scroll{touch-action:pan-x pan-y;max-width:100%}
.market-footer{min-height:45px;margin:8px 0;flex-wrap:wrap}
.pan-hint{color:#3d513f}
.door-video-badge{position:absolute;z-index:4;right:-3px;top:-3px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--cream);border:2px solid var(--night);color:var(--night);font:14px/1 var(--body);pointer-events:none}
#toast{bottom:max(24px,env(safe-area-inset-bottom));z-index:100;line-height:1.4}
/* Leere Live-Region im aktiven Modal: Hinweise bleiben auch dort lesbar. */
#welcome{overflow:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
.welcome-cover img{cursor:default}
.welcome-copy .quiet-button{margin-top:16px;border-color:#687455;color:var(--night)}
.welcome-copy .quiet-button:hover{background:#ece0c2}
.welcome-copy .welcome-detail,.welcome-copy .welcome-note{color:#46523e!important}
.welcome-copy cite{color:#435139}
#door-index{width:min(850px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;border-radius:18px;background:var(--cream);color:var(--night);overscroll-behavior:contain}
.index-card{padding:16px}
.index-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-1px;background:var(--cream);z-index:1;padding-bottom:12px}
.index-card h2{font:24px/1.2 var(--round);margin:0;overflow-wrap:anywhere}
.index-card .quiet-button{color:var(--night);border-color:#6f806a}
.index-card .quiet-button:hover{background:#e9ddbc}
.index-card :focus-visible{outline-color:#26773b;outline-offset:2px}
#door-index-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.door-index-item{min-width:0}
.door-index-button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;width:100%;min-height:88px;padding:11px 13px;border:1px solid #8f9b85;border-radius:12px;background:#fffaf0;color:var(--night);overflow-wrap:anywhere}
.door-index-button.is-today{border:2px solid #35713c;background:#fff1b9}
.door-index-date{font-size:12px;color:#435338}
.door-index-title{font-size:16px;line-height:1.3}
.door-index-status{font-size:12px;color:#435338;line-height:1.4}
#app-error{padding:20px;background:var(--cream);color:var(--night);border-radius:12px}
@media(max-width:850px){
 .site-header{margin:0 12px;padding:8px 0;min-height:0;gap:6px;width:auto}
 .brand{font-size:clamp(19px,4.6vw,25px);gap:7px}
 .brand-mark{font-size:34px}.brand-sub{font-size:9px;letter-spacing:1.4px}
 .header-right{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .language-control{grid-column:1/-1;justify-content:space-between;gap:8px}
 .language-control select{flex:1;max-width:230px}
 .header-right .quiet-button{font-size:12px;padding:6px 7px;min-height:44px}
 .header-right .update-button{grid-column:1/-1}
 .market-heading{padding:10px 2px;display:flex;flex-wrap:wrap;gap:8px}
 .market-heading h1{font-size:24px}.market-heading .eyebrow{font-size:9px;margin-bottom:3px}
 .market-controls{width:100%;margin-top:0;justify-content:flex-start;gap:6px}
 .market-controls .quiet-button,.market-controls .jump-button{padding:7px 12px;font-size:12px;flex:1}
 .market-controls #browse{flex:1.4}
 .market-footer{display:flex;gap:2px 8px;font-size:11px;padding:7px 10px}
 .market-status{line-height:1.4}.pan-hint{font-size:11px}
 #countdown{font-size:12px;margin-top:4px}
 #door-index-list{grid-template-columns:1fr}
 .welcome-copy{padding:20px 24px}.welcome-copy>p:not(.eyebrow){font-size:14px}
}
/* Im Hochformat sitzt die native Sprachwahl als Chip neben der Marke. */
@media(max-width:850px) and (orientation:portrait){
 .site-header{position:relative;padding:6px 0;gap:4px}
 .brand{width:100%;padding-right:82px;font-size:21px}
 .language-control{position:absolute;right:0;top:6px;min-height:44px;min-width:74px;padding:0 10px;gap:6px;justify-content:center;border:1px solid #718399;border-radius:22px;background:var(--navy)}
 .language-control>[data-ui="language"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .language-icon,#language-short{display:inline}
 .language-icon{font-size:17px}
 #language-short{font-weight:700}
 .language-control select{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:0;cursor:pointer}
 .language-control:focus-within{outline:3px solid var(--yellow);outline-offset:3px}
 .market-heading{padding:6px 2px;gap:6px}
 .market-heading h1{font-size:21px}
 .market-heading .eyebrow{font-size:8px;margin-bottom:2px}
 #countdown{font-size:11px;margin-top:2px}
 .market-controls{flex-wrap:nowrap}
 .market-controls .quiet-button,.market-controls .jump-button{padding:6px 8px;flex:1 1 0}
 .market-controls #browse{flex:1 1 0}
 .market-controls #jump{flex:1.5 1 0}
 .jump-button:before{display:inline-block;margin-right:4px}
}
@media(max-height:500px) and (orientation:landscape){
 .site-header{display:flex;flex-wrap:nowrap;margin:0 10px;padding:4px 0;gap:10px}
 .brand{font-size:17px;max-width:30%;flex:0 1 220px}.brand-mark,.brand-sub{display:none}
 .header-right{display:flex;flex:1;width:auto;flex-wrap:wrap;justify-content:flex-end;gap:4px}
 .language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .language-control select{width:105px;font-size:12px}
 .header-right .quiet-button{font-size:11px;padding:6px 9px}
 .market-heading{padding:5px 2px;flex-wrap:nowrap;align-items:center}.market-heading h1{font-size:19px}
 .market-heading .eyebrow{display:none}.market-controls{width:auto;flex-wrap:nowrap;flex-shrink:0;margin:0}
 .market-controls button{flex:none!important;font-size:11px!important;padding:6px 10px!important}
 main{min-height:220px}.market-frame{min-height:140px}.market-footer{min-height:32px;margin:4px 0}
 .welcome-card{grid-template-columns:35% 65%}.welcome-cover{height:auto;max-height:none;padding:15px}
 .welcome-cover img{width:100%;height:auto;max-height:240px}.welcome-copy{padding:15px 20px}
}