:root{--booth: #0b0907;--oak: #1a1410;--oxide: #3d2a18;--dust: #8c7a62;--paper: #e6d6ba;--filament: #e39a3c;--bloom: #ffc46a;--ink: #2a1c12;--level: 0}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--paper);background:var(--booth);font-family:"Instrument Serif",Palatino,Palatino Linotype,Iowan Old Style,serif;-webkit-font-smoothing:antialiased}button,code,.status,.plate-kicker,.crumb,.drop,.note,.mast p,.lamp,.capsule-meter,.chips{font-family:IBM Plex Mono,Source Code Pro,Courier New,monospace}.booth{position:relative;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(ellipse 90% 42% at 50% 0%,#2c1c10 0%,transparent 58%),radial-gradient(ellipse 70% 40% at 50% 110%,#120d09 0%,var(--booth) 70%),var(--booth);overflow:hidden}.booth:before{content:"";position:absolute;inset:42% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#3d2a1844 18%,#e39a3c22 50%,#3d2a1844 82%,transparent);pointer-events:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.mast{position:relative;z-index:2}.mast h1{margin:0;font-size:1.7rem;font-weight:400;font-style:italic;letter-spacing:.01em}.mast p{margin:.15rem 0 0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dust)}.lamp{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;gap:.45rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dust);z-index:2}.lamp:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#2a2018;box-shadow:inset 0 0 0 1px #3d2a18}.booth.is-live .lamp{color:var(--filament)}.booth.is-live .lamp:before{background:var(--filament);box-shadow:0 0 10px var(--filament)}.stage{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2.2rem 0 1.2rem}.status{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:lowercase;color:var(--dust);text-align:center;min-height:1.1em}.capsule{appearance:none;position:relative;width:min(92vw,28rem);height:5.6rem;padding:0;border:1px solid #4a3420;border-radius:999px;background:linear-gradient(180deg,#241910,#120e0b 72%);color:var(--paper);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden;box-shadow:inset 0 1px #e6d6ba14,0 0 0 1px #000,0 16px 40px #0008,0 0 calc(8px + var(--level) * 36px) rgba(227,154,60,calc(.08 + var(--level) * .62))}.capsule:focus-visible{outline:1px solid var(--filament);outline-offset:3px}.booth.is-live .capsule{border-color:#c47a2c}.vu{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.capsule-face{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.2rem;pointer-events:none}.capsule-word{font-family:"Instrument Serif",Palatino,serif;font-style:italic;font-size:1.25rem;letter-spacing:.04em}.capsule-meter{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dust);min-height:1em}.plate{width:min(92vw,28rem);text-align:center}.plate[hidden]{display:none}.plate-kicker{margin:0 0 .45rem;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--filament)}.address{display:block;font-size:clamp(.78rem,3.2vw,.98rem);font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--paper)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.85rem 0 .35rem}.chip{padding:.18rem .45rem;border:1px solid #3d2a18;border-radius:2px;font-size:.68rem;letter-spacing:.08em;color:var(--bloom);background:#140f0c}.crumb{margin:0;font-size:.62rem;color:var(--dust);letter-spacing:.06em}.acts{display:flex;justify-content:center;gap:.7rem;margin-top:.95rem}.act{appearance:none;border:1px solid #4a3420;background:#1a1410;color:var(--paper);padding:.45rem .75rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.act.ghost{background:transparent;color:var(--dust)}.act:focus-visible{outline:1px solid var(--filament);outline-offset:2px}.well{position:relative;z-index:2;text-align:center}.drop{display:inline-block;position:relative;font-size:.68rem;letter-spacing:.06em;color:var(--dust);cursor:pointer;border-bottom:1px solid #3d2a18;padding-bottom:.15rem}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.booth.is-drop .drop{color:var(--filament);border-bottom-color:var(--filament)}.booth.is-ready .stage{justify-content:flex-start;padding-top:.4rem}.booth.is-ready .status{order:0}.booth.is-ready .plate{order:1}.booth.is-ready .capsule{order:2;height:3.6rem}.booth.is-ready .capsule-word{font-size:1.05rem}.booth.is-blocked .capsule{opacity:.55}.note{margin:.85rem auto 0;max-width:28rem;font-size:.62rem;line-height:1.55;letter-spacing:.02em;color:#6e5d49}@media(prefers-reduced-motion:reduce){.capsule,.lamp:before{transition:none;box-shadow:inset 0 1px #e6d6ba14,0 0 0 1px #000,0 8px 20px #0006}.booth.is-live .lamp:before{box-shadow:none}}