:root{--bg: #0d1420;--panel: rgba(255, 255, 255, .04);--text: #f2f5f9;--muted: #93a1b5;--accent: #f5a623;--font-heading: "Inter", system-ui, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, "Segoe UI", sans-serif;--brand-charcoal: #404041;--brand-blue: #00aeef;--brand-lime: #b3d335;font-size:clamp(12px,1.4vw,22px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);cursor:none}.scene h1,.scene h2,.promo h1,.pair-code,.fullscreen-message h1{font-family:var(--font-heading)}.stage{height:100%}.scene-theme{height:100%;background-color:var(--bg)}.scene{height:100vh;padding:4vh 5vw;display:flex;flex-direction:column;background:var(--bg);animation:scene-in .6s ease-out}@keyframes scene-in{0%{opacity:0}to{opacity:1}}.scene header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--accent);padding-bottom:1.5vh;margin-bottom:3vh}.scene h1{font-size:3.2rem;font-weight:700;letter-spacing:-.01em}.scene .venue{color:var(--muted);font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em}.empty{color:var(--muted);font-size:1.5rem;margin:auto}.taps{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.6vh 4vw;align-content:start;flex:1}.taps li{display:flex;align-items:center;gap:1.2vw;background:var(--panel);border-radius:.75rem;padding:1.6vh 1.4vw}.taps li.off{opacity:.45}.tap-number{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--accent);color:#10151d;font-weight:800;font-size:1.3rem;display:grid;place-items:center}.tap-main{display:flex;flex-direction:column;min-width:0;flex:1}.tap-name{font-size:1.6rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-meta{color:var(--muted);font-size:1rem}.tap-right{display:flex;align-items:baseline;gap:1vw;flex:none}.tap-abv{color:var(--muted);font-size:1.1rem}.tap-price{font-size:1.5rem;font-weight:700;color:var(--accent)}.tap-price small{color:var(--muted);font-weight:400;font-size:.9rem}.tap-soldout{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.promo{align-items:center;justify-content:center;text-align:center;gap:2vh}.promo h1{font-size:5rem;color:var(--accent)}.promo p{font-size:2rem;color:var(--text)}.promo-logo{max-height:18vh}.menu-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:3vh 4vw;overflow:hidden;flex:1}.menu-columns h2{font-size:1.8rem;color:var(--accent);margin-bottom:1.2vh}.menu-columns ul{list-style:none}.menu-columns li{display:flex;justify-content:space-between;gap:2vw;padding:.7vh 0;font-size:1.3rem}.item-price{color:var(--muted)}.media{padding:0}.media img,.media video{width:100%;height:100%;object-fit:cover}.scene.url{padding:0}.url-frame{width:100%;height:100%;border:0}.fullscreen-message{height:100vh;background:var(--brand-charcoal);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;text-align:center}.fullscreen-message p{color:#ffffffb3}.fullscreen-message .brand{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;font-size:1.6rem;margin-bottom:2vh}.fullscreen-message .brand-logo{height:26vh;width:auto;margin-bottom:4vh}.fullscreen-message h1{font-size:3rem}.fullscreen-message p{color:var(--muted);font-size:1.3rem}.pair-code{font-size:7rem;font-weight:800;letter-spacing:.25em;padding:2vh 4vw;border:3px dashed var(--brand-blue);border-radius:1.5rem;color:var(--brand-blue)}.preview-idle{height:100vh;background:var(--bg)}.offline-dot{position:fixed;bottom:2vh;right:2vh;width:.8rem;height:.8rem;border-radius:50%;background:#e0b23e;opacity:.7}
