/* The game shares the site tokens; its language, layout and controls stay local. */
@media(max-width:39.999rem){.mb-game-page .mb-main{padding-top:var(--mb-space-4)}.mb-game-page .mb-breadcrumbs{margin-bottom:var(--mb-space-2)}}
.mg-game{max-width:72rem;margin-inline:auto;padding-bottom:calc(var(--mg-dock-height,0px) + var(--mb-space-4));min-width:0;font-family:var(--mb-font);font-size:var(--mb-text-base);line-height:var(--mb-leading-ui);color:var(--mb-text)}
.mg-game *{box-sizing:border-box}
.mg-game :where(h1,h2,h3,p){margin:0}
.mg-game :where(h1,h2,h3){line-height:var(--mb-leading-heading)}
.mg-game :where(button,[tabindex],h1,h2,h3,.mg-picker,.mg-friend){scroll-margin-top:var(--mb-space-4);scroll-margin-bottom:calc(var(--mg-dock-height,8rem) + var(--mb-space-4))}
.mg-game [hidden]{display:none!important}
.mg-game :focus-visible,.mg-game :where(h1,h2,.mg-helpbox)[tabindex]:focus{outline:3px solid var(--mb-focus);outline-offset:3px}
.mg-game .mg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.mg-game .mg-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--mb-space-2) var(--mb-space-4);margin-bottom:var(--mb-space-3);font-size:var(--mb-text-sm);color:var(--mb-text-secondary)}
.mg-game .mg-toolbar button{min-height:var(--mb-target-min);padding:.5rem .75rem;border:1px solid var(--mb-control-border);border-radius:var(--mb-radius-control);background:var(--mb-surface);color:var(--mb-brand-hover);font:inherit;font-weight:var(--mb-weight-medium);cursor:pointer}
.mg-game .mg-heading{margin-bottom:var(--mb-space-4)}
.mg-game .mg-heading h1{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-block:.25rem .5rem}
.mg-game .mg-eyebrow{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium);color:var(--mb-brand-hover)}
.mg-game .mg-intro{max-width:48rem;font-size:var(--mb-text-base);color:var(--mb-text-secondary);line-height:1.5}

.mg-game .mg-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mb-space-4);align-items:start}
.mg-game .mg-layout.mg-warmup>.mg-planner{grid-row:1}
.mg-game .mg-layout.mg-warmup>.mg-people{grid-row:2}
.mg-game :where(.mg-people,.mg-planner){min-width:0;background:var(--mb-surface);border:1px solid var(--mb-border);border-radius:var(--mb-radius-card);box-shadow:var(--mb-shadow-card)}
.mg-game .mg-panel-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--mb-space-2);padding:var(--mb-space-4)}
.mg-game .mg-panel-heading h2{font-size:var(--mb-text-lg)}
.mg-game .mg-panel-heading>span{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium);color:var(--mb-text-secondary)}
.mg-game .mg-friend{display:grid;gap:var(--mb-space-2);padding:var(--mb-space-4);border-top:1px solid var(--mb-border);min-width:0}
.mg-game .mg-friend:last-child{border-radius:0 0 var(--mb-radius-card) var(--mb-radius-card)}
.mg-game .mg-friend.mg-yes{background:var(--mb-success-soft)}
.mg-game .mg-friend-name{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.25rem var(--mb-space-2);min-width:0}
.mg-game .mg-friend-name strong{font-size:var(--mb-text-base)}
.mg-game .mg-person-status{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium);color:var(--mb-warning)}
.mg-game .mg-yes .mg-person-status{color:var(--mb-success)}
.mg-game .mg-need{font-size:var(--mb-text-base);line-height:1.5;overflow-wrap:anywhere}
.mg-game .mg-reason{font-size:var(--mb-text-sm);line-height:1.5;color:var(--mb-warning);overflow-wrap:anywhere}
.mg-game .mg-need+.mg-reason{margin-top:var(--mb-space-1)}
.mg-game .mg-yes .mg-reason{color:var(--mb-success)}

.mg-game .mg-plan-summary{padding:var(--mb-space-4);border-bottom:1px solid var(--mb-border);border-radius:var(--mb-radius-card) var(--mb-radius-card) 0 0;background:var(--mb-surface-subtle)}
.mg-game .mg-plan-summary>span{display:block;font-size:var(--mb-text-sm);color:var(--mb-text-secondary);margin-bottom:.25rem}
.mg-game .mg-plan-summary strong{display:block;font-size:var(--mb-text-lg);line-height:1.4}
.mg-game .mg-plan-summary p{margin-top:.5rem;font-size:var(--mb-text-sm);color:var(--mb-text-secondary);line-height:1.5;overflow-wrap:anywhere}
.mg-game .mg-pickers{padding:var(--mb-space-4)}
.mg-game .mg-fixed-time{margin-bottom:var(--mb-space-3);font-size:var(--mb-text-sm);color:var(--mb-text-secondary);line-height:1.5}
.mg-game .mg-picker+.mg-picker{margin-top:var(--mb-space-4);padding-top:var(--mb-space-4);border-top:1px solid var(--mb-border)}
.mg-game .mg-picker h2{font-size:var(--mb-text-base);margin-bottom:var(--mb-space-3)}
.mg-game .mg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mb-space-2)}
.mg-game .mg-options.mg-three{grid-template-columns:minmax(0,1fr)}
.mg-game .mg-option{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0;min-height:var(--mb-control-min-height);padding:var(--mb-space-3);border:1px solid var(--mb-control-border);border-radius:var(--mb-radius-control);background:var(--mb-surface);color:var(--mb-text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;transition:background-color var(--mb-motion-fast) var(--mb-motion-easing),border-color var(--mb-motion-fast) var(--mb-motion-easing)}
.mg-game .mg-option.mg-selected{border-color:var(--mb-brand);box-shadow:inset 0 0 0 1px var(--mb-brand);background:var(--mb-brand-soft)}
.mg-game .mg-option-title{display:block;font-size:var(--mb-text-base);font-weight:var(--mb-weight-medium);line-height:1.35}
.mg-game .mg-option-detail{display:block;font-size:var(--mb-text-sm);line-height:1.5;color:var(--mb-text-secondary)}
.mg-game .mg-selection{display:block;font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium);line-height:1.4;color:var(--mb-brand-hover)}
.mg-game .mg-alternative{display:block;padding-top:var(--mb-space-2);margin-top:var(--mb-space-1);border-top:1px solid var(--mb-border);font-size:var(--mb-text-sm);line-height:1.5;color:var(--mb-text-secondary)}
.mg-game .mg-times .mg-option{text-align:center;justify-content:center}
.mg-game .mg-helpers,.mg-game .mg-restart-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mb-space-2);margin-top:var(--mb-space-3)}
.mg-game .mg-text-button{min-height:var(--mb-target-min);max-width:100%;padding:.5rem .25rem;border:0;border-radius:var(--mb-radius-sm);background:transparent;color:var(--mb-brand-hover);font:inherit;font-size:var(--mb-text-sm);line-height:1.5;text-align:left;text-decoration:underline;text-underline-offset:.18em;cursor:pointer;overflow-wrap:anywhere}
.mg-game .mg-text-button:disabled{color:var(--mb-disabled-text);cursor:not-allowed;text-decoration:none}
.mg-game .mg-helpbox{margin-top:var(--mb-space-3);padding:var(--mb-space-3);border:1px solid var(--mb-border);border-radius:var(--mb-radius-card);background:var(--mb-brand-soft);font-size:var(--mb-text-sm);line-height:1.6;overflow-wrap:anywhere}
.mg-game .mg-helpbox p+p{margin-top:var(--mb-space-2)}
.mg-game .mg-helpbox strong{color:var(--mb-brand-hover)}

.mg-game .mg-button{display:inline-flex;justify-content:center;align-items:center;min-width:0;min-height:var(--mb-control-min-height);padding:.75rem 1rem;border:1px solid var(--mb-control-border);border-radius:var(--mb-radius-control);background:var(--mb-surface);color:var(--mb-text);font:inherit;font-size:var(--mb-text-base);font-weight:var(--mb-weight-medium);line-height:1.4;text-align:center;cursor:pointer;overflow-wrap:anywhere}
.mg-game .mg-button.mg-primary{background:var(--mb-brand);border-color:var(--mb-brand);color:var(--mb-on-brand)}
.mg-game .mg-button:disabled{background:var(--mb-disabled-bg);color:var(--mb-disabled-text);border-color:var(--mb-border);cursor:not-allowed}
/* The renderer measures this bar after wrapping and writes --mg-dock-height. */
.mg-game .mg-dock{position:fixed;inset-inline:0;bottom:0;z-index:var(--mb-z-sticky);padding:.75rem max(var(--mb-gutter),env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(var(--mb-gutter),env(safe-area-inset-left));border-top:1px solid var(--mb-border);background:var(--mb-surface);box-shadow:0 -4px 16px rgb(24 35 54 / 8%)}
.mg-game .mg-dock-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--mb-space-4);max-width:72rem;margin-inline:auto}
.mg-game .mg-dock-inner>div{min-width:0}
.mg-game .mg-dock-inner strong{display:block;font-size:var(--mb-text-base);line-height:1.4}
.mg-game .mg-dock-inner p{margin-top:.25rem;font-size:var(--mb-text-sm);line-height:1.4;color:var(--mb-text-secondary);overflow-wrap:anywhere}
.mg-game .mg-dock .mg-button{min-width:10rem;max-width:24rem}

.mg-game .mg-result{max-width:44rem;margin-inline:auto;padding:var(--mb-space-5);border:1px solid var(--mb-border);border-radius:var(--mb-radius-card);background:var(--mb-surface);box-shadow:var(--mb-shadow-card);text-align:center}
.mg-game .mg-result h1,.mg-game .mg-result h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem)}
.mg-game .mg-result>.mg-intro{margin-block:var(--mb-space-3) var(--mb-space-5)}
.mg-game .mg-result-plan{padding:var(--mb-space-4);margin-block:var(--mb-space-5);border:1px solid var(--mb-border);border-radius:var(--mb-radius-card);background:var(--mb-brand-soft);text-align:left;line-height:1.5}
.mg-game .mg-result-plan strong{display:block;font-size:var(--mb-text-lg);color:var(--mb-brand-hover)}
.mg-game .mg-result-plan p{margin-top:.5rem;font-size:var(--mb-text-sm);color:var(--mb-text-secondary)}
.mg-game .mg-replies{display:grid;gap:var(--mb-space-3);margin-block:var(--mb-space-5)}
.mg-game .mg-reply{display:flex;align-items:flex-start;gap:var(--mb-space-3);min-width:0;text-align:left}
.mg-game .mg-avatar{display:flex;justify-content:center;align-items:center;flex:0 0 2.25rem;min-height:2.25rem;border:1px solid var(--mb-border);border-radius:50%;background:var(--mb-brand-soft);color:var(--mb-brand-hover);font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium)}
.mg-game .mg-reply>div{flex:1;min-width:0;padding:var(--mb-space-3);border:1px solid var(--mb-border);border-radius:var(--mb-radius-card);background:var(--mb-surface-subtle);overflow-wrap:anywhere}
.mg-game .mg-reply strong{display:block;margin-bottom:.25rem;font-size:var(--mb-text-sm)}
.mg-game .mg-reply p{font-size:var(--mb-text-base);line-height:1.5}
.mg-game .mg-why{padding:var(--mb-space-4);margin-block:var(--mb-space-5);border-radius:var(--mb-radius-card);background:var(--mb-success-soft);color:var(--mb-success);font-size:var(--mb-text-base);line-height:1.5;text-align:left}
.mg-game .mg-why h2{margin-bottom:var(--mb-space-2);font-size:var(--mb-text-base)}
.mg-game .mg-why p+p{margin-top:.5rem}
.mg-game .mg-completion{margin-block:var(--mb-space-4);font-size:var(--mb-text-sm);line-height:1.6;color:var(--mb-text-secondary)}
.mg-game .mg-result>.mg-button{width:100%}
.mg-game .mg-result .mg-restart-actions{justify-content:center}
.mg-game .mg-footnotes{margin-top:var(--mb-space-5);padding-top:var(--mb-space-4);border-top:1px solid var(--mb-border);font-size:var(--mb-text-sm);line-height:1.6;color:var(--mb-text-secondary)}
.mg-game .mg-footnotes p+p{margin-top:var(--mb-space-2)}
.mg-game .mg-storage-note{margin-block:var(--mb-space-3);font-size:var(--mb-text-sm);line-height:1.6;color:var(--mb-text-secondary)}
.mg-game .mg-error{margin-block:var(--mb-space-3);font-size:var(--mb-text-base);font-weight:var(--mb-weight-medium);line-height:1.5;color:var(--mb-danger)}
.mg-game .mg-error:empty{margin:0}
/* Keep the shared footer reachable while this game's fixed bar is present. */
.mb-game-page .mb-platform-footer{padding-bottom:calc(var(--mb-space-8) + var(--mg-page-dock-height,0px))}

@media(hover:hover){
  .mg-game .mg-option:hover{border-color:var(--mb-brand);background:var(--mb-brand-soft)}
  .mg-game .mg-button:hover:not(:disabled),.mg-game .mg-toolbar button:hover{border-color:var(--mb-brand);background:var(--mb-brand-soft)}
  .mg-game .mg-button.mg-primary:hover:not(:disabled){border-color:var(--mb-brand-hover);background:var(--mb-brand-hover)}
  .mg-game .mg-text-button:hover:not(:disabled){color:var(--mb-brand-active);text-decoration-thickness:2px}
}
@media(min-width:40rem){
  .mg-game .mg-options{gap:var(--mb-space-3)}
  .mg-game .mg-options.mg-three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mg-game .mg-result{padding:var(--mb-space-8)}
}
@media(min-width:64rem){
  .mg-game .mg-heading{margin-bottom:var(--mb-space-5)}
  .mg-game .mg-layout{grid-template-columns:minmax(17rem,21rem) minmax(0,1fr);gap:var(--mb-space-6)}
  .mg-game .mg-layout>.mg-people,.mg-game .mg-layout.mg-warmup>.mg-people{grid-column:1;grid-row:1}
  .mg-game .mg-layout>.mg-planner,.mg-game .mg-layout.mg-warmup>.mg-planner{grid-column:2;grid-row:1}
  .mg-game .mg-pickers{padding:var(--mb-space-5)}
}
@media(max-width:39.99rem){
  .mg-game .mg-warmup .mg-pickers{padding:var(--mb-space-3)}
  .mg-game .mg-warmup .mg-fixed-time{margin-bottom:var(--mb-space-2);line-height:1.4}
  .mg-game .mg-warmup .mg-picker h2{margin-bottom:var(--mb-space-2)}
  .mg-game .mg-warmup .mg-option{padding:.625rem;gap:.25rem}
  .mg-game .mg-warmup .mg-option-title{line-height:1.25}
  .mg-game .mg-dock-inner{grid-template-columns:minmax(0,1fr) minmax(0,44%);gap:var(--mb-space-3)}
  .mg-game .mg-dock .mg-button{width:100%;min-width:0;max-width:none;padding:.625rem .75rem}
  .mg-game .mg-result{padding:var(--mb-space-4)}
}
@media(prefers-reduced-motion:reduce){
  .mg-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .mg-game .mg-option.mg-selected{outline:2px solid Highlight;outline-offset:-3px}
  .mg-game .mg-button:disabled{border-color:GrayText;color:GrayText}
}