:root{color-scheme:dark;font-family:ui-monospace,Cascadia Mono,SFMono-Regular,Menlo,Consolas,monospace;background:#17131e;color:#fff4d6;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{--venue-frame: #d4955b;--venue-eyebrow: #d7b786;--venue-selected-border: #efbd70;--venue-selected-bg: #563841;--venue-selected-shadow: #8e4c3e;--venue-button-border: #f4c77c;--venue-button-bg: #e7a65e;--venue-button-hover: #f1bd72;--venue-button-shadow: #8e4c3e;--venue-button-ink: #2a1820;--venue-status: #ecd5aa;background:#17131e}body[data-venue=ramen]{--venue-frame: #e0604f;--venue-eyebrow: #ff9b70;--venue-selected-border: #ff7455;--venue-selected-bg: #632f35;--venue-selected-shadow: #a63e38;--venue-button-border: #ff9c67;--venue-button-bg: #e45f46;--venue-button-hover: #f47755;--venue-button-shadow: #9f352f;--venue-button-ink: #25151a;--venue-status: #ffb783}body[data-venue=arcade]{--venue-frame: #5cdae0;--venue-eyebrow: #83f2ee;--venue-selected-border: #66e9ed;--venue-selected-bg: #293c61;--venue-selected-shadow: #b642a1;--venue-button-border: #7df5f1;--venue-button-bg: #54dce2;--venue-button-hover: #82f2ed;--venue-button-shadow: #b642a1;--venue-button-ink: #101b31;--venue-status: #8bf3ef}body[data-entered=true][data-ui-idle=true]{cursor:none}#app{position:relative;isolation:isolate}#cafe{display:block;width:100vw;height:100dvh;image-rendering:auto;background:#1c1925}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 11vmin #07050c4d}.welcome{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:1.5rem;background:#0b0a1157;transition:opacity .7s ease,visibility .7s}.welcome:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(10,8,16,.08) 3px 4px);pointer-events:none}.welcome.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome__card{position:relative;width:min(34rem,100%);padding:clamp(1.7rem,5vw,3.2rem);text-align:center;border:2px solid var(--venue-frame);outline:1px solid rgba(255,222,158,.24);outline-offset:5px;background:#251923eb;box-shadow:10px 12px #0c09108c}.welcome__eyebrow{display:block;margin-bottom:.8rem;color:var(--venue-eyebrow);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;color:#fff0c3;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,10vw,5.5rem);font-weight:500;letter-spacing:-.055em;line-height:.95;text-shadow:3px 3px 0 #884b3e}.welcome p{max-width:28rem;margin:1.2rem auto 1.7rem;color:#dac9ad;font-family:system-ui,sans-serif;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.welcome .welcome__intro{margin-bottom:1rem}.venue-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0 auto .75rem;text-align:left}.venue-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem;min-height:5.7rem;padding:.7rem .55rem;border:1px solid rgba(255,222,158,.22);color:#d6c3a6;background:#130e1785;box-shadow:inset 1px 1px #ffebc314,inset -2px -2px #0d0a1157;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.venue-option:hover{border-color:#f6c373b3;background:#5b3437b8;transform:translateY(-1px)}.venue-option.is-selected{border-color:var(--venue-selected-border);color:#fff0c3;background:var(--venue-selected-bg);box-shadow:inset 2px 2px #ffe2aa29,inset -3px -3px #1c111c73,2px 2px 0 var(--venue-selected-shadow)}.venue-option__mark{align-self:start;color:#d89b61;font-size:.7rem;line-height:1.3}.venue-option[data-venue-choice=ramen] .venue-option__mark{color:#e07062}.venue-option[data-venue-choice=arcade] .venue-option__mark{color:#8ecac4}.venue-option.is-selected .venue-option__mark{color:var(--venue-selected-border)}.venue-option strong,.venue-option small{display:block}.venue-option strong{font-size:.73rem;letter-spacing:.035em}.venue-option small{margin-top:.32rem;color:inherit;font-family:system-ui,sans-serif;font-size:.63rem;line-height:1.25;opacity:.82}.welcome .venue-description{min-height:2.8em;margin:.6rem auto 1rem;color:#e4ca9a;font-size:.79rem;line-height:1.45}.welcome .privacy-note{margin-top:-.8rem;margin-bottom:1.25rem;color:#b9aa94;font-size:clamp(.69rem,1.5vw,.76rem);line-height:1.45}.welcome .renderer-status{min-height:1.35em;margin:-.6rem auto .8rem;color:var(--venue-status);font-size:.73rem;line-height:1.35}.attribution{position:absolute;z-index:2;right:max(.65rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));margin:0;padding:.25rem .4rem;color:#ffeecca3;background:#17131e8f;font-size:.62rem;line-height:1}.attribution a{color:inherit}button{border:0;font:inherit;cursor:pointer}#enter{min-height:3rem;padding:.8rem 1.3rem;border:2px solid var(--venue-button-border);color:var(--venue-button-ink);background:var(--venue-button-bg);box-shadow:4px 4px 0 var(--venue-button-shadow);font-size:.82rem;letter-spacing:.045em;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}#enter:hover{background:var(--venue-button-hover);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--venue-button-shadow)}#enter:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--venue-button-shadow)}#enter:disabled{cursor:wait;opacity:.62;transform:none;box-shadow:2px 2px #6f4038}.renderer-retry{min-height:2.6rem;margin-left:.65rem;padding:.65rem .9rem;border:1px solid #e8bd7a;color:#f7dfb2;background:#4b303b;box-shadow:3px 3px #251822;font-size:.73rem}.renderer-retry[hidden]{display:none}#enter:focus-visible,.renderer-retry:focus-visible,.control:focus-visible,.venue-option:focus-visible{outline:3px solid #fff2c2;outline-offset:3px}.controls{position:absolute;z-index:3;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top));display:flex;gap:3px;padding:3px;border:1px solid rgba(255,232,187,.48);background:#1c141dc7;box-shadow:4px 4px #07050a66;backdrop-filter:blur(5px);opacity:1;visibility:visible;transition:opacity .26s ease,visibility .26s}.controls[hidden]{display:none}body[data-entered=true][data-ui-idle=true] .controls:not(:focus-within){pointer-events:none;opacity:0;visibility:hidden}.control{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(255,232,187,.24);color:#fbe2af;background:#382833;box-shadow:inset 1px 1px #ffebc31f,inset -2px -2px #0d0a116b;font-size:1.05rem;line-height:1}.control:hover{color:#fff2c2;background:#563743}.control:active{transform:translate(1px,1px);box-shadow:inset 2px 2px #0d0a1173}.control[hidden]{display:none}#sound[aria-pressed=true] span{opacity:.42;text-decoration:line-through}#fullscreen[aria-pressed=true] .fullscreen__icon{transform:rotate(180deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.welcome{transition-duration:.12s}#enter,.venue-option,.controls,.control{transition:none}}@media(max-width:540px){.welcome__card{padding:1.45rem 1.15rem}.venue-picker{grid-template-columns:1fr;gap:.35rem}.venue-option{min-height:3.8rem;padding:.55rem .65rem}.venue-option small{margin-top:.14rem}.welcome .venue-description{min-height:0;margin-bottom:.8rem}}