@font-face{font-family:"Barlow Condensed";font-weight:600;src:url(fonts/bc-600.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:500;src:url(fonts/bc-500.woff2) format("woff2");font-display:swap}
:root{--ink:#0e1116;--paper:#f3efe4;--amber:#ffb000;--dim:#9aa3ad;--pad:clamp(20px,4.5vmin,72px)}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--paper);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:500;overflow:hidden}
.enroll{position:fixed;inset:0;display:grid;grid-template-columns:1.25fr 1fr;gap:var(--pad);padding:var(--pad);
 background:radial-gradient(120% 90% at 0% 0%,#1b2330 0,transparent 60%),repeating-linear-gradient(135deg,#ffffff06 0 2px,transparent 2px 14px),var(--ink);align-items:center}
.playing .enroll{display:none}
.left{display:flex;flex-direction:column;gap:1.2vmin}
.eyebrow{margin:0;font-size:clamp(14px,2.2vmin,28px);letter-spacing:.28em;color:var(--amber);font-weight:600}
h1{margin:0;font-weight:600;font-size:clamp(34px,8vmin,120px);line-height:.95}
.lede{margin:0;font-size:clamp(18px,3.4vmin,48px);color:#cfd5db;max-width:22ch;line-height:1.1}
.code{margin:1vmin 0;font-weight:600;font-size:clamp(56px,19vmin,300px);line-height:.9;letter-spacing:.04em;color:var(--amber);font-variant-numeric:tabular-nums;white-space:nowrap}
.meta{margin:0;font-size:clamp(14px,2.4vmin,32px);color:var(--dim)}.url{word-break:break-all}
.status{margin:0;font-size:clamp(14px,2.4vmin,32px);color:var(--paper);border-left:.5vmin solid var(--amber);padding-left:1.4vmin}
.right{display:flex;flex-direction:column;gap:1.4vmin;align-items:flex-start}
.qr{background:var(--paper);padding:2.2vmin;width:min(100%,52vmin);aspect-ratio:1;border-radius:1vmin}.qr svg{width:100%;height:100%;display:block}
button{font:inherit;font-weight:600;font-size:clamp(16px,2.6vmin,32px);padding:1.2vmin 2.4vmin;background:transparent;color:var(--paper);border:.3vmin solid var(--dim);border-radius:.8vmin;cursor:pointer;min-height:44px}
button:hover,button:focus-visible{border-color:var(--amber);color:var(--amber);outline:none}
#stagehost,.stage{position:fixed;inset:0}#stagehost:empty{display:none}.stage{background:#000}.zone{position:absolute;overflow:hidden}.zone img,.zone video,.zone iframe{width:100%;height:100%;border:0;display:block}
@media (max-aspect-ratio:1/1){.enroll{grid-template-columns:1fr;align-content:start;overflow:auto;gap:3vmin}
 .code{font-size:clamp(40px,17vw,200px)}.qr{width:min(70vw,360px)}.lede{max-width:none}}
@media (prefers-reduced-motion:no-preference){.status::after{content:"";display:inline-block;width:.5em;height:.5em;margin-left:.6em;background:var(--amber);border-radius:50%;animation:p 1.6s ease-in-out infinite}}
@keyframes p{50%{opacity:.2}}
body.blank #stagehost { visibility: hidden; }
body.blank { background: #000; }

.textitem { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:6%; box-sizing:border-box; text-align:center; font: 500 clamp(24px,4vw,64px)/1.2 "Barlow Condensed", system-ui, sans-serif; color:#fff; background:#0b1620; }