/* FEAT-000089. Build-only playing surfaces, scoped to the two facets and five guides. */
.fx-curiosity-root.fx-mf-page{--fx-curiosity-context:var(--fx-game-crossword);padding:8px 0 64px;background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--fx-game-crossword) 12%,transparent),transparent 480px),var(--fx-bg)}
.fx-mf-page *{box-sizing:border-box}
.fx-mf-page .fx-curiosity-opening,.fx-mf-page .fx-curiosity-finish{max-width:none}
.fx-mf-page .article-head{padding:8px 0 24px}
.fx-mf-page .article-head h1{max-width:940px;margin:0 0 16px;font-size:clamp(34px,3.6vw,46px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.fx-mf-page .article-head .dek{max-width:800px;margin:0;font-size:17px;line-height:1.55}
.fx-mf-page .fx-mf-start{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:center;padding:28px 36px;margin:0 0 32px;border-radius:16px;background:var(--fx-soft-solid)}
.fx-mf-start-copy{min-width:0}
.fx-mf-page .fx-mf-start h2{font:650 32px/1.15 Inter,Arial,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 16px;color:var(--fx-text);text-wrap:balance}
.fx-mf-page .fx-mf-detail{font-size:14px;line-height:1.5;color:var(--fx-text-secondary);margin:0 0 8px}
.fx-mf-feature-dimensions{font-size:14px;letter-spacing:0;font-weight:400;color:var(--fx-text-secondary)}
.fx-mf-page .fx-mf-detail{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.fx-mf-grid-title{font:400 12px/1.5 Inter,Arial,system-ui,sans-serif;color:var(--fx-text-secondary)}
.fx-mf-start-copy>.fx-mf-grid-title{margin:0 0 16px}
.fx-mf-page .fx-mf-play{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:8px;font:700 15px/1.4 Inter,Arial,system-ui,sans-serif;background:var(--fx-accent);color:var(--fx-ink);text-decoration:none;transition:background var(--fx-transition-fast)}
.fx-mf-page .fx-mf-play:hover{background:var(--fx-accent-light)}
.fx-mf-page .fx-mf-reassurance{margin:8px 0 0;font:400 12px/1.5 Inter,Arial,system-ui,sans-serif;color:var(--fx-text-secondary)}
.fx-mf-start-visual{display:flex;justify-content:center;align-items:center;min-width:0}
.fx-mf-page .fx-mf-excerpt-figure{width:100%;max-width:340px;margin:0}
.fx-mf-excerpt{display:grid;grid-auto-rows:minmax(0,1fr);border:1px solid var(--fx-crossword-rule);background:var(--fx-crossword-rule);gap:1px;width:100%}
.fx-mf-excerpt-cell{min-width:0;min-height:0;position:relative}
.fx-mf-excerpt-cell--letter{background:var(--fx-crossword-letter)}
.fx-mf-excerpt-cell--clue{display:flex;flex-direction:column;justify-content:center;background:var(--fx-crossword-clue);color:var(--fx-crossword-clue-ink)}
.fx-mf-definition{display:flex;align-items:center;justify-content:center;flex:1;padding:3px;text-align:center;overflow-wrap:anywhere;font:500 14px/1.1 Inter,Arial,system-ui,sans-serif}
.fx-mf-definition+.fx-mf-definition{border-top:1px solid var(--fx-crossword-rule)}
.fx-mf-excerpt-arrow{position:absolute;inset:0;width:100%;height:100%;fill:var(--fx-crossword-active-ink);color:var(--fx-crossword-active-ink);pointer-events:none}
.fx-mf-excerpt-arrow polyline{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}
.fx-mf-page .fx-mf-selection{margin:0 0 56px}
.fx-mf-page .fx-mf-selection h2,.fx-mf-page .fx-mf-related h2{font:650 23px/1.3 Inter,Arial,system-ui,sans-serif;letter-spacing:-.025em;color:var(--fx-text);margin:32px 0 20px}
.fx-mf-page .fx-mf-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0}
.fx-mf-cards>li{min-width:0;margin:0;padding:0}
.fx-mf-page .fx-mf-card{display:flex;flex-direction:column;height:100%;padding:24px;border-radius:12px;background:var(--fx-soft-solid);color:var(--fx-text);text-decoration:none;transition:background var(--fx-transition-fast)}
.fx-mf-card:hover{background:var(--fx-hover-fill)}
.fx-mf-card-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.fx-mf-card-copy>strong{font:600 17px/1.4 Inter,Arial,system-ui,sans-serif}
.fx-mf-dimensions{font:650 25px/1.2 Inter,Arial,system-ui,sans-serif;letter-spacing:-.025em}
.fx-mf-dimensions>span{font-size:13px;font-weight:400;color:var(--fx-text-secondary)}
.fx-mf-level{display:inline-flex;align-self:flex-start;padding:3px 8px;border-radius:4px;font:600 12px/1.5 Inter,Arial,system-ui,sans-serif;color:var(--fx-text-secondary);background:var(--fx-border)}
.fx-mf-level[data-level=easy]{color:var(--fx-success);background:color-mix(in srgb,var(--fx-success) 12%,transparent)}
.fx-mf-level[data-level=medium]{color:var(--fx-warn);background:color-mix(in srgb,var(--fx-warn) 12%,transparent)}
.fx-mf-level[data-level=hard]{color:var(--fx-accent);background:color-mix(in srgb,var(--fx-accent) 12%,transparent)}
.fx-mf-level[data-level=expert]{color:color-mix(in srgb,var(--fx-danger) 80%,var(--fx-text));background:color-mix(in srgb,var(--fx-danger) 12%,transparent)}
.fx-mf-card-copy{position:relative;padding-right:28px}
.fx-mf-card-action{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:24px;min-height:44px;font:600 24px/1 Inter,Arial,system-ui,sans-serif;color:var(--fx-accent)}
.fx-mf-page :is(.fx-mf-card,.fx-mf-play):focus-visible{outline:3px solid var(--fx-accent);outline-offset:4px}
.fx-mf-page .fx-curiosity-layout{max-width:800px;margin-inline:0;display:block}
.fx-mf-page .fx-mf-editorial .story-chapter{font-size:26px;line-height:1.3;margin:40px 0 16px}
.fx-mf-page .fx-mf-editorial p{font-size:17px;line-height:1.8}
.fx-mf-page .fx-mf-reading-meta{max-width:800px;margin:0 0 24px}
.fx-mf-page .fx-mf-start--end{margin-top:40px}
.fx-mf-page .fx-mf-related{margin:32px 0 40px}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-card-action{color:color-mix(in srgb,var(--fx-accent-dark) 72%,var(--fx-text))}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-excerpt-cell--letter{background:var(--fx-crossword-empty)}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-excerpt-cell--clue{background:var(--fx-crossword-active);color:var(--fx-crossword-active-ink)}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-excerpt-arrow{fill:var(--fx-crossword-letter);color:var(--fx-crossword-letter)}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-level[data-level=easy]{color:color-mix(in srgb,var(--fx-success) 65%,var(--fx-text))}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-level[data-level=medium]{color:color-mix(in srgb,var(--fx-warn) 40%,var(--fx-text))}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-level[data-level=hard]{color:color-mix(in srgb,var(--fx-accent-dark) 65%,var(--fx-text))}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-level[data-level=expert]{color:color-mix(in srgb,var(--fx-danger) 65%,var(--fx-text))}
.fx-mf-page .fx-mf-start--catalog{grid-template-columns:minmax(0,1fr)}
.fx-mf-page .fx-mf-catalog-link{margin:24px 0;color:var(--fx-text-secondary);font:400 14px/1.5 Inter,Arial,system-ui,sans-serif}
.fx-mf-catalog-link a{display:inline-flex;gap:16px;align-items:center;min-height:44px;text-underline-offset:4px}
.fx-mf-page .fx-mf-grid-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;list-style:none;padding:0;margin:0 0 32px}
.fx-mf-grid-index li{margin:0;min-width:0}
.fx-mf-grid-index a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--fx-border-hover);color:var(--fx-text);text-decoration:none;font:400 12px/1.5 Inter,Arial,system-ui,sans-serif}
.fx-mf-grid-index a strong{font-size:12px;font-weight:500;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fx-mf-index-size{flex:none}
.fx-mf-grid-index a>span{color:var(--fx-text-secondary)}
.fx-mf-grid-index a:hover strong{text-decoration:underline;text-underline-offset:4px}
.fx-mf-grid-index a:focus-visible{outline:2px solid var(--fx-accent);outline-offset:4px}
.fx-mf-page .fx-mf-end{margin:40px 0}
.fx-mf-end .fx-mf-play{margin-top:8px}
@media(max-width:760px){
  .fx-mf-public .article-detail-crumbs{padding:12px 16px;gap:8px;flex-wrap:nowrap}
  .fx-mf-public .article-detail-crumbs a{flex:none}
  .fx-mf-public .article-detail-crumbs [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fx-curiosity-root.fx-mf-page{padding-top:0}
  .fx-mf-page .article-head{padding:0 0 20px}
  .fx-mf-page .article-head h1{font-size:29px;line-height:1.12;margin-bottom:12px;text-wrap:initial}
  .fx-mf-page .article-head .dek{font-size:15px;line-height:1.5}
  .fx-mf-guide .article-head{padding-bottom:16px}
  .fx-mf-guide .article-head h1{font-size:26px;line-height:1.12}
  .fx-mf-guide .article-head .dek{font-size:14px;line-height:1.45}
  .fx-mf-page .fx-mf-start{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px;margin-bottom:24px}
  .fx-mf-start-copy{display:block}
  .fx-mf-page .fx-mf-start h2,.fx-mf-page .fx-mf-detail{margin:0 0 8px}
  .fx-mf-page .fx-mf-start h2{font-size:25px;line-height:1.15}
  .fx-mf-feature-dimensions{font-size:12px}
  .fx-mf-page .fx-mf-detail{font-size:12px}
  .fx-mf-start-visual{grid-column:1;grid-row:auto}
  .fx-mf-page .fx-mf-play{grid-column:1/-1;margin-top:8px;width:100%;padding-inline:16px}
  .fx-mf-page .fx-mf-reassurance{text-align:center;margin:8px 0 0}
  .fx-mf-page .fx-mf-cards{grid-template-columns:minmax(0,1fr);gap:12px}
  .fx-mf-page .fx-mf-card{padding:20px}
  .fx-mf-card-copy{gap:4px}
  .fx-mf-card-copy>strong{font-size:15px}
  .fx-mf-dimensions{font-size:23px}
  .fx-mf-card-action{font-size:24px}
  .fx-mf-start--catalog .fx-mf-start-copy{display:block}
  .fx-mf-page .fx-mf-start--catalog h2{margin-bottom:16px}
  .fx-mf-page .fx-mf-start--catalog .fx-mf-reassurance{margin-top:8px}
  .fx-mf-page .fx-mf-selection h2,.fx-mf-page .fx-mf-related h2{font-size:21px}
  .fx-mf-page .fx-mf-editorial .story-chapter{font-size:23px}
  .fx-mf-page .fx-mf-grid-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
}
@media(prefers-reduced-motion:reduce){.fx-mf-page .fx-mf-play,.fx-mf-page .fx-mf-card{transition:none}}

/* Registration invitation only. The locked illustration is decorative, never real grid data. */
.fx-mf-page .fx-mf-xxl-teaser{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;min-height:340px;margin:32px 0;padding:40px 48px;border-radius:16px;background:var(--fx-soft-solid)}
.fx-mf-xxl-copy{min-width:0;max-width:540px}
.fx-mf-page .fx-mf-xxl-teaser h2{margin:0 0 20px;font:650 42px/1.1 Inter,Arial,system-ui,sans-serif;letter-spacing:-.035em;color:var(--fx-text)}
.fx-mf-xxl-word{display:block;font-size:72px;line-height:1.05;letter-spacing:-.05em}
.fx-mf-page .fx-mf-xxl-teaser p{margin:0;color:var(--fx-text-secondary);font:400 16px/1.6 Inter,Arial,system-ui,sans-serif}
.fx-curiosity-root .fx-mf-xxl-signup{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;margin-top:24px;padding:12px 24px;border-radius:8px;background:var(--fx-text);color:var(--fx-bg);font:650 15px/1.5 Inter,Arial,system-ui,sans-serif;text-decoration:none}
.fx-curiosity-root .fx-mf-xxl-signup:hover{background:color-mix(in srgb,var(--fx-text) 90%,var(--fx-bg))}
.fx-mf-xxl-signup:focus-visible{outline:3px solid var(--fx-accent);outline-offset:4px}
.fx-mf-page .fx-mf-xxl-motif{position:relative;isolation:isolate;width:100%;height:260px;min-width:0;overflow:hidden}
.fx-mf-xxl-board{position:absolute;inset:16px -24px -24px 16px;border:1px solid var(--fx-crossword-rule);background-color:var(--fx-crossword-empty);background-image:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--fx-game-crossword) 30%,var(--fx-crossword-rule)) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,color-mix(in srgb,var(--fx-game-crossword) 30%,var(--fx-crossword-rule)) 23px 24px);transform:perspective(700px) rotateY(-16deg) rotateZ(-8deg)}
.fx-mf-xxl-veil{position:absolute;inset:0;background:linear-gradient(0deg,var(--fx-soft-solid),transparent 65%),linear-gradient(90deg,var(--fx-soft-solid),transparent 20%,transparent 85%,var(--fx-soft-solid))}
.fx-mf-xxl-padlock{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%)}
.fx-mf-xxl-lock-ground{fill:var(--fx-soft-solid)}
.fx-mf-xxl-lock{fill:none;stroke:var(--fx-text);stroke-width:2;stroke-linejoin:round}
:is([data-theme=flexoramaLight],[data-theme=light]) .fx-mf-xxl-board{border-color:color-mix(in srgb,var(--fx-game-crossword) 25%,var(--fx-crossword-rule))}
.fx-mf-page .fx-mf-xxl-teaser--compact{min-height:260px;padding:32px 40px}
.fx-mf-page .fx-mf-xxl-teaser--compact h2{font-size:30px}
.fx-mf-xxl-teaser--compact .fx-mf-xxl-word{font-size:48px}
.fx-mf-page .fx-mf-xxl-teaser--compact p{font-size:14px}
.fx-mf-page .fx-mf-xxl-teaser--compact .fx-mf-xxl-motif{height:220px}
@media(max-width:760px){
  .fx-mf-page .fx-mf-xxl-teaser{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:24px}
  .fx-mf-page .fx-mf-xxl-teaser h2{font-size:34px;margin-bottom:16px}
  .fx-mf-xxl-word{font-size:56px}
  .fx-mf-page .fx-mf-xxl-motif{height:220px}
  .fx-mf-xxl-signup{width:100%;margin-top:20px}
  .fx-mf-page .fx-mf-xxl-teaser--compact h2{font-size:28px}
  .fx-mf-xxl-teaser--compact .fx-mf-xxl-word{font-size:48px}
  .fx-mf-page .fx-mf-xxl-teaser--compact .fx-mf-xxl-motif{height:180px}
}