.mf-board{--mf-bg:var(--g-day);--kit-picker-bg:var(--mf-bg);width:100%;height:100%;position:relative;container:mf/size}.mf-board[data-tone=night]{--mf-bg:var(--g-night)}.mf-inner{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--mf-bg);flex-direction:column;gap:clamp(8px,1.6cqh,14px);width:100%;max-width:640px;height:100%;margin-inline:auto;padding:clamp(10px,2cqh,18px) clamp(12px,3cqw,22px) clamp(8px,1.6cqh,14px);display:flex;overflow:hidden}@media (prefers-reduced-motion:no-preference){.mf-inner{transition:background-color .4s}}.mf-head{align-items:center;gap:var(--sp-3);flex:none;display:flex}.mf-head__icon{background:var(--surface);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--border);color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;display:grid}.mf-head__text{min-width:0}.mf-head__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.mf-head__now{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.35}.mf-body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.mf-focus{flex-direction:column;gap:clamp(8px,1.6cqh,14px);min-height:0;display:flex}.mf-focus:focus{outline:none}.mf-private{flex:1;width:100%;max-width:28rem;min-height:0;max-height:34rem;margin:auto}.mf-private .kit-secret{flex:1;max-width:none;min-height:0}.mf-private :is(.kit-secret__cover,.kit-secret__content,.mf-result){overscroll-behavior:contain;flex:1;justify-content:flex-start;min-height:0;overflow-y:auto}.mf-private :is(.kit-secret__cover,.kit-secret__content,.mf-result)>:first-child{margin-top:auto}.mf-private :is(.kit-secret__cover,.kit-secret__content,.mf-result)>:last-child{margin-bottom:auto}.mf-private .kit-secret__actions,.mf-private>.btn{flex:none}.mf-private>.btn{white-space:normal;text-wrap:balance}@container mf (aspect-ratio>=3/2) and (height<=460px){.mf-private{max-width:44rem}.mf-private .kit-secret,.mf-private:has(>.mf-result){flex-direction:row;align-items:center}.mf-private :is(.kit-secret__cover,.kit-secret__content,.mf-result){padding-block:var(--sp-3);align-self:stretch}.mf-private .kit-secret__actions,.mf-private>.btn{flex:none;width:min(16rem,42%)}.mf-private .kit-secret__actions>.btn--lg,.mf-private>.btn--lg{padding-inline:var(--sp-3);font-size:var(--fs-md)}}.mf-table,.mf-pick{flex:1}.mf-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.mf-foot{flex:none}.mf-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);padding:clamp(10px, 2cqh, 16px) var(--sp-4)}.mf-covered{align-items:center;gap:var(--sp-2);color:var(--text-muted);text-align:center;flex-direction:column;margin-block:auto;display:flex}.mf-news{align-items:flex-start;gap:var(--sp-3);flex:none;display:flex}.mf-news__icon{color:var(--accent-strong);flex:none}.mf-news__text{flex-direction:column;gap:2px;min-width:0;display:flex}.mf-news__headline{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.mf-news__detail,.mf-news__counts{color:var(--text-muted);font-size:var(--fs-sm)}.mf-news__detail{color:var(--text)}.mf-prompt{font-size:var(--fs-sm);flex:none}.mf-win{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text);flex:none;display:flex}.mf-win .icon{color:var(--accent-strong)}.mf-rolecard,.mf-result{align-items:center;gap:var(--sp-1);text-align:center;flex-direction:column;display:flex}.mf-rolecard__icon,.mf-result__icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-strong);border-radius:50%;place-items:center;display:grid}.mf-rolecard__name,.mf-result__main{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.mf-rolecard__desc,.mf-result__sub{color:var(--text-muted);font-size:var(--fs-sm)}.mf-rolecard__team{margin-top:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-lg);background:var(--surface-2);font-weight:var(--fw-semibold)}.mf-result{padding-block:clamp(14px,3cqh,28px)}.mf-result[data-mafia] .mf-result__main{color:var(--g-mafia-ink)}.mf-roleline{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap;flex:none;display:flex}.mf-roleline .icon{color:var(--accent-strong);flex:none}.mf-roleline__text{min-width:0;display:flex;overflow:hidden}.mf-roleline__who{text-overflow:ellipsis;min-width:0;overflow:hidden}.mf-board[data-phase=night] .kit-picker__label{line-height:1.35}@container mf (width<=520px){.mf-board[data-phase=night] .kit-picker__label{align-items:flex-end;min-height:2.7em;display:flex}}.mf-roster{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.mf-roster__item{align-content:center;align-items:center;column-gap:var(--sp-2);min-height:44px;padding:4px var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"chip name""chip tag";display:grid}.mf-roster__item .mf-chip{grid-area:chip}.mf-roster__name{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-semibold);grid-area:name;line-height:1.2;overflow:hidden}.mf-roster__tag{align-items:center;gap:2px var(--sp-2);min-width:0;color:var(--text-muted);font-size:var(--fs-xs);flex-wrap:wrap;grid-area:tag;line-height:1.2;display:flex;overflow:hidden}.mf-roster__bit{white-space:nowrap;align-items:center;gap:3px;min-width:0;max-width:100%;display:inline-flex}.mf-roster__bit svg{flex-shrink:0}.mf-roster__role{text-overflow:ellipsis;min-width:0;overflow:hidden}.mf-roster__sep{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mf-roster__tag:empty{display:none}.mf-roster__item:has(.mf-roster__tag:empty){grid-template-areas:"chip name""chip name"}.mf-roster__item[data-out]{background:var(--g-out);border-style:dashed}.mf-roster__item[data-out] .mf-roster__name{color:var(--text-muted);text-decoration:line-through}.mf-chip{background:var(--surface-2);width:28px;height:28px;box-shadow:inset 0 0 0 3px var(--chip,var(--border-strong));font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:50%;flex:none;place-items:center;display:grid}.mf-summary{gap:var(--sp-2);text-align:start;flex-direction:column;display:flex}.mf-summary__h{font-weight:var(--fw-semibold)}.mf-log{gap:var(--sp-1);font-size:var(--fs-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mf-log__title{font-weight:var(--fw-semibold)}@container mf (height<=460px){.mf-head__now{font-size:var(--fs-xs)}.mf-rolecard__icon,.mf-result__icon{width:48px;height:48px}}