/* FM-053: compact native menu and contact. Loaded after the established design. */
.fm-games-page .fm-mobile-copy { display:none; }
.fm-games-page .fm-clan .fm-wp-nav.pb-nav { border:1px solid #594463; border-radius:5px; background:#15131c; }
.fm-games-page .fm-clan .fm-wp-nav .pb-nav__link { border:1px solid transparent; border-radius:3px; background:transparent; box-shadow:none; letter-spacing:.02em; }
.fm-games-page .fm-clan .fm-wp-nav .pb-nav__link:is(:hover,:focus-visible) { color:#fff; background:#30223e; border-color:#a37ac4; }
.fm-games-page .fm-clan .fm-wp-nav .pb-nav__link.is-current { background:#332440; border-color:#9972b8; box-shadow:inset 0 -2px #c8a0ff; color:#fff; }
.fm-games-page .fm-clan .fm-wp-nav.pb-nav .pb-nav__item:last-child .pb-nav__link { background:linear-gradient(#8043c4,#54258f); border-color:#b38bd4; color:#fff; }
.fm-games-page .fm-clan .fm-wp-nav.pb-nav .pb-nav__item:last-child .pb-nav__link:is(:hover,:focus-visible) { background:#622ba6; color:#fff; }
.fm-games-page .fm-clan .fm-briefing-form .jet-form-builder { gap:12px; }
.fm-games-page .fm-clan .fm-briefing-body { padding:20px; }
.fm-games-page .fm-clan .fm-briefing-help { margin-bottom:12px!important; font-size:12px; }
.fm-games-page .fm-clan .fm-floating-field { position:relative; }
.fm-games-page .fm-clan .fm-floating-field > .jet-form-builder__label { position:absolute; z-index:1; left:13px; top:17px; margin:0; width:calc(100% - 26px); font-size:15px; line-height:20px; color:#c9c0d2; pointer-events:none; }
.fm-games-page .fm-clan .fm-floating-field:focus-within > .jet-form-builder__label,
.fm-games-page .fm-clan .fm-floating-field:has(:is(input,textarea):not(:placeholder-shown)) > .jet-form-builder__label { top:5px; font-size:11px; line-height:16px; color:#d8bbea; }
.fm-games-page .fm-clan .fm-floating-field :is(input,textarea) { min-height:56px; padding:23px 12px 7px; font-size:16px; line-height:24px; border-radius:4px; background:#11131a; border-color:#897594; }
.fm-games-page .fm-clan .fm-floating-field textarea { min-height:108px; resize:vertical; }
.fm-games-page .fm-clan .fm-floating-field .jet-form-builder__desc { margin-top:6px; font-size:12px; line-height:1.5; }
.fm-games-page .fm-clan .fm-briefing-form .field-type-radio-field > .jet-form-builder__label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.fm-games-page .fm-clan .fm-briefing-form .jet-form-builder__fields-group.checkradio-wrap { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.fm-games-page .fm-clan .fm-briefing-form .jet-form-builder__field-label.for-radio { min-height:46px; padding:9px 8px; gap:6px; align-items:center; justify-content:center; font-size:13px; line-height:1.3; }
.fm-games-page .fm-clan .fm-briefing-form .radio-wrap { border-radius:4px; }
.fm-games-page .fm-clan .fm-briefing-form .radio-wrap:has(input:checked) { background:#392647; border-color:#d2aaf0; box-shadow:inset 0 -2px #c7a0ea; }
.fm-games-page .fm-clan .fm-briefing-form input[type=radio] { width:14px; height:14px; min-width:14px; flex-basis:14px; margin:0; }
.fm-games-page .fm-company-choice { grid-column:1/-1; min-width:0; }
.fm-games-page .fm-company-choice summary { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; color:#d5c1e6; font-size:13px; list-style:none; }
.fm-games-page .fm-company-choice summary::-webkit-details-marker { display:none; }
.fm-games-page .fm-company-choice summary::before { content:'+'; font:20px/1 monospace; }
.fm-games-page .fm-company-choice[open] summary::before { content:'−'; }
.fm-games-page .fm-clan .fm-briefing-privacy { margin-top:8px; padding-top:0; border:0; }
.fm-games-page .fm-clan .fm-briefing-notes { gap:12px; }
.fm-games-page .fm-clan .fm-briefing-note { padding:16px; }
@media(max-width:767px) {
 .fm-games-page .fm-mobile-copy { display:inline; }
 .fm-games-page .fm-desktop-copy { display:none; }
 .fm-games-page .fm-header .fm-wp-nav.pb-nav { width:82px; right:12px; top:17px; border:0; border-radius:0; }
 .fm-games-page .fm-header .fm-wp-nav .pb-nav__collapse-toggle { display:flex; align-items:center; justify-content:center; gap:7px; padding:8px; border:1px solid #9571b3; border-radius:5px; background:#2d203a; color:#fff; min-height:44px; box-shadow:inset 0 1px #ffffff18; }
 .fm-games-page .fm-header .fm-wp-nav .pb-nav__collapse-toggle::before { content:''; width:13px; height:10px; border-block:2px solid #dcc0f1; background:linear-gradient(#dcc0f1,#dcc0f1) center/100% 2px no-repeat; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__mobile-overlay { background:#09080dd9; backdrop-filter:blur(5px); }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__mobile-panel { inset:84px 12px auto!important; width:auto!important; max-width:480px; margin-inline:auto; height:auto!important; max-height:calc(100dvh - 100px); padding:62px 14px 14px; border:1px solid #9673ae; border-top:3px solid #c29be5; border-radius:8px; background:radial-gradient(ellipse at top left,#49305266,transparent 70%),#15131c; box-shadow:0 16px 50px #0009,inset 0 1px #ffffff20; overflow-y:auto; transform:none!important; }
 .admin-bar.fm-games-page .fm-clan .fm-wp-nav .pb-nav__mobile-panel { top:130px!important; max-height:calc(100dvh - 146px); }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__mobile-panel::before { content:'DEIN NÄCHSTER ZUG'; position:absolute; top:23px; left:16px; font:11px/1.4 Consolas,monospace; letter-spacing:.1em; color:#cfb6e4; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__mobile-close { top:9px; right:10px; width:44px; height:44px; min-height:44px; border:1px solid #7d628e; border-radius:4px; background:#251d30; color:#fff; font-size:26px; }
 /* CrocoBuilder sets inert/aria-hidden while closed and focuses before adding is-open. */
 .fm-games-page .fm-clan .fm-wp-nav:not(.is-open) .pb-nav__mobile-panel { opacity:0; pointer-events:none; }
 .fm-games-page .fm-clan .fm-wp-nav.is-open .pb-nav__mobile-panel { opacity:1; pointer-events:auto; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:0; margin:0; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item { min-width:0; margin:0; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__link { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:9px; min-height:88px; padding:14px 12px; text-transform:none; white-space:normal; font:600 18px/1.15 'FM Barlow','Arial Narrow',sans-serif; background:linear-gradient(145deg,#2b2235,#1b1723); border:1px solid #685077; box-shadow:inset 0 1px #ffffff10; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:is(:first-child,:nth-child(6),:last-child) { grid-column:1/-1; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:is(:first-child,:nth-child(6),:last-child) .pb-nav__link { flex-direction:row; justify-content:space-between; align-items:center; min-height:46px; padding:11px 13px; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:first-child .pb-nav__link { background:transparent; border-color:#53415f; font-size:15px; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:is(:first-child,:nth-child(6),:last-child) .pb-nav__link::after { content:'↗'; color:#dcc2ee; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:nth-child(n+2):nth-child(-n+5) .pb-nav__link::before { content:''; display:block; width:23px; height:23px; background:#cfb0e9; mask:var(--fm-menu-icon) center/contain no-repeat; }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:nth-child(2) { --fm-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M7 7h10l4 10-3 2-4-4h-4l-4 4-3-2zM7 10v5m-2-2h4m7-2h1m1 3h1'/%3E%3C/svg%3E"); }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:nth-child(3) { --fm-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M3 8h18v12H3zM8 8V4h8v4M3 13h18m-11-2v4h4v-4'/%3E%3C/svg%3E"); }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:nth-child(4) { --fm-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='m2 8 10-5 10 5-10 5zM6 10v7l6 3 6-3v-7m4-2v9'/%3E%3C/svg%3E"); }
 .fm-games-page .fm-clan .fm-wp-nav .pb-nav__item:nth-child(5) { --fm-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M3 10 12 3l9 7v11H3zM9 21v-8h6v8M7 9h10'/%3E%3C/svg%3E"); }
 .fm-games-page .fm-clan .fm-contact-head h1 { font-size:32px; line-height:1.1; margin:6px 0 10px; }
 .fm-games-page .fm-contact-head p { font-size:15px; line-height:1.5; }
 .fm-games-page .fm-contact-head { margin-bottom:18px; }
 .fm-games-page .fm-contact-page > .fm-consistent-back { display:none; }
 .fm-games-page .fm-clan .fm-briefing-body { padding:14px 12px; }
 .fm-games-page .fm-clan .fm-briefing-bar { min-height:32px; padding-block:7px; }
 .fm-games-page .fm-clan .fm-briefing-form .jet-form-builder { row-gap:10px; }
 .fm-games-page .fm-clan .fm-briefing-form .jet-form-builder__field-label.for-radio { padding:9px 5px; gap:4px; font-size:12px; }
 .fm-games-page .fm-clan .fm-briefing-note h2 { font-size:22px; margin-bottom:8px; }
 .fm-games-page .fm-clan .fm-briefing-kicker { display:none; }
 .fm-games-page .fm-clan .fm-briefing-note p { font-size:14px; line-height:1.5; }
 .fm-games-page .fm-clan .fm-briefing-note { padding:14px; }
 .fm-games-page .fm-clan .fm-briefing-notes { grid-template-columns:1fr; }
}
@media(min-width:480px) and (max-width:767px) {
 .fm-games-page .fm-clan .fm-briefing-form .jet-form-builder { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fm-games-page .fm-clan .fm-briefing-notes { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:no-preference) and (max-width:767px) {
 .fm-games-page .fm-wp-nav.is-open .pb-nav__mobile-panel { animation:fm-menu-reveal 160ms ease-out; }
 @keyframes fm-menu-reveal { from { opacity:0; translate:0 -6px; } to { opacity:1; translate:0 0; } }
}

/* FM-054: deliberate mobile hierarchy; no forced nowrap, clipping or tiny type. */
@media(max-width:767px) {
 .fm-games-page .fm-clan.fm-main { padding-top:18px; }
 .fm-games-page .fm-clan .fm-consistent-back { min-height:44px; margin-bottom:4px; }
 .fm-games-page .fm-clan.fm-main h1 { font-size:32px; line-height:1.12; margin:8px 0 12px; }
 .fm-games-page .fm-clan.fm-main h2 { font-size:25px; line-height:1.2; }
 .fm-games-page .fm-clan.fm-main h3 { font-size:22px; line-height:1.25; }
 .fm-games-page .fm-clan :is(.fm-intro,.fm-st-head,.fm-contact-head) { margin-bottom:20px; padding-bottom:0; }
 .fm-games-page .fm-clan :is(.fm-svc-lead,.fm-st-lead,.fm-d-lead,.fm-intro > p) { font-size:15px; line-height:1.6; }
 .fm-games-page .fm-clan .fm-svc-hero { gap:18px; padding-block:0 22px; }
 .fm-games-page .fm-clan .fm-svc-hero-copy { padding-top:0; }
 .fm-games-page .fm-clan :is(.fm-svc-section,.fm-st-section,.fm-d-project-section) { padding-block:22px; }
 .fm-games-page .fm-clan :is(.fm-svc-process,.fm-story-layout,.fm-st-split) { padding-block:24px; gap:20px; }
 .fm-games-page .fm-clan :is(.fm-svc-close,.fm-st-next,.fm-d-end) { padding:18px 14px; gap:14px; }
 .fm-games-page .fm-clan :is(.fm-concept-explained,.fm-usecases,.fm-st-lanes) { gap:14px; }
 .fm-games-page .fm-clan .fm-concept-explained .fm-concept-step { padding-top:12px; }
 .fm-games-page .fm-clan .fm-story-path { gap:12px; margin-top:20px; }
 .fm-games-page .fm-clan .fm-story-step { padding:14px 12px; gap:10px; }
 .fm-games-page .fm-clan .fm-story-step:not(:last-child)::before { height:13px; left:30px; }
 .fm-games-page .fm-clan .fm-d-article-hero { margin-bottom:22px; gap:16px; }
 .fm-games-page .fm-clan .fm-d-chapter { margin-bottom:24px; }
 .fm-games-page .fm-clan .fm-library-body { padding:18px 14px; gap:16px; }
 .fm-games-page .fm-clan .fm-library-art { min-height:100px; max-width:190px; }
 .fm-games-page .fm-clan .fm-footer-expanded .fm-footer-next h2 { font-size:24px; }
 .fm-games-page .fm-clan .fm-footer-expanded .fm-footer-grid { gap:12px 16px; padding-block:16px; }
 .fm-games-page .fm-clan .fm-footer-expanded .fm-footer-note { margin-bottom:0; }
}
@media(min-width:480px) and (max-width:767px) {
 .fm-games-page .fm-clan :is(.fm-concept-learning,.fm-learning-path,.fm-usecases,.fm-st-lanes) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .fm-games-page .fm-clan .fm-concept-learning .fm-concept-step { display:block; }
 .fm-games-page .fm-clan .fm-concept-learning .fm-concept-step h3 { margin-top:10px; }
 .fm-games-page .fm-clan .fm-library-body { grid-template-columns:150px minmax(0,1fr); }
}