/* Amber LEDs and limestone, with FOODAR's original green on the shop shutters. */
:root{--cream:#f2ebdf;--paper:#fffaf2;--ink:#302820;--green:#3a3029;--muted:#817362;--olive:#a37c50;--lime:#f1d4a4}
:focus-visible{outline-color:#cb813d}
.atelier-nav button{pointer-events:auto}
.nav-actions>a,.nav-actions>button,.language-picker,.day-explorer summary{background:#241f1de8;color:#fff0da;border:1px solid #ffffff20;backdrop-filter:blur(16px);border-radius:40px;box-shadow:0 3px 18px #0001}
.nav-actions>button{min-height:38px}.nav-brand{text-shadow:0 2px 15px #21190e}.past-storefront .nav-brand{background:#302923ee}
.day-explorer summary{gap:9px}.day-explorer summary .clock-zone{font-size:7px;letter-spacing:.7px}
.reservation-clock{background:#2b2520ee;color:#eddac2;border-color:#c599692b}
.reservation-clock b{color:#f6a65a;font-size:11px}
.experience-tools button,.scroll-invite,.motion-controls,.scene-time-note{background:#30271fdf;color:#faecd6;border-color:#a68a6c44}
.scene-heading h1 em{color:#f0d1a1}.preview-tag{color:#e9d1ad;border-color:#b49b7644}
.day-story{width:100%;margin-top:10px;border:1px solid #b79b7844;border-radius:8px;background:#eee2cf;padding:10px;font-size:10px}
.day-presets button{background:#f2e9db;border-color:#d7c9b3}.day-detail{color:#847360}
.store-stage{background:#322921}
.store-building{width:100vw;height:100svh;top:50%;box-shadow:none;aspect-ratio:auto}
.store-shutter,.closing-shutter{background:repeating-linear-gradient(0deg,#0d3a2b 0,#32644e 3px,#1d4c39 11px,#103c2c 13px,#08291e 15px)}
.store-sign>span{font-size:clamp(45px,6vw,110px)}
.scene-heading{bottom:14%;text-shadow:0 2px 18px #160e08}
.scene-heading h1{font-size:clamp(25px,2.7vw,44px)}
.atelier-menu{padding-inline:4%;border-radius:0}
.board-card{background:#faf5ec;border-color:#d9cebc}
.card-top span{background:#e9decb}.card-copy h3{color:#342b22}.card-bottom{border-color:#ded0ba}
.choose-plate{border:0;background:#3b3027;width:40px;height:40px;color:#ffedce}
.choose-plate:disabled{opacity:.4;cursor:not-allowed}.choose-plate:disabled:hover{transform:none}
.flight-crop{clip-path:polygon(11% 8%,89% 8%,99% 87%,96% 97%,4% 97%,1% 87%)}
.dish-kitchen-badge.is-serving{background:#f3e9d8;color:#866238;border-color:#b59466}
.closing-story{background:#0d3a2b}
.closing-stage{padding:86px 0 50px;background:radial-gradient(ellipse at 50% 0,#245b43,#0d3a2b 80%)}
.closing-fascia,.closing-window{max-width:none;width:100%;border-color:#20503c}
.closing-fascia{background:#0d3a2b;border-width:8px;font-size:clamp(40px,6vw,100px);padding:18px;color:#fff7e4}
.closing-window{border-width:8px}.closing-contact{max-width:none;padding-inline:5%;color:#d8e7d9}
.closing-message{text-shadow:0 2px 8px #061f16;color:#fff7e8}.closing-message h2{font-size:clamp(48px,6vw,90px)}
.closing-message h2 em{color:#d5e9b4}.closing-message>p:not(.eyebrow){color:#d5e4d5}
.closing-menu-link{border-color:#d5e9b480}.closing-shutter:after{border-color:#bed2b3}
.atelier-footer{background:#0b3024;color:#c0d5c5}.atelier-footer a{color:#e7efdb}.primary-link{background:#3c3025}
[data-kitchen=closed] .nav-actions>a,[data-kitchen=closed] .nav-actions>button,[data-kitchen=closed] .language-picker,[data-kitchen=closed] .day-explorer summary,[data-kitchen=closed] .reservation-clock,[data-kitchen=closed] .experience-tools button,[data-kitchen=closed].past-storefront .nav-brand{background:#092d22ed}
/* Pixel grids use the same original glyphs in the intro and navigation. */
.led-time{--led:2px;display:inline-flex!important;align-items:center;gap:calc(var(--led)*1.5);direction:ltr;color:#ff9d4e;vertical-align:middle}
.led-digit{display:grid;grid-template-columns:repeat(5,var(--led));grid-template-rows:repeat(7,var(--led));gap:calc(var(--led)*.22);flex:none}
.led-digit i{display:block;background:currentColor;opacity:.04}.led-digit i.lit{opacity:1;box-shadow:0 0 calc(var(--led)*2) #f77a3b42}
.led-colon{grid-template-columns:repeat(3,var(--led));animation:clock-beat 1.6s infinite}
.kitchen-hours .led-time{--led:1.3px}.reduced-motion .led-colon{animation:none}
.cinema-intro[hidden]{display:none}
.cinema-intro{position:fixed;inset:0;z-index:100;background:#08090c;color:#ff6c29;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .9s ease,filter .9s ease;isolation:isolate}
.cinema-intro.is-leaving{opacity:0;filter:blur(10px);pointer-events:none}
.cinema-wordmark{position:absolute;top:7%;color:#71655c;font-size:12px;font-weight:800;letter-spacing:5px}
.cinema-alarm{border:1px solid #2a2b32;border-radius:23px;padding:38px 35px 29px;background:linear-gradient(135deg,#111115,#090a0d);box-shadow:inset 0 0 0 1px #ffffff04,0 15px 100px #0004;display:flex;flex-direction:column;align-items:center;gap:22px}
.cinema-alarm .led-time{--led:10px;color:#ff6526;filter:drop-shadow(0 0 9px #ff661f45)}
.cinema-alarm>span{font:9px ui-monospace,monospace;letter-spacing:5px;color:#886449}
.cinema-intro>p{max-width:440px;padding:0 25px;text-align:center;color:#ad805b;font:11px/1.8 ui-monospace,monospace;letter-spacing:.6px}
.cinema-skip{position:absolute;bottom:8%;background:none;border:1px solid #594331;border-radius:25px;color:#cfad8e;padding:12px 25px;font-size:11px}
/* Native dialogs retain keyboard trapping, Escape and return focus. */
dialog{border:1px solid #d9ccb8;border-radius:24px;background:#faf4e9;color:#352b22;box-shadow:0 30px 120px #100b0866;padding:0;max-height:calc(100svh - 40px);overscroll-behavior:contain}
dialog:not([open]){display:none}dialog::backdrop{background:#1d1713a8;backdrop-filter:blur(9px)}
body:has(dialog[open]){overflow:hidden}
.dish-dialog{width:min(860px,calc(100vw - 40px))}
.dish-dialog[open]{display:grid;grid-template-columns:1fr 1.05fr}
.dialog-close{position:absolute;z-index:2;top:15px;right:15px;width:36px;height:36px;border:1px solid #ac92774d;border-radius:50%;background:#fff6e8ed;color:#392a1e;font-size:25px;line-height:1;display:grid;place-items:center}
.choice-photo{background:#e8dbc8;min-height:390px}.choice-photo img{width:100%;height:100%;object-fit:cover;border-radius:0}
.choice-copy{padding:50px 30px 30px}.choice-copy h2{font-size:29px;line-height:1.08;letter-spacing:-1px;margin:12px 0 16px}
.choice-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#84735f}
.atelier-add fieldset{border:0;padding:0;margin:25px 0 18px}.atelier-add legend{font-size:12px;font-weight:700;margin-bottom:12px}
.choice-cuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-cuts label{display:flex;align-items:center;gap:10px;padding:15px 12px;border:1px solid #cbbb9f;border-radius:12px;cursor:pointer;font-weight:750;font-size:13px}
.choice-cuts input{accent-color:#a36830;flex:none}.choice-cuts small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#907c60}
.choice-cuts label:has(:checked){background:#ebdcc2;border-color:#9b713d}.choice-cuts label:has(:disabled){opacity:.4;cursor:not-allowed}
.choice-offer,.bag-note{font-size:11px;line-height:1.8;color:#8f714a;padding:12px;border-radius:10px;background:#efe4d0}
.choice-submit{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;border:0;border-radius:12px;background:#3a2c20;color:#fff0d8;padding:16px 12px;font-size:12px;font-weight:750;min-height:48px;text-align:center}
.choice-submit:disabled{opacity:.5;cursor:wait}.choice-submit[hidden]{display:none}
.order-feedback,.bag-feedback{font-size:12px;line-height:1.7;color:#9a4c25}.order-feedback:empty,.bag-feedback:empty{display:none}
.bag-dialog{width:min(520px,calc(100vw - 30px));padding:40px 28px 28px}.bag-dialog h2{font-size:35px;letter-spacing:-1px;margin:14px 0 25px}
.bag-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-block:1px solid #d4c2a750}.bag-row strong{font-size:14px;line-height:1.5;display:block}.bag-row small{font-size:11px;color:#8b765d;display:block;margin-top:8px}
.bag-remove{background:none;border:0;border-bottom:1px solid #be9b76;color:#996237;padding:5px;font-size:11px}.bag-continue{border:0;background:none;width:100%;padding:18px 0 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px) and (min-width:651px){.nav-brand{font-size:21px}.atelier-nav{padding-inline:18px}.nav-actions{gap:4px}.language-picker a{padding:5px}.day-explorer{left:43%}}
@media(max-width:650px){
 .store-building{width:max(100vw,calc(max(100svh,640px)*.666667));height:max(150vw,max(100svh,640px));top:50%}
 .store-sign>span{font-size:9vw}.store-stage{background:#3c3027}
 .scene-heading{background:#30271fe6;bottom:24%;max-width:235px}.scene-heading h1{font-size:19px}.scene-time-note{bottom:17%;background:#30271feb}
 .scene-bottom{bottom:6%}.day-explorer summary .clock-zone{font-size:6px;letter-spacing:.3px}
 .reservation-clock{font-size:8px;gap:6px}.reservation-clock b{font-size:10px}
 .nav-actions>button{min-height:34px}.day-explorer .led-time{--led:1.8px}
 .cinema-alarm{padding:28px 22px 24px;border-radius:18px}.cinema-alarm .led-time{--led:7px}.cinema-intro>p{font-size:10px;max-width:340px}
 .atelier-menu{padding-inline:5%}.choose-plate{width:34px;height:34px}.dish-kitchen-badge{font-size:8px}
 .closing-stage{padding:142px 0 65px}.closing-fascia{font-size:50px}.closing-message h2{font-size:48px}.closing-contact{padding-inline:6%}
 .dish-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:18px}.dish-dialog[open]{display:block}.choice-photo{min-height:0;height:210px}.choice-photo img{object-position:50% 50%}
 .choice-copy{padding:25px 22px}.choice-copy h2{font-size:27px}.choice-copy .eyebrow{font-size:9px}.atelier-add fieldset{margin-top:18px}
 .bag-dialog{padding:40px 23px 24px}.bag-dialog h2{font-size:31px}.choice-submit{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.led-colon{animation:none}.cinema-intro{transition:none}}