*{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 .countdown{text-align:center;color:var(--gold);margin-top:4vw;font-size:clamp(24px,3vw,56px)}.display .countdown .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(14px,1.5vw,28px)}.display .countdown .time{font-variant-numeric:tabular-nums;font-size:clamp(56px,12vw,220px);font-weight:700;line-height:1.1}.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}textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--faint);resize:vertical;text-transform:none;width:100%;padding:10px}textarea:focus{border-color:var(--gold);outline:none}.small{font-size:12px}h3{text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;font-size:13px}.tabs{gap:8px;margin:8px 0 16px;display:flex}.tabs button.picked{border-color:var(--gold);color:var(--gold)}button.link{color:var(--teal);text-transform:none;letter-spacing:0;border:none;padding:0;font-weight:400;text-decoration:underline}table.ladder{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.ladder th,table.ladder td{border-bottom:1px solid var(--faint);text-align:right;padding:8px 6px}table.ladder th{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}table.ladder td.name,table.ladder th.name{text-align:left}table.ladder a{color:var(--text)}.rank-cell{align-items:center;gap:8px;display:inline-flex}.badge{flex:none;display:block}.commanders{border:1px solid var(--gold-line);background:var(--gold-soft);margin-bottom:16px;padding:0 12px 8px}.commanders h2{color:var(--gold);border-bottom-color:var(--gold-line)}.gain{color:var(--green)}.loss{color:var(--red)}.ladder-card{margin:16px 0}.ladder-card h2{margin-top:0}.rank-head{align-items:center;gap:16px;display:flex}.rank-name{text-transform:uppercase;letter-spacing:1px;font-size:18px;font-weight:700}.chart{margin:0}.chart svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart-line{fill:none;stroke:var(--gold);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-grid{stroke:var(--faint);stroke-width:1px;stroke-dasharray:4 4}.chart-cross{stroke:var(--muted);stroke-width:1px}.chart-dot{fill:var(--gold);stroke:var(--black);stroke-width:2px}.chart-axis{fill:var(--muted);font-family:inherit;font-size:11px}.chart-readout{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}.site-footer{border-top:1px solid var(--faint);gap:4px;margin-top:32px;padding-top:16px;font-size:13px;display:grid}.admin .item{gap:8px;margin-bottom:12px;display:grid}.quote{border-left:2px solid var(--faint);margin:0;padding-left:10px}.match-players{margin:4px 0 0;padding-left:0;font-size:13px;list-style:none}.row-line{border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.log{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}@media (width<=560px){table.ladder .wide{display:none}.rank-head{gap:12px}}.topbar{flex-wrap:wrap}.site-nav{gap:14px;font-size:13px;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--gold)}.site-footer nav{flex-wrap:wrap;gap:8px 16px;margin-bottom:8px;display:flex}fieldset.choice{border:1px solid var(--faint);gap:8px;margin:0;padding:8px 12px 12px;display:grid}fieldset.choice legend{text-transform:uppercase;color:var(--muted);padding:0 4px;font-size:12px}label.radio{text-transform:none;color:var(--text);align-items:flex-start;gap:8px;font-size:14px;display:flex}label.radio input{width:auto;margin-top:4px}.rounds{gap:12px;display:grid}.round-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.round-clock{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.round-clock.over{color:var(--red)}.tables{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.table-card ol{margin:6px 0 0;padding-left:20px}.table-card.done{border-color:var(--green)}.table-head{justify-content:space-between;gap:8px;display:flex}.dialog.wide{max-width:720px;max-height:90vh;overflow-y:auto}button.small-button{padding:4px 8px;font-size:11px}.row.dropped .title{color:var(--muted);text-decoration:line-through}.round-banner{margin:0 0 2vw}.rounds{margin-bottom:24px}
