*{box-sizing:border-box}html,body{background:var(--black,#0a0c0f);color:var(--text,#ececec);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;line-height:1.5}a{color:var(--gold)}.page{max-width:960px;margin:0 auto;padding:16px}.topbar{border-bottom:1px solid var(--faint);background:var(--bg);align-items:center;gap:12px;padding:12px 16px;display:flex}.brand{color:var(--gold);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-weight:800;text-decoration:none}.brand small{color:var(--muted);letter-spacing:1px;font-weight:400}.spacer{flex:1}.langs{gap:4px;display:flex}.langs button{padding:2px 6px;font-size:12px}.langs button.picked{border-color:var(--gold);color:var(--gold)}h1,h2{text-transform:uppercase;letter-spacing:1px;font-weight:700}h1{margin:16px 0 8px;font-size:20px}h2{color:var(--teal);border-bottom:1px solid var(--teal);margin:24px 0 8px;padding-bottom:4px;font-size:14px}.muted{color:var(--muted);font-size:13px}.error{color:var(--red);font-size:13px}.card{border:1px solid var(--faint);background:var(--dim);padding:16px}.gold-card{border-color:var(--gold-line);background:var(--gold-soft)}button,.button{font:inherit;text-transform:uppercase;letter-spacing:.5px;color:var(--text);border:1px solid var(--faint);cursor:pointer;background:0 0;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--text)}button:disabled{opacity:.4;cursor:default}button.primary,.button.primary{background:var(--gold);border-color:var(--gold);color:var(--black)}button.secondary,.button.secondary{background:var(--teal-soft);border-color:var(--teal)}button.danger{background:var(--red-soft);border-color:var(--red)}.actions{flex-wrap:wrap;gap:8px;display:flex}form.fields{gap:12px;display:grid}label{text-transform:uppercase;color:var(--muted);gap:4px;font-size:12px;display:grid}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--faint);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;padding:10px}input:focus{border-color:var(--gold);outline:none}.status{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--faint);color:var(--muted);white-space:nowrap;padding:2px 6px;font-size:11px;font-weight:700}.status.live{color:var(--green);border-color:var(--green)}.status.ended{color:var(--red);border-color:var(--red)}.list{gap:8px;display:grid}.row{border:1px solid var(--faint);background:var(--dim);color:var(--text);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}a.row:hover{border-color:var(--gold)}.row .grow{flex:1;min-width:0}.row .title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.two-col{grid-template-columns:1fr}}table.board{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.board th,table.board td{border-bottom:1px solid var(--faint);text-align:right;padding:8px}table.board th{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}table.board td.name,table.board th.name{text-align:left}table.board tr.top td{color:var(--gold);font-weight:700}.qr{justify-items:center;gap:8px;display:grid}.qr img{width:100%;max-width:260px;image-rendering:pixelated;background:#fff;padding:12px}.code{letter-spacing:6px;color:var(--gold);font-size:22px;font-weight:800}.display{background:var(--black);grid-template-columns:1fr minmax(240px,28vw);gap:3vw;min-height:100vh;padding:3vw;display:grid}.display h1{color:var(--gold);margin:0;font-size:clamp(24px,3.4vw,64px)}.display .sub{color:var(--muted);margin-bottom:2vw;font-size:clamp(14px,1.5vw,28px)}.display table.board{font-size:clamp(16px,1.9vw,36px)}.display table.board th{font-size:clamp(11px,1vw,18px)}.display .side{text-align:center;align-content:start;justify-items:center;gap:1vw;display:grid}.display .qr img{max-width:100%}.display .code{font-size:clamp(18px,2.2vw,44px)}@media (width<=720px){.display{grid-template-columns:1fr}}.center{text-align:center;place-items:center;min-height:70vh;display:grid}.narrow{width:100%;max-width:380px}.logo{width:160px;margin:0 auto 8px;display:block}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{color:#000;background:#fff;border:none;align-content:center;place-items:center;gap:16px;display:grid;position:absolute;inset:0}.print-area .qr img{max-width:70vw;padding:0}.print-area .code,.print-area h2,.print-area .muted{color:#000;border:none}.no-print{display:none!important}}.overlay{z-index:10;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:420px}