*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;
  justify-content:center;background:#05081a;color:#f2ece0;
  font:16px/1.5 ui-rounded,-apple-system,"Segoe UI",system-ui,sans-serif}
.door{width:min(420px,92vw);padding:28px 26px 22px;border-radius:18px;
  background:linear-gradient(180deg,rgba(11,18,48,.95),rgba(7,10,24,.95));
  box-shadow:0 0 0 1px #2a4fbf,0 0 60px rgba(42,79,191,.35);text-align:center}
.logo{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 14px}
h1{margin:0 0 6px;font-size:19px;color:#ffd23f;letter-spacing:.02em}
.sub{margin:0 0 18px;color:#8d9ab8;font-size:14px}
form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
input{flex:1 1 180px;min-width:0;background:rgba(3,6,18,.75);color:#f2ece0;
  border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 12px;
  font:15px system-ui}
input:focus{outline:2px solid #ffd23f;outline-offset:1px}
button{flex:0 0 auto;background:#2a4fbf;color:#fff;border:0;border-radius:8px;
  padding:11px 18px;font:700 15px system-ui;cursor:pointer}
button:hover{background:#3561e0}
.err{min-height:1.3em;margin:14px 0 0;color:#ffd23f;font-size:14px}
.nocode{margin:14px 0 0;font-size:14px;color:#8d9ab8}
.nocode a{color:#ffd23f;font-weight:700;text-decoration:none}
.nocode a:hover{text-decoration:underline}
.blurb{margin:0 0 14px;color:#8d9ab8;font-size:13px;line-height:1.45}
.seatsleft{color:#ffd23f;font-weight:700}
.shut{margin:4px 0 0;color:#f2ece0;font-size:15px}
.saved{margin:0 0 6px;color:#f2ece0;font-size:15px}
.seatlink{display:block;margin:14px 0 10px;padding:12px 12px;border-radius:10px;
  background:rgba(3,6,18,.75);border:1px solid #2a4fbf;color:#ffd23f;
  font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  word-break:break-all;overflow-wrap:anywhere;text-align:left}
.keepit{margin:0 0 4px;color:#cfd6e6;font-size:13px;line-height:1.5}
.once{margin:8px 0 0;color:#8d9ab8;font-size:12px;line-height:1.5}
.play{display:inline-block;margin:18px 0 2px;background:#2a4fbf;color:#fff;
  border-radius:8px;padding:12px 22px;font:700 16px system-ui;
  text-decoration:none}
.play:hover{background:#3561e0}
.page{width:min(720px,94vw);margin:28px auto;padding:26px 24px 18px;
  border-radius:18px;text-align:left;
  background:linear-gradient(180deg,rgba(11,18,48,.95),rgba(7,10,24,.95));
  box-shadow:0 0 0 1px #2a4fbf,0 0 60px rgba(42,79,191,.25)}
.page .logo{width:220px;margin:0 0 10px}
.page h1{margin:0 0 10px;font-size:22px;color:#ffd23f;text-align:left}
.page h2{margin:20px 0 6px;font-size:15px;color:#ffd23f;letter-spacing:.02em}
.page p,.page li{color:#cfd6e6;font-size:14px;line-height:1.6}
.page .meta{color:#8d9ab8;font-size:13px}
.page .note{color:#8d9ab8;font-size:13px}
.page a{color:#ffd23f}
.page ul,.page ol{margin:0;padding-left:20px}
.page li{margin:0 0 7px}
.page table{border-collapse:collapse;width:100%;margin:8px 0 4px}
.page th,.page td{border:1px solid rgba(255,255,255,.12);padding:7px 9px;
  text-align:left;vertical-align:top;color:#cfd6e6;font-size:13px;
  line-height:1.5}
.page th{color:#f2ece0;font-weight:800;background:rgba(42,79,191,.18)}
.legalfoot{margin:20px 0 0;padding-top:12px;font-size:13px;
  border-top:1px solid rgba(255,255,255,.1)}
.fineprint{margin:16px 0 0;font-size:12px;color:#6f7c99}
.fineprint a{color:#8d9ab8}
