:root{--bg: #f4f4f6;--surface: #ffffff;--ink: #16161a;--ink-muted: #8a8a94;--present: #34a853;--late: #f5c242;--elsewhere: #b9bcc4;--absent: #d93733;--accent: #f0842b;--radius: .9rem;--gap: 1rem;--photo-aspect: 1;font-size:clamp(12px,1.35vw,30px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;cursor:none;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#app{height:100%}.stage{display:flex;flex-direction:column;gap:var(--gap);height:100%;padding:1.6rem}body[data-status=stale] .stage{opacity:.55;filter:grayscale(.35);transition:opacity .6s ease}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap);flex:none}.header__identity{display:flex;align-items:center;gap:1rem;min-width:0}.header__portrait{flex:none;width:5.4rem;height:5.4rem;border-radius:var(--radius);overflow:hidden;background:#dcdce2;display:grid;place-items:center}.header__portrait-img{width:100%;height:100%;object-fit:cover}.header__initials{font-size:1.8rem;font-weight:700;color:#6c6c76}.header__text{min-width:0}.header__name{margin:0;font-size:2.5rem;line-height:1.1;font-weight:800;letter-spacing:-.02em}.header__count{margin:.35rem 0 0;font-size:1.35rem;line-height:1.25}.header__count-label{display:block;color:var(--ink-muted)}.header__count-value{color:var(--accent);font-weight:700}.header__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex:none}.pill{background:var(--accent);color:#fff;font-size:1.35rem;font-weight:600;padding:.55rem 1.5rem;border-radius:999px;white-space:nowrap}.header__slot{font-size:1.1rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:1.4rem;margin:0;padding:0;list-style:none;flex:none}.legend__item{display:flex;align-items:center;gap:.5rem}.legend__dot{width:.85rem;height:.85rem;border-radius:50%}.legend__dot--present{background:var(--present)}.legend__dot--late{background:var(--late)}.legend__dot--elsewhere{background:var(--elsewhere)}.legend__dot--absent{background:var(--absent)}.legend__label{font-size:1.05rem;color:var(--ink-muted)}.grid{--cols: 5;display:grid;grid-template-columns:repeat(var(--cols),var(--card-w, 1fr));gap:var(--gap);align-content:start;justify-content:center;grid-auto-rows:max-content;margin:0;padding:0;list-style:none;flex:1 1 auto;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}.grid::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card__photo{position:relative;height:calc(var(--card-w) / var(--photo-aspect));flex:none;aspect-ratio:var(--photo-aspect);display:grid;place-items:center;overflow:hidden}.card--present .card__photo{background:var(--present)}.card--late .card__photo{background:var(--late)}.card--elsewhere .card__photo{background:var(--elsewhere)}.card--absent .card__photo{background:var(--absent)}.card__img{width:100%;height:100%;object-fit:cover}.card__initials{font-size:2.2rem;font-weight:700;color:#ffffffe6}.card__name{padding:.55rem .35rem;text-align:center;font-size:var(--card-font, .95rem);font-weight:700;line-height:1.2;overflow-wrap:break-word}.card__name-line{display:block}.idle{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center}.idle__room{margin:0;font-size:4rem;font-weight:800;letter-spacing:-.02em}.idle__note{margin:0;font-size:1.5rem;color:var(--ink-muted)}.fatal{height:100%;display:grid;place-items:center;padding:3rem;text-align:center;font-size:1.6rem;color:var(--ink-muted)}.footer{display:flex;justify-content:space-between;align-items:baseline;flex:none;font-size:1rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}body[data-status=stale] .footer__synced{color:var(--absent);font-weight:700}