.dashboard{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 1.5rem) 1rem calc(env(safe-area-inset-bottom) + 2rem);overflow-y:auto}.sheet{flex-direction:column;gap:1.4rem;max-width:34rem;margin:0 auto;display:flex}.sheet>header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.signin{gap:1.1rem;margin-top:10vh}.signin .logo{aspect-ratio:1;object-fit:contain;align-self:center;width:min(100vw,30rem)}.signin input{font-size:1.1rem}.who{flex-direction:column;gap:.5rem;display:flex}.who-card{background:var(--raised);border:1px solid var(--edge);border-radius:14px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.7rem;padding:.6rem .8rem;display:grid}.who-card img{object-fit:contain;width:3rem;height:3rem}.who-card .name{font-size:1.1rem;font-weight:650}.who-card.editing{grid-template-columns:1fr;gap:.8rem}.who-card .row{align-items:center;gap:.4rem;display:flex}.who-card .row input{flex:1}.who-card .setting{flex-direction:column;gap:.35rem;display:flex}.who-card .setting>span{color:var(--dim);font-size:.85rem}.who-card .setting .fine{font-size:.75rem}.empty{color:var(--dim);text-align:center;border:1px dashed var(--edge);border-radius:14px;padding:1.2rem}.records{border-left:2px solid var(--warn);background:var(--raised);border-radius:0 12px 12px 0;flex-direction:column;gap:.4rem;margin:-.2rem 0 .4rem 1.4rem;padding:.5rem .7rem;display:flex}.records .empty{text-align:left;border:none;padding:.3rem;font-size:.9rem}.record{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .8rem;font-size:.9rem;display:flex}.record .what{color:var(--dim)}.record .what strong{color:var(--ink);font-weight:650}.record .what em{opacity:.75;font-style:normal}.record .marks{font-variant-numeric:tabular-nums;gap:.7rem;display:flex}.record .mark{white-space:nowrap;font-weight:600}.record .mark.muted{font-weight:400}.wizards{flex-wrap:wrap;gap:.4rem;display:flex}.wizards button{border-radius:12px;padding:.3rem;line-height:0}.wizards button[aria-pressed=true]{border-color:var(--go);background:color-mix(in oklab, var(--go) 18%, transparent)}.wizards img{object-fit:contain;width:3.2rem;height:3.2rem}.games{flex-direction:column;gap:.5rem;display:flex}.game-card{background:var(--raised);border:1px solid var(--edge);border-radius:14px;grid-template-columns:1fr auto;grid-template-areas:"title drop""state on";align-items:center;gap:.2rem .7rem;padding:.6rem .8rem;display:grid}.game-card .title{color:var(--ink);grid-area:title;font-size:1.05rem;font-weight:650;text-decoration:none}.game-card .drop{grid-area:drop}.game-card .state{grid-area:state}.game-card .on{text-align:right;grid-area:on}.game-card .state,.game-card .on{color:var(--dim);font-size:.85rem}.game-card[data-state=lobby] .state,.game-card[data-state=running] .state{color:var(--go)}.game-card[data-state=interrupted] .state{color:var(--warn)}.game-card.editing{grid-template-columns:1fr;grid-template-areas:none;gap:.8rem}.game-card .row{align-items:center;gap:.4rem;display:flex}.game-card .row input{flex:1}