:root{color-scheme:dark;--bg: #0d0906;--bg-elevated: #180f0a;--burgundy: #6e1423;--gold: #d8a13a;--gold-bright: #f0c463;--cream: #f3e9da;--cream-dim: #b8a892;--line: rgba(216, 161, 58, .22);--font-display: "Fraunces", "Georgia", serif;--font-body: "Work Sans", "Helvetica Neue", sans-serif;--radius: 18px;--shadow-deep: 0 30px 70px -25px rgba(0, 0, 0, .75)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,#2a120f 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 50% 110%,#1c0d0a 0%,transparent 60%);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display)}p{margin:0}button{font:inherit}.grain{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.25rem;padding:5rem 1.25rem 2.5rem}.brand-mini{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-style:italic;font-weight:600;letter-spacing:.03em;font-size:1.1rem;color:var(--gold);opacity:.85}.btn{font-family:var(--font-body);font-weight:600;letter-spacing:.02em;padding:.9rem 1.8rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#241505;box-shadow:0 10px 30px -12px #d8a13aa6}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px -10px #d8a13acc}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--cream);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.panel{width:100%;max-width:380px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-deep);display:flex;flex-direction:column;gap:1.5rem}.panel-divider{display:flex;align-items:center;gap:.75rem;color:var(--cream-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.panel-divider:before,.panel-divider:after{content:"";flex:1;height:1px;background:var(--line)}.field{display:flex;flex-direction:column;gap:.6rem}.field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cream-dim)}.field-row{display:flex;gap:.6rem}.input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;color:var(--cream);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--cream-dim);opacity:.6}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d8a13a26}.input-code{text-transform:uppercase;letter-spacing:.2em;font-family:var(--font-display)}.ticket{position:relative;width:100%;max-width:420px;background:var(--bg-elevated);border-radius:14px;padding:1.75rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-deep)}.ticket:before,.ticket:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;background:var(--bg);border-radius:50%}.ticket:before{left:-13px}.ticket:after{right:-13px}.ticket-divider{align-self:stretch;border-left:2px dashed var(--line)}.ticket-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--cream-dim);margin-bottom:.35rem}.ticket-code{font-family:var(--font-display);font-size:2.1rem;font-weight:600;letter-spacing:.12em;color:var(--gold-bright)}.ticket-hint{font-size:.9rem;color:var(--cream-dim);max-width:200px}.status{display:inline-flex;align-items:center;gap:.55rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-dim)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--cream-dim)}.status[data-state=connected] .status-dot{background:#5cb85c;box-shadow:0 0 12px #5cb85c}.status[data-state=new] .status-dot,.status[data-state=connecting] .status-dot{background:var(--gold);animation:pulse 1.6s ease-in-out infinite}.status[data-state=failed] .status-dot,.status[data-state=disconnected] .status-dot,.status[data-state=closed] .status-dot{background:#c0392b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.screen-frame{position:relative;width:100%;max-width:640px;border-radius:20px;padding:10px;background:linear-gradient(145deg,#241a10,#120c07);box-shadow:var(--shadow-deep),inset 0 0 0 1px #d8a13a26}.screen-frame video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#000}.screen-perforation{display:flex;justify-content:space-between;padding:0 10px;margin:0 0 8px}.screen-perforation:last-child{margin:8px 0 0}.screen-perforation span{width:10px;height:6px;border-radius:2px;background:#d8a13a59}.play-overlay{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;background:#0d09068c;border-radius:12px;cursor:pointer}.play-button{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 35%,var(--gold-bright),var(--gold));box-shadow:0 0 40px #d8a13a80;transition:transform .2s ease}.play-button:hover{transform:scale(1.06)}.play-button svg{margin-left:4px}