:root{--bg:#0b0e13;--surface:#151a22;--surface-active:#1b2430;--border:#252d3a;--text:#e8edf3;--muted:#8592a3;--accent:#22c55e;--warn:#f59e0b;--danger:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(15px,.6vw + 12px,22px);line-height:1.3}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,p{margin:0}.app{max-width:120rem;margin:0 auto;padding:clamp(.75rem,2vw,2rem)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-bottom:clamp(.75rem,2vw,1.5rem);display:flex}.topbar__title{letter-spacing:.01em;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:700;line-height:1.3}.connection{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .6rem;font-size:.85rem;display:flex}.connection__dot{background:var(--warn);border-radius:50%;width:.65rem;height:.65rem}.connection__dot--live{background:var(--accent);box-shadow:0 0 .5rem var(--accent);animation:2s ease-in-out infinite pulse}.connection__dot--offline{background:var(--danger)}.connection__label{color:var(--text);font-weight:600}.connection__time{font-variant-numeric:tabular-nums}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.empty{text-align:center;color:var(--muted);padding:4rem 1rem;font-size:1.5rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:.9rem;grid-template-columns:minmax(0,1fr) auto auto;column-gap:clamp(.75rem,1.5vw,1.25rem);display:grid;overflow:hidden}.tile__header,.player{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;padding:.6rem 1.1rem;display:grid}.tile__header{border-bottom:1px solid var(--border)}.tile__board{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.tile__labels{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;display:contents}.tile__labels span:first-child{text-align:center}.tile__labels span:last-child{text-align:right}.player{padding-block:.8rem;position:relative}.player+.player{border-top:1px solid var(--border)}.player--active{background:linear-gradient(90deg, #22c55e1f, transparent 60%), var(--surface-active)}.player--active:before{content:"";background:var(--accent);width:.3rem;position:absolute;inset:0 auto 0 0}.player__info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.player__name{min-width:0;color:var(--muted);align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;display:flex}.player__name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player--active .player__name{color:#fff}.player__throw{background:var(--accent);width:.6rem;height:.6rem;box-shadow:0 0 .5rem var(--accent);border-radius:50%;flex:none}.player__avg{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.player__legs,.player__score{font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.player__legs{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:.5rem;justify-self:center;min-width:2.4ch;padding:.3rem .35rem;font-size:2rem}.player__score{text-align:right;letter-spacing:-.02em;min-width:3ch;font-size:3rem}@keyframes pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.connection__dot--live{animation:none}}