:root{--surface:#fff;--surface-sunken:#f4f5f7;--border:#d8dce3;--text:#16181d;--text-muted:#5c6270;--accent:#2f6df6;--accent-text:#fff;--danger:#c0392b;--success:#1c7c48;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#16181d;--surface-sunken:#1e2128;--border:#333844;--text:#eef0f4;--text-muted:#a0a7b6;--accent:#5b8cff;--accent-text:#0d1017;--danger:#ff7a6c;--success:#59d693}}*,:before,:after{box-sizing:border-box}body{background:var(--surface-sunken);min-height:100svh;color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.app{justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.panel{border:1px solid var(--border);background:var(--surface);width:100%;max-width:26rem;padding:2rem}h1{overflow-wrap:anywhere;margin:0 0 .5rem;font-size:1.75rem;line-height:1.2}h2{margin:0 0 .25rem;font-size:1rem}.eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8125rem}.lede{color:var(--text-muted);margin:0 0 1.5rem}.hint{color:var(--text-muted);margin:0 0 1rem;font-size:.9375rem}.error,.success{margin:.75rem 0 0;font-size:.9375rem}.error{color:var(--danger)}.success{color:var(--success)}.button{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.button--primary{background:var(--accent);width:100%;color:var(--accent-text);border-color:#0000}.button:disabled{opacity:.55;cursor:not-allowed}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:1rem;padding:0;text-decoration:underline;display:inline-block}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.form{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.field{margin-bottom:1rem;display:block}.field>span{color:var(--text-muted);margin-bottom:.375rem;font-size:.9375rem;display:block}.field input{border:1px solid var(--border);background:var(--surface-sunken);width:100%;min-height:2.75rem;color:var(--text);font:inherit;padding:0 .75rem;font-size:1rem}.field input:focus-visible,.button:focus-visible,.link-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.masthead{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.25rem;padding:1rem 1.5rem;display:flex}.masthead__brand{color:var(--text);letter-spacing:-.01em;font-weight:700;text-decoration:none}.masthead__nav{align-items:baseline;gap:1rem;font-size:.9375rem;display:flex}.masthead__nav a{color:var(--accent);overflow-wrap:anywhere}.error--banner{background:var(--surface);border-bottom:1px solid var(--border);margin:0;padding:.75rem 1.5rem}.app{flex:1;min-height:auto}body{flex-direction:column;display:flex}.game-list{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--border);background:var(--surface-sunken);color:var(--text);gap:.25rem;padding:1rem;display:grid}.game-card__name{font-size:1.125rem;font-weight:600}.game-card__tagline,.game-card__meta{color:var(--text-muted);font-size:.9375rem}.game-card__meta{font-size:.8125rem}.facts{margin:1.5rem 0;padding:0}.facts>div{align-items:baseline;gap:.5rem;display:flex}.facts dt{color:var(--text-muted);font-size:.9375rem}.facts dd{margin:0;font-weight:600}.link-button--inline{margin-top:0}.facts__id{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:400}.player-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.player-list li{border:1px solid var(--border);background:var(--surface-sunken);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.625rem .75rem;display:flex}.player-list__name{overflow-wrap:anywhere;flex:1;font-weight:600}.player-list__meta{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.panel--wide{max-width:64rem}.stage{margin-top:1.5rem}.stage__frame{border:1px solid var(--border);background:#101319;overflow:hidden}.stage__surface{aspect-ratio:4/3;touch-action:none;width:100%;position:relative;overflow:hidden}.stage__surface--boards{aspect-ratio:948/542}.stage__surface--placing{aspect-ratio:722/542}@media (width<=46rem){.stage__surface--boards{aspect-ratio:474/996}.stage__surface--placing{aspect-ratio:474/698}}.stage__controls{margin-top:1rem}.key{border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);border-radius:3px;margin-left:.5em;padding:.05em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125em;line-height:1.4}.stage__frame:fullscreen{border:0;justify-content:center;align-items:center;display:flex}.stage__frame:fullscreen .stage__surface{aspect-ratio:auto;width:100%;height:100%;position:relative;overflow:hidden}.stage__surface canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:1rem;display:flex}.stage__hint{flex:1;min-width:14rem;margin:0}.invite{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.invite__code{letter-spacing:.25em;margin:.5rem 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2.25rem;font-weight:700}.invite__link{color:var(--text-muted);overflow-wrap:anywhere;margin:1rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.facts--grid{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem 1.5rem;display:grid}.facts--grid>div{display:block}.board{counter-reset:none;margin:.5rem 0 0;padding:0;list-style:none}.board li{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:.5rem .75rem;display:flex}.board__self{background:var(--surface-sunken);font-weight:700}.board__rank{min-width:2rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.board__name{overflow-wrap:anywhere;flex:1}.board__wins{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.game-actions{margin-top:1rem}.game-actions .actions{gap:.75rem;margin-top:0}.game-actions .actions .button:not(.button--primary){flex:1 1 0;min-width:0}.lobby-list{margin:.5rem 0 0;padding:0;list-style:none}.lobby-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.625rem 0;display:flex}.lobby-list__host{overflow-wrap:anywhere;flex:1;font-weight:600}.lobby-list__meta{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.resume{border-bottom:1px solid var(--border);margin-top:1.5rem;padding-bottom:1rem}