@layer screens{.mf-scene:has(>.mf-strip){grid-template-rows:auto auto minmax(0,1fr)}.mf-strip{z-index:1;align-items:center;gap:var(--space-3);inline-size:min(calc(100% - 2 * var(--scene-gutter,var(--space-4))), var(--scene-width,100%));min-block-size:52px;margin:var(--space-2) auto 0;padding:var(--space-3) var(--space-4);box-sizing:border-box;background:var(--strip-bg,var(--surface-2));color:var(--text);border:var(--stroke) solid var(--line-strong);border-radius:var(--radius-m);box-shadow:var(--strip-shadow,var(--elev-1));flex-wrap:wrap;display:flex;position:relative}.mf-strip[data-tone=update]{border-color:var(--accent)}.mf-strip[data-tone=pending]{border-color:var(--info)}.mf-strip[data-tone=problem]{border-color:var(--danger)}.mf-strip__icon{--icon:20px;color:var(--accent-text);flex:none}.mf-strip[data-tone=pending] .mf-strip__icon{color:var(--info)}.mf-strip[data-tone=problem] .mf-strip__icon{color:var(--danger-text)}.mf-strip{transition:opacity var(--dur-ui,.16s) ease-out, translate var(--dur-ui,.16s) ease-out}@starting-style{.mf-strip{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.mf-strip{transition:none}}:root[data-level=off] .mf-strip{transition:none}.mf-strip__text{min-inline-size:0;font:600 15px/1.35 var(--font);overflow-wrap:anywhere;flex:18rem;margin:0}.mf-strip__text:lang(ja),.mf-sys__body:lang(ja){word-break:auto-phrase}.mf-strip:has(.mf-strip__actions>:nth-child(3)) .mf-strip__actions{flex-basis:100%;justify-content:flex-end}.mf-strip__actions>.mf-button[data-variant=link]{margin-inline:var(--space-2) 0}.mf-strip__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:0 auto;min-inline-size:0;margin-inline-start:auto;display:flex}.mf-scene--title>.mf-strip,.mf-title-failure{inline-size:min(100%,560px)}.mf-title-failure>.mf-strip,.mf-game-notices>.mf-strip{inline-size:100%;margin:0}.mf-sys>.mf-strip{inline-size:min(100%,560px)}@media (width<=599px){.mf-strip{inline-size:100%;padding:10px var(--space-4);box-shadow:none;border-inline-width:0;border-radius:0;margin-block-start:0}.mf-strip__text{flex-basis:calc(100% - 36px)}.mf-strip__actions>.mf-button{min-inline-size:0}.mf-strip__actions:has(>.mf-button[data-variant=link]){flex:100%;justify-content:flex-start;margin-inline-start:0}.mf-strip__actions>.mf-button[data-variant=link]{margin-inline:0}.mf-strip__actions:has(>.mf-button[data-variant=link])>.mf-button[data-variant=primary]{flex:100%}.mf-game-notices>.mf-strip,.mf-sys>.mf-strip{border-inline-width:var(--stroke);border-radius:var(--radius-m);box-shadow:var(--strip-shadow,var(--elev-1))}.mf-strip~.mf-strip[data-tone=update]{display:none}}.mf-sys{min-block-size:100%;padding:var(--space-5) var(--gutter-p);align-content:center;place-items:center;gap:var(--space-5);display:grid;overflow:hidden}.mf-sys__brand{--brand-size:36px}.mf-sys[data-back]{grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding-block-start:0;padding-inline:0}.mf-sys[data-back]>.mf-sys__card{inline-size:min(var(--card-w), calc(100% - 2 * var(--gutter-p)))}.mf-sys__bar{justify-content:space-between;align-items:center;gap:var(--space-4);inline-size:min(calc(100% - 2 * var(--scene-gutter)), var(--scene-utility-width));min-block-size:60px;padding-block:var(--space-2);border-block-end:var(--hairline) solid var(--line);align-self:start;display:flex}.mf-sys__bar>.mf-button{min-block-size:var(--hit);margin-inline-start:calc(var(--space-4) * -1)}@media (height<=540px){.mf-sys__bar{min-block-size:var(--hit)}}.mf-sys[data-kind=unavailable]{align-content:start;padding-block-start:max(var(--space-5), 24vh)}.mf-sys[data-kind=unavailable][data-framed]{align-content:center;padding-block-start:var(--space-5)}.mf-sys__card{inline-size:min(var(--card-w), 100%);padding:var(--space-5);background:var(--card-bg,var(--surface-2));border:var(--hairline) solid var(--card-edge,var(--line));border-radius:var(--radius-l);box-shadow:var(--card-shadow,var(--elev-1))}.mf-sys__title{font:var(--text-title);font-family:var(--font)}.mf-sys__body{color:var(--text-2);margin-block-start:var(--space-2)}.mf-sys__actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.mf-sys__actions:empty{display:none}.mf-sys__still{justify-content:center;align-items:center;gap:0 var(--space-2);margin:var(--space-3) 0 0;color:var(--text-2);font:var(--text-small);flex-wrap:wrap;display:flex}@media (width<=599px){.mf-sys__actions{flex-direction:column;align-items:stretch}}.mf-sys[data-kind=joining] .mf-sys__card{text-align:center;justify-items:center;display:grid}.mf-sys__card:has(>.mf-sys__art){text-align:center;justify-items:center;display:grid}.mf-sys[data-kind=joining] .mf-sys__card{gap:var(--space-3)}.mf-sys[data-kind=joining] .mf-sys__body,.mf-sys[data-kind=joining] .mf-sys__actions{justify-content:center;margin-block-start:0}.mf-sys__card:has(>.mf-sys__art) .mf-sys__art{margin-block-end:var(--space-4)}.mf-sys__card:has(>.mf-sys__art) .mf-sys__body{max-inline-size:32ch}.mf-sys__card:has(>.mf-sys__art) .mf-sys__actions{justify-content:center}.mf-boot{z-index:1;align-content:start;justify-items:center;gap:var(--space-5);padding:max(var(--space-6), 26vh) var(--space-4) 0;background:var(--bg);display:grid;position:fixed;inset:0}.mf-boot__wait[hidden]{display:none}.mf-boot__wait{justify-items:center;gap:var(--space-4);display:grid}.mf-boot__cells{opacity:0;gap:3px;animation:0s .4s forwards mf-boot-in;display:flex}.mf-boot__cells>i{background:var(--plate);block-size:28px;inline-size:28px;box-shadow:inset 0 0 0 var(--hairline) var(--line);animation:1.2s infinite mf-boot-cell}.mf-boot__cells>i+i{animation-delay:.2s}.mf-boot__cells>i+i+i{animation-delay:.4s}.mf-boot__still{color:var(--text-2);font:var(--text-small);visibility:hidden;margin:0;animation:0s 4s forwards mf-boot-shown}.mf-boot>.mf-sys__card{text-align:center;justify-items:center;inline-size:min(100%,440px);display:grid}@keyframes mf-boot-in{to{opacity:1}}@keyframes mf-boot-shown{to{visibility:visible}}@keyframes mf-boot-cell{50%{background:var(--accent)}}@media (prefers-reduced-motion:reduce){.mf-boot__cells>i{animation:none}}}@layer forced{@media (forced-colors:active){.mf-strip{box-shadow:none;border-color:canvastext}.mf-sys__card{border:var(--hairline) solid CanvasText}.mf-sys__bar{border-color:canvastext}}}@layer reset,tokens,base,ui,shell,board,fx,overlays,room;
