:root{color-scheme:dark;--ink:#111110;--surface:#232321;--paper:#f0e9df;--muted:#aaa49b;--orange:#e9600b;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--paper);background:linear-gradient(90deg,#111110f5,#111110ca),url('/hl2-assets/hero.webp') center/cover fixed;min-height:100vh}header,main,footer{max-width:1140px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between}.brand{letter-spacing:.15em;font-weight:750}.brand span{color:var(--orange)}a{color:inherit;text-decoration:none}h1{font-size:clamp(32px,5vw,56px);font-weight:650;line-height:1.08;margin:12px 0 20px}h2{font-size:23px;margin:0 0 12px}p{margin:8px 0 20px}.muted,small{color:var(--muted)}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:.18em;font-weight:750}.bar,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.bar{justify-content:space-between;margin:20px 0}button,.button{border:0;border-radius:2px;font:inherit;font-weight:600;color:var(--paper);background:#33332f;min-height:48px;padding:12px 20px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary{background:var(--orange);color:#fff}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.panel{background:#20201ef0;padding:28px}.card{display:block;background:#252522e8;padding:24px;transition:background .2s}.card:hover{background:#33332f}.card .meta{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-bottom:18px}.card h2{margin-bottom:6px;overflow-wrap:anywhere}.description{overflow-wrap:anywhere;white-space:pre-wrap}.card .status{color:var(--orange);margin-top:22px}.empty{padding:60px 28px;background:#20201ee6}form{display:grid;gap:20px}label{display:grid;gap:7px;font-size:14px;color:var(--muted)}input,select,textarea{background:#343430;border:0;border-radius:2px;color:var(--paper);font:inherit;padding:13px 14px;min-height:48px;width:100%}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--orange)}.check{display:flex;align-items:center;gap:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{padding:16px 20px;background:#3b2d22;margin:16px 0}.error{background:#422820}.roster{list-style:none;padding:0;margin:0}.roster li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff16}.ready{color:#9fcc9a}.qr{padding:16px;background:white;width:212px;height:212px;display:grid;place-items:center}.qr img{width:180px;height:180px}.help{font-size:14px;max-width:660px}footer{color:var(--muted);font-size:12px;letter-spacing:.1em;display:flex;justify-content:space-between;padding-top:60px}details{margin-top:16px}summary{cursor:pointer;min-height:44px}code{word-break:break-all;user-select:all;font-size:12px}dialog{max-width:500px;background:var(--surface);color:var(--paper);border:0;padding:24px}dialog::backdrop{background:#000a}img{max-width:100%}@media(max-width:700px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}.panel{padding:20px}.split{grid-template-columns:1fr}.actions>*{flex:1}.bar{align-items:flex-start}.bar h1{width:100%}.qr{margin:auto}}

[hidden]{display:none!important}
@media(orientation:landscape) and (max-height:600px){header{padding:8px 24px}main{padding:8px 24px}h1{font-size:30px;margin:6px 0 12px}.bar{margin:12px 0}.panel{padding:18px}.eyebrow{font-size:11px}footer{padding-top:24px}form.panel{grid-template-columns:repeat(2,minmax(0,1fr))}form.panel>.split,form.panel>.check,form.panel>p,form.panel>button{grid-column:1/-1}}

header nav{display:flex;align-items:center;gap:18px}#guide{font-size:14px;color:var(--muted)}#guide:hover{color:var(--paper)}