:root{--cream:#f4ecdc;--ink:#23201c;--navy:#1c3557;--red:#b2242c;--gold:#d9a441;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--cream);background:#0d0b09;margin:0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;overflow:hidden}#viewport,#viewport canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;grid-template:100%/100%;place-items:center;display:grid;position:fixed;inset:0}.screen{padding:clamp(.75rem,4vw,2rem);padding-left:max(clamp(.75rem, 4vw, 2rem), env(safe-area-inset-left));padding-right:max(clamp(.75rem, 4vw, 2rem), env(safe-area-inset-right));text-align:center;opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:center;place-self:stretch stretch;align-items:center;gap:clamp(.7rem,2.5vw,1.1rem);transition:opacity .45s,transform .45s,visibility .45s;display:flex;overflow-y:auto;transform:translateY(14px)}.screen[data-active]{opacity:1;visibility:visible;pointer-events:auto;transform:none}#screen-loading:before,#screen-menu:before,#screen-result:before{content:"";z-index:-1;background:radial-gradient(#0806042e 0%,#080604a8 78%);position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(7px)saturate(.8);background:#0e0b08b8;border:1px solid #f4ecdc24;flex-direction:column;align-items:center;gap:clamp(.7rem,2.5vw,1.1rem);max-width:100%;padding:clamp(1.3rem,5vw,2.2rem) clamp(1.1rem,5vw,2.8rem) clamp(1.1rem,4vw,1.8rem);display:flex;box-shadow:0 24px 60px #00000073}.logo{letter-spacing:.02em;text-shadow:0 3px #00000073;margin:0;font-size:clamp(1.9rem,7.5vw,4.6rem);font-weight:400;line-height:1}.logo:after{content:"";background:var(--gold);width:4.5rem;height:3px;margin:.9rem auto 0;display:block}.tagline{opacity:.82;margin:0;font-size:clamp(.95rem,2vw,1.15rem);font-style:italic}.loadbar{background:#f4ecdc29;width:min(320px,70vw);height:4px;margin-top:.6rem;overflow:hidden}.loadbar-fill{background:var(--gold);width:0%;height:100%;transition:width .3s}.menu{flex-direction:column;gap:.75rem;width:min(430px,100%);margin-top:clamp(.4rem,2vw,.8rem);display:flex}.meal{touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-align:left;color:var(--cream);cursor:pointer;background:#1e1812b8;border:1px solid #f4ecdc4d;grid-template-columns:auto 1fr;grid-template-areas:"time name""time desc";align-items:center;gap:0 clamp(.55rem,3vw,1rem);padding:clamp(.6rem,2.5vw,.85rem) clamp(.7rem,3.5vw,1.2rem);font-family:inherit;transition:background .2s,border-color .2s,transform .12s;display:grid}.meal:hover,.meal:focus-visible{border-color:var(--gold);background:#d9a44147;outline:none}.meal:active{transform:scale(.985)}.meal-time{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-variant-numeric:tabular-nums;grid-area:time;font-size:clamp(.68rem,2.8vw,.8rem)}.meal-name{grid-area:name;font-size:clamp(1.12rem,4.5vw,1.4rem)}.meal-desc{opacity:.72;grid-area:desc;font-size:clamp(.7rem,3vw,.82rem);font-style:italic}.footnote{opacity:.65;min-height:1.2em;margin:.3rem 0 0;font-size:.82rem;font-style:italic}.screen-result{justify-content:flex-start;padding-top:5vh;padding-bottom:4vh}.ticket{background:var(--cream);max-width:100%;color:var(--ink);clip-path:polygon(0% 2%,4% 0%,8% 2%,12% 0%,16% 2%,20% 0%,24% 2%,28% 0%,32% 2%,36% 0%,40% 2%,44% 0%,48% 2%,52% 0%,56% 2%,60% 0%,64% 2%,68% 0%,72% 2%,76% 0%,80% 2%,84% 0%,88% 2%,92% 0%,96% 2%,100% 0%,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0% 100%);padding:clamp(1.1rem,5vw,1.8rem) clamp(1.2rem,6vw,2.6rem);box-shadow:0 18px 50px #0000008c}.ticket-meal{letter-spacing:.34em;text-transform:uppercase;opacity:.6;margin:0;font-size:.85rem}.ticket-dish{color:var(--red);margin:.35rem 0 0;font-size:clamp(1.55rem,7vw,2.7rem);font-weight:400}.ticket-note{max-width:30ch;margin:.7rem 0 0;font-size:.95rem;font-style:italic}.ticket-rule{background:repeating-linear-gradient(90deg, var(--ink) 0 5px, transparent 5px 10px);opacity:.35;height:1px;margin:1.1rem 0 .8rem}.ticket-served{letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin:0;font-size:.8rem}.again{touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #f4ecdc66;margin-top:auto;padding:.7rem 1.7rem;font-family:inherit;font-size:1rem;transition:background .2s,border-color .2s}.again:hover,.again:focus-visible{border-color:var(--cream);background:#f4ecdc1f;outline:none}.skip{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));touch-action:manipulation;letter-spacing:.08em;color:#f4ecdc99;cursor:pointer;background:#00000059;border:1px solid #f4ecdc33;padding:.5rem 1.1rem;font-family:inherit;font-size:.85rem;transition:color .2s,border-color .2s;position:fixed}.skip:hover{color:var(--cream);border-color:#f4ecdc80}.skip[hidden]{display:none}@media (prefers-reduced-motion:reduce){.screen{transition-duration:.01ms}}@media (height<=520px){.logo{font-size:clamp(1.6rem,5.5vh,2.4rem)}.logo:after{margin-top:.5rem}.panel{gap:.5rem;padding:1rem 1.6rem .85rem}.meal{padding:.45rem .9rem}.meal-name{font-size:1.1rem}.menu{gap:.45rem;margin-top:.2rem}.screen-result{padding-top:2vh;padding-bottom:2vh}.ticket{padding:.9rem 1.8rem}.ticket-dish{font-size:1.6rem}.ticket-note{margin-top:.45rem;font-size:.85rem}.ticket-rule{margin:.6rem 0 .5rem}}