.identity-profile-fields{gap:var(--wasd-spacing-4);display:grid}.identity-profile-field{gap:var(--wasd-spacing-2);min-inline-size:0;color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-body-sm-font-size);display:grid}.identity-avatar{flex-shrink:0}.identity-avatar-select{align-items:center;gap:var(--wasd-spacing-3);min-inline-size:0;display:flex}.identity-avatar-select>.wasd-input-root{flex:1;min-inline-size:0}.identity-avatar-icon,.identity-avatar-icon.wasd-icon{aspect-ratio:1;box-sizing:border-box;background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid color-mix(in srgb, var(--wasd-color-border-subtle) 72%, transparent);stroke:none;border-radius:50%;flex:none;block-size:1.85rem;inline-size:1.85rem;padding:0;display:block;overflow:hidden}.identity-avatar-image{object-fit:cover;object-position:center;pointer-events:none;transform-origin:50%;block-size:100%;inline-size:100%;display:block;transform:scale(1.18)}.identity-avatar-option .identity-avatar-icon{block-size:2rem;inline-size:2rem}.identity-avatar-option .wasd-menu-item__icon{border-radius:50%;overflow:hidden}.minigame{isolation:isolate;inline-size:100%;color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);container-type:inline-size}.minigame *,.minigame :before,.minigame :after{box-sizing:border-box}.minigame p,.minigame h2,.minigame h3{margin:0}.mg-lobby{gap:var(--wasd-spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mg-lobby-profile,.mg-lobby-notice{grid-column:1/-1}.mg-lobby-profile .identity-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-lobby-card{flex-direction:column;min-block-size:18rem;display:flex!important}.mg-lobby-actions{margin-block-start:auto;padding-block-start:var(--wasd-spacing-5)}.mg-lobby-card,.mg-lobby-profile{background:color-mix(in srgb, var(--wasd-color-surface-raised) 44%, var(--wasd-color-surface-canvas))!important}.mg-panel-title,.mg-row{justify-content:space-between;align-items:center;gap:var(--wasd-spacing-3);display:flex}.mg-room-actions{gap:var(--wasd-spacing-2);flex-wrap:wrap;display:flex}.mg-topline,.mg-helper,.mg-game-status>p,.mg-waiting,.mg-connection{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-body-sm-font-size);line-height:var(--wasd-typography-text-style-body-sm-line-height)}.mg-layout{align-items:start;gap:var(--wasd-spacing-4);grid-template-columns:minmax(0,1fr) minmax(21rem,.49fr);display:grid}.mg-stage-panel,.mg-panel{border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);background:color-mix(in srgb, var(--wasd-color-surface-canvas) 92%, var(--wasd-color-surface-raised));min-inline-size:0}.mg-stage-panel{overflow:hidden}.mg-eyebrow{font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-semibold);color:var(--wasd-color-text-muted)}.mg-stage-layout{align-items:start;display:grid}.mg-stage-layout[data-has-players=true]{grid-template-columns:minmax(0,1fr) minmax(10rem,30%)}.mg-stage-content{min-inline-size:0}.mg-stage{block-size:26rem;position:relative;overflow:hidden}.mg-canvas{inset:0;block-size:100%!important;inline-size:100%!important;position:absolute!important}.mg-scene-fallback{align-content:center;justify-items:center;gap:var(--wasd-spacing-4);padding:var(--wasd-spacing-6);text-align:center;color:var(--wasd-color-text-muted);display:grid;position:absolute;inset:0}.mg-scene-fallback>span{color:var(--wasd-color-accent-primary-base);font-size:4rem}.mg-game-status{padding:var(--wasd-spacing-4) var(--wasd-spacing-5);justify-content:center;align-items:center;gap:var(--wasd-spacing-2);text-align:center;flex-direction:column;display:flex}.minigame[data-phase=joining] .mg-game-status{display:none}.mg-game-status>strong{font-size:var(--wasd-typography-text-style-body-md-font-size)}.mg-game-status b{white-space:nowrap;color:var(--wasd-color-accent-primary-strong)}.mg-game-status .mg-result{font-size:var(--wasd-typography-text-style-heading-lg-font-size);font-weight:var(--wasd-typography-weight-bold);overflow-wrap:anywhere;color:var(--wasd-color-accent-primary-strong);line-height:1.2}.mg-result-row{justify-content:center;align-items:center;gap:var(--wasd-spacing-3);display:flex}.mg-game-actions{justify-content:center;align-items:center;gap:var(--wasd-spacing-3);padding:0 var(--wasd-spacing-5) var(--wasd-spacing-5);flex-wrap:wrap;display:flex}.mg-game-actions>.wasd-button{min-inline-size:11rem}.mg-straw-buttons{justify-content:center;gap:var(--wasd-spacing-3);padding:0 var(--wasd-spacing-4) var(--wasd-spacing-5);flex-wrap:wrap;display:flex}.mg-straw-pick{block-size:3rem;inline-size:3rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.mg-straw-pick:disabled{cursor:default}.mg-straw-pick:focus-visible{outline:var(--wasd-border-width-medium) solid var(--wasd-color-accent-primary-base);outline-offset:var(--wasd-spacing-1)}.mg-straw-pick:hover:not(:disabled) .wasd-avatar{outline:var(--wasd-border-width-medium) solid var(--wasd-color-accent-primary-base);outline-offset:2px}.mg-straw-pick .wasd-avatar{block-size:2.5rem;inline-size:2.5rem}.mg-helper{padding:0 var(--wasd-spacing-5) var(--wasd-spacing-4);text-align:center}.mg-waiting{align-items:center;gap:var(--wasd-spacing-2);min-block-size:3rem;display:flex}.mg-pulse{background:var(--wasd-color-accent-primary-base);border-radius:50%;block-size:.5rem;inline-size:.5rem;animation:1s infinite alternate mg-pulse}.mg-sidebar{gap:var(--wasd-spacing-4);min-inline-size:0;display:grid}.mg-room-role,.mg-role-control{gap:var(--wasd-spacing-2);display:grid}.mg-copy-row{align-items:center;gap:var(--wasd-spacing-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.mg-player-preview{align-content:start;gap:var(--wasd-spacing-2);margin:var(--wasd-spacing-4) 0;padding:var(--wasd-spacing-1) var(--wasd-spacing-4) var(--wasd-spacing-1) var(--wasd-spacing-1);scrollbar-width:thin;max-block-size:26rem;list-style:none;display:grid;overflow-y:auto}.mg-player-pill{align-items:center;gap:var(--wasd-spacing-2);min-inline-size:0;background:color-mix(in srgb, var(--wasd-color-text-muted) 10%, var(--wasd-color-surface-raised));color:var(--wasd-color-text-default);outline:var(--wasd-border-width-medium) solid transparent;outline-offset:1px;border-radius:999px;grid-template-columns:2.5rem minmax(0,1fr) auto;padding-inline-end:var(--wasd-spacing-3);display:grid}.mg-player-pill>.identity-avatar{block-size:2.5rem;inline-size:2.5rem}.mg-player-pill .wasd-tooltip,.mg-player-pill .wasd-tooltip__trigger{min-inline-size:0;display:block}.mg-player-pill strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--wasd-typography-text-style-label-sm-font-size);display:block;overflow:hidden}.mg-player-pill[data-connected=false]{opacity:.6}.mg-player-pill[data-winner=true]{background:var(--wasd-color-accent-primary-soft);color:var(--wasd-color-accent-primary-strong);outline-color:var(--wasd-color-accent-primary-base)}.mg-player-check{background:var(--wasd-color-accent-success-base);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;block-size:1.75rem;inline-size:1.75rem;display:grid}.mg-player-name small{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);display:block}.mg-add-player>.wasd-button{border:var(--wasd-border-width-thin) dashed var(--wasd-color-border-strong);border-radius:999px;justify-content:flex-start;min-block-size:2.5rem;inline-size:100%}.mg-player-editor{gap:var(--wasd-spacing-5);display:grid}.mg-player-modal .wasd-modal__panel,.mg-player-modal .wasd-modal__body{overflow:visible}.mg-player-modal .wasd-select__options{max-block-size:min(16rem,50dvh - 6rem);overflow-y:auto}.mg-panel{align-content:start;gap:var(--wasd-spacing-4);padding:var(--wasd-spacing-4);display:grid}.mg-panel-title{gap:var(--wasd-spacing-2);flex-wrap:wrap}.mg-panel>label{gap:var(--wasd-spacing-2);min-inline-size:0;color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-body-sm-font-size);display:grid}.mg-row{flex-wrap:wrap;justify-content:flex-start}.mg-option-labels,.mg-option{gap:var(--wasd-spacing-2);grid-template-columns:.375rem minmax(0,1fr) 4.5rem 3.25rem 2.25rem;align-items:center;display:grid}.mg-option-labels{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size)}.mg-option-labels span:first-child{grid-column:2}.mg-option-labels span:last-child{text-align:right}.mg-options{gap:var(--wasd-spacing-3);max-block-size:26rem;padding:0 var(--wasd-spacing-1) var(--wasd-spacing-1) 0;scrollbar-width:thin;display:grid;overflow-y:auto}.mg-option>*{min-inline-size:0}.mg-option output{text-align:right;color:var(--wasd-color-text-muted);font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-variant-numeric:tabular-nums}.mg-option-color{border-radius:var(--wasd-radius-xs);block-size:1.5rem;inline-size:.375rem}.mg-paste .wasd-details__content{gap:var(--wasd-spacing-3);display:grid}.mg-connection{align-items:center;gap:var(--wasd-spacing-2);display:flex}.mg-connection>span{background:var(--wasd-color-accent-warning-base);border-radius:50%;block-size:.5rem;inline-size:.5rem}.mg-connection[data-connected=true]>span{background:var(--wasd-color-accent-success-base)}.mg-room-name{overflow-wrap:anywhere}.mg-divider{block-size:var(--wasd-border-width-thin);background:var(--wasd-color-border-subtle)}.mg-inline-error{color:var(--wasd-color-accent-fail-strong);font-size:var(--wasd-typography-text-style-body-sm-font-size)}.mg-notice{justify-content:space-between;align-items:center;gap:var(--wasd-spacing-3);padding:var(--wasd-spacing-3) var(--wasd-spacing-4);border:var(--wasd-border-width-thin) solid var(--wasd-color-accent-warning-base);border-radius:var(--wasd-radius-sm);background:var(--wasd-color-accent-warning-soft);margin-block-end:var(--wasd-spacing-4);display:flex}@keyframes mg-pulse{to{opacity:.3}}@container (width<=960px){.mg-lobby{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-lobby-local{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;min-block-size:0}.mg-lobby-local .mg-lobby-actions{flex-shrink:0;margin:0;padding:0}.mg-layout{grid-template-columns:minmax(0,1fr)}.mg-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mg-wheel-editor{grid-column:1/-1}.mg-stage{block-size:25rem}}@container (width<=560px){.mg-stage-layout[data-has-players=true]{grid-template-columns:minmax(0,1fr)}.mg-player-preview{padding-inline:var(--wasd-spacing-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));margin-block-start:0}.mg-lobby,.mg-lobby-profile .identity-profile-fields{grid-template-columns:minmax(0,1fr)}.mg-lobby-card{min-block-size:0}.mg-lobby-local{flex-direction:column;align-items:stretch}.mg-lobby-local .mg-lobby-actions{padding-block-start:var(--wasd-spacing-3)}.mg-topline{display:none}.mg-sidebar{grid-template-columns:minmax(0,1fr)}.mg-stage{block-size:22rem}.mg-option,.mg-option-labels{gap:var(--wasd-spacing-1);grid-template-columns:.375rem minmax(0,1fr) 4rem 3rem 2rem}.mg-option-labels{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.minigame *{transition:none!important;animation:none!important}}.minigame[data-teaser=true] .mg-profile{display:none}.minigame[data-teaser=true] .mg-layout{grid-template-columns:minmax(0,1fr) 22rem}.minigame[data-teaser=true] .mg-stage{block-size:22rem}.mg-mode-radios{gap:var(--wasd-spacing-5);border:0;margin:0;padding:0;display:flex}.mg-mode-radios legend{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.minigame .mg-mode-radios label{align-items:center;gap:var(--wasd-spacing-2);cursor:pointer;flex-direction:row;display:inline-flex}.mg-mode-radios input{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--wasd-color-accent-primary-base);margin:0}.mg-mode-radios:disabled{opacity:var(--wasd-opacity-disabled,.5)}.mg-player-editor-actions{justify-content:flex-end;align-items:center;gap:var(--wasd-spacing-2);padding-block-start:var(--wasd-spacing-3);display:flex}.minigame--draw-a-straw[data-teaser=true] .mg-layout{grid-template-columns:minmax(0,1fr)}
