@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/BricolageGrotesque-800-latin-Bm2-l1PT.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/BricolageGrotesque-800-latin-ext-9qhlzlXG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/InstrumentSerif-Italic-latin-DKMiL14s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/InstrumentSerif-Italic-latin-ext-C9HzH3YL.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--gu-plaster:#eee3cc;--gu-card:#f6eedd;--gu-lampblack:#1c1611;--gu-red-earth:#a8432e;--gu-lapis:#2c4a9a;--gu-verdigris:#3f8770;--gu-ochre:#d89a2b;--gu-gold:#e9b44c;--gu-gold-gradient:linear-gradient(180deg, #f0cc6c 0%, #d9a03a 55%, #a97a26 100%);--gu-gold-bright:#f0c25a;--gu-gold-deep:#7a5a1e;--gu-player-1:var(--gu-red-earth);--gu-player-2:var(--gu-lapis);--gu-player-3:var(--gu-verdigris);--gu-player-4:var(--gu-ochre);--gu-font-display:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gu-font-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--gu-font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:var(--gu-lampblack);--panel:#eee3cc12;--panel-line:#eee3cc1f;--text:var(--gu-plaster);--muted:#eee3ccad;--ok:color-mix(in srgb, var(--gu-verdigris) 65%, var(--gu-plaster));--warn:color-mix(in srgb, var(--gu-ochre) 75%, var(--gu-plaster));--bad:color-mix(in srgb, var(--gu-red-earth) 70%, var(--gu-plaster));font-family:var(--gu-font-ui);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#app{grid-template-rows:auto 1fr auto;gap:24px;min-height:100vh;padding:24px 32px;display:grid}header{justify-content:space-between;align-items:center;gap:16px;display:flex}.lockup{width:auto;height:64px;margin:8px 0 8px 4px;display:block}.pill{background:var(--panel);color:var(--muted);font-family:var(--gu-font-display);border-radius:999px;padding:6px 14px;font-size:16px}.pill[data-status=connected]{color:var(--ok)}.pill[data-status=reconnecting]{color:var(--warn)}.pill[data-status=closed]{color:var(--bad)}main{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (max-width:900px){main{grid-template-columns:1fr}}.join{background:var(--panel);border:1px solid var(--panel-line);text-align:center;border-radius:20px;padding:32px}.join .lead{color:var(--muted);font-family:var(--gu-font-serif);margin:0 0 6px;font-size:30px;font-style:italic;line-height:1.2}.join .url{font-family:var(--gu-font-display);letter-spacing:.01em;margin:0;font-size:32px}.code{font-family:var(--gu-font-display);letter-spacing:.1em;color:var(--text);margin:16px 0;font-size:clamp(72px,14vw,200px);line-height:1}.qr{background:var(--gu-card);border-radius:12px;width:min(60vw,280px);height:auto;margin:8px auto 0;padding:12px;display:block}.players{background:var(--panel);border:1px solid var(--panel-line);border-radius:20px;padding:24px 32px}.players h2{font-family:var(--gu-font-display);color:var(--muted);margin:0 0 16px;font-size:24px}.players ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.players li{background:#eee3cc0a;border-radius:12px;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:10px 14px;font-size:28px;display:grid}.players li[data-connected=false]{opacity:.5}.players .seat{font-family:var(--gu-font-display);color:var(--gu-player-1)}.players li:nth-child(4n+2) .seat{color:color-mix(in srgb, var(--gu-player-2) 70%, var(--gu-plaster))}.players li:nth-child(4n+3) .seat{color:color-mix(in srgb, var(--gu-player-3) 70%, var(--gu-plaster))}.players li:nth-child(4n+4) .seat{color:var(--gu-player-4)}.players li:nth-child(4n+1) .seat{color:color-mix(in srgb, var(--gu-player-1) 75%, var(--gu-plaster))}.players .ready{color:var(--muted);font-size:20px}.players li[data-ready=true] .ready{color:var(--ok)}.players .empty{color:var(--muted);margin:0;font-size:22px}.banner{border:1px solid var(--bad);background:#a8432e2e;border-radius:14px;padding:16px 20px;font-size:22px}.banner[hidden]{display:none}footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:16px;display:flex}button{font:inherit;font-family:var(--gu-font-display);border:1px solid var(--muted);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;min-width:48px;min-height:48px;padding:10px 18px;font-size:18px}button.primary{background:var(--gu-plaster);color:var(--gu-lampblack);border-color:var(--gu-plaster)}