/* Warm light through the actual crystal; illustrated atlases carry each area.
   Typography and controls retain the shared two-family system. */
#mha-familienkarte :is(.sf-ambient,.sf-page-backdrop,.sf-page-transition) { display:none; }
html[data-theme='spiegelfeuer'], html[data-theme='spiegelfeuer'] body { background:#3b2719; }
html[data-theme='spiegelfeuer'] #mha-familienkarte {
  --sf-atlas:url('/assets/images/design-amber/home-atlas.webp');
  --mha-paper:#efe1c1;--mha-light:#fff7e5;--mha-ink:#3e2c1e;--mha-muted:#796047;
  --mha-wine:#89501e;--mha-gold:#ba8436;--mha-rule:#b9955c;
  --mha-paper-image:var(--sf-atlas);
  background:transparent;padding:14px;box-shadow:none;isolation:isolate;
}
html[data-theme='spiegelfeuer'] #mha-familienkarte:is([data-page='meals'],[data-page='bakery'],[data-page='recipes'],[data-page='recipe-community'],[data-page='nutrition'],[data-page='pantry'],[data-page='shopping'],[data-page='receipts'],[data-page='offers'],[data-page='comparison']) { --sf-atlas:url('/assets/images/design-amber/kitchen-atlas.webp'); }
html[data-theme='spiegelfeuer'] #mha-familienkarte:is([data-page='library'],[data-page='collectibles'],[data-page^='game'],[data-page='timetable'],[data-page='ranking'],[data-page='wishes'],[data-page='rewards']) { --sf-atlas:url('/assets/images/design-amber/library-atlas.webp'); }
html[data-theme='spiegelfeuer'] #mha-familienkarte::before { background:radial-gradient(ellipse at 85% 8%,#fff0bf80,transparent 45%); }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-hand-drawing,.mha-drawing,.mha-chapter-sketch,.mha-chapter-plan,.mha-ink-border,.mha-corner,.mha-chapter-backdrop) { display:none; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-background-walkers,.mha-foreground-walkers) { display:none; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-frame { position:relative;z-index:1;background:transparent;border:1px solid #a87536;border-radius:12px;box-shadow:0 10px 45px #59351629,0 1px 0 #fff4d5 inset;overflow:clip; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-main { position:relative;background:linear-gradient(90deg,#fff4dd12,#fff4dd68 20%,#fff4dd52 83%,#fff3d812);padding:32px 38px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-masthead { padding:13px 28px;grid-template-columns:72px minmax(0,1fr) auto;gap:15px;background:linear-gradient(110deg,#fff8e399,#f5dfb280 65%,#fff0cc88);backdrop-filter:blur(14px);border-bottom:1px solid #a77a40;box-shadow:0 1px 0 #fff6de inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-masthead::after { height:1px;inset:auto 0 -1px;background:linear-gradient(90deg,#916029,#ffdda0 36%,#a97533 66%,#fff2c1); }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-monogram,.mha-brand-logo) { width:72px;height:72px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-brand-logo { filter:drop-shadow(0 2px 4px #6f431f36); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-brand { color:#533318;font-size:31px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar { background:linear-gradient(110deg,#4c2f18de,#322216d9);backdrop-filter:blur(9px);color:#ffe9bb;border-right:1px solid #9e6c31;padding:27px 15px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-kicker { color:#f7d598;font-size:26px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-nav button { color:#f9e6bf;border-radius:7px;min-height:46px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-nav button:hover { background:#ffe5ac12;border-color:#b9934e50; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-nav button[aria-current='page'] { background:linear-gradient(115deg,#ffedbe,#e5bc77);color:#4b2d14;border-color:#f3d496;box-shadow:0 2px 12px #1f12072b,0 1px 0 #fff7d9 inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-room-nav { border-color:#e6c48a26; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-room-nav summary { color:#f1dab3; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-room-pages { border-color:#be985f45; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.sf-nav-label,.mha-side-caption) { color:#cfb58c; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-shelf,.mha-note,.mha-recipe,.mha-calendar) { border:1px solid #b28a4c69;border-radius:10px;background:linear-gradient(145deg,#fff9eab8,#fff0d582);backdrop-filter:blur(10px);box-shadow:0 1px 0 #fffcee inset,0 5px 18px #8d53130d; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-input,.mha-select) { border-color:#ab89587f;border-radius:7px;background:#fffaf0;color:#3e2c1e;box-shadow:0 1px 3px #754a1b08 inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :focus-visible { outline-color:#915817; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-dialog { background:linear-gradient(140deg,#fff8e9f5,#f6e5c7eb);backdrop-filter:blur(18px);border:1px solid #b18a48;border-radius:14px;box-shadow:0 20px 90px #2f1b0d69,0 1px 0 #fff8df inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-dialog::backdrop { background:#2e2015b8;backdrop-filter:blur(5px); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-dialog-close { background:#eedbb4;color:#62401d; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-light-popup { background:#fff1d7;border:1px solid #b38c51;border-radius:12px;box-shadow:0 12px 35px #44260f3d; }

/* Paper behind titles keeps the atlas visible without letting its ink compete
   with the page name. Small actions have the same tangible brass edge. */
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-heading-row,.building-heading) {
  padding:18px 22px;gap:18px;border:1px solid #b58b506e;border-radius:12px;
  background:linear-gradient(115deg,#fff7e8f2,#f5e4c6eb);
  box-shadow:inset 0 1px 0 #fffcf2,0 4px 18px #69411e0c;
}
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-heading-row,.building-heading)>div { min-width:0; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-heading-row .mha-kicker,.building-heading p) { color:#705035; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-heading-row .mha-ornament { display:none; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-icon-button,.mha-light-toggle,.mha-new-cards-button) {
  min-width:44px;min-height:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  border:1px solid #9d763e;border-radius:9px;background:linear-gradient(135deg,#fff8e9,#ebd4a9);
  color:#59381d;box-shadow:inset 0 1px 0 #fffdf5,0 2px 6px #57331917;
}
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-icon-button,.mha-light-toggle,.mha-new-cards-button):hover { background:#f8e3b9;border-color:#795020; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-icon-button,.mha-light-toggle,.mha-new-cards-button):focus-visible { outline:2px solid #794816;outline-offset:3px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-icon-button svg { width:21px;height:21px;opacity:1; }
html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-icon-button,.mha-light-toggle,.mha-new-cards-button)[hidden] { display:none; }
@media (max-width:619px) {
  html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-heading-row,.building-heading) { padding:15px;gap:12px;flex-wrap:wrap; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-heading-actions { min-width:0;max-width:100%;flex-wrap:wrap; }
}

/* The original entrance map remains the centerpiece, lit from its crystal. */
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-stage { background:#3b2719; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-stage::before { background:radial-gradient(ellipse at 38% 33%,#ac793b70,transparent 52%),linear-gradient(#352316,#211910); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-stage::after { background:radial-gradient(ellipse at 10% 78%,#eabb6530,transparent 32%);opacity:1; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-book { border-color:#c69c53;box-shadow:0 20px 85px #1d10098c,0 0 45px #f5b9581f,0 0 0 5px #dbb87426;border-radius:3px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-cover-mark { width:105px;height:105px;margin:-5px 0 6px -22px;filter:drop-shadow(0 3px 7px #98581945); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-cover-world { color:#4f341e; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-cover-action { background:linear-gradient(115deg,#aa702c,#75451c);border-color:#98642c;border-radius:6px;box-shadow:0 3px 12px #824b252c,0 1px 0 #f9d99c66 inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-book:hover .sf-cover-action { background:#a96d29; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-hint { color:#f2dcae; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-login { background:#fff3def7;border-color:#b99660;border-radius:9px;box-shadow:0 12px 35px #7d4b2526; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-login .mha-login-remember input { accent-color:#9a6428; }

/* The atlas stays continuous behind the translucent room directory. */
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-quick-paths { background:none;border:0;overflow:visible;gap:10px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-quick-paths button { border:1px solid #b38b4b6b;border-radius:9px;background:linear-gradient(125deg,#fff7e5,#f3deb3);color:#6b451e;box-shadow:0 1px 0 #fffaf0 inset,0 4px 12px #95641d0d; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-quick-paths button:hover { background:#ffecc1;border-color:#a27635; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-plan { gap:15px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-room { padding:17px 19px;border:1px solid #b18c4e66;border-radius:9px;background:linear-gradient(135deg,#fff9ec90,#f6e5c459);backdrop-filter:blur(8px);box-shadow:0 1px 0 #fff8e0 inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-room-title { color:#6b431d; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-places .building-place { color:#634b30; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-places .building-place:hover { background:#eed39b; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-interior { background:linear-gradient(#fff2d67a,#fff2d69c);backdrop-filter:blur(8px);border:1px solid #ad8445; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-more-grid .mha-room-nav { border-color:#b58a4b42; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-more-grid .mha-room-nav[open]>summary { color:#89501e; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-mobile-nav { background:linear-gradient(100deg,#4c301deb,#312318f5);border-color:#b88b46;box-shadow:0 -3px 20px #5d3d2129; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-mobile-nav button { color:#f4dfb6;border-radius:8px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-mobile-nav button[aria-current='page'] { background:linear-gradient(120deg,#ffedbf,#e5bc74);color:#4f3218;box-shadow:0 1px 0 #fff8dc inset; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-theme-choice { border-color:#b992576b; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-theme-choice[aria-pressed='true'] { background:#fae9c6;border-color:#996023; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-theme-sample-spiegelfeuer { background:radial-gradient(#fff2cf,#e7c88e); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-theme-sample-spiegelfeuer img { width:76px;height:76px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-theme-settings>img { width:78px;height:78px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-footnote { color:#785833;border-color:#bd934e3b;min-height:90px;background:linear-gradient(transparent,#f2d8a86b); }

/* A single full-page illustration; every surface reveals the same atlas. */
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-page-backdrop { display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(110deg,#fff1d51a,#fff5df26),var(--sf-atlas);background-size:cover;background-position:center;background-repeat:no-repeat; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-home-week { display:inline-flex;flex-shrink:0; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .building-heading { margin-bottom:30px; }

html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-nav-favorites { display:grid;gap:6px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-sidebar .mha-nav-favorites button { width:100%; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-library-featured-label { color:#80501f; }

/* Thin amber glass, with actual translucent smoke below the button label. */
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button) {
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--ui-control-line);border-radius:9px;
  background:var(--ui-control);
  color:var(--ui-ink);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);
  box-shadow:inset 0 1px 0 #ffffffe0,inset 0 -1px 0 #ffffff24,0 3px 12px var(--ui-shadow-tint);
  transition:background-color .2s,border-color .2s,box-shadow .2s;
}
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button)::before {
  content:'';display:block;position:absolute;inset:-50% -20%;z-index:-1;pointer-events:none;
  background:url('/assets/images/design-amber/amber-smoke.webp') center/100% 100% no-repeat;
  border:0;border-radius:0;box-shadow:none;opacity:0;transform:translate3d(-16%,15%,0) scale(.94);
  transition:opacity .25s,transform 1.2s cubic-bezier(.2,.7,.2,1);
}
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button.mha-primary,.is-featured .mha-library-text-button) {
  background:var(--ui-primary);border-color:var(--ui-primary-line);color:var(--ui-on-primary);
  box-shadow:inset 0 1px 0 var(--ui-primary-highlight),inset 0 -1px 0 var(--ui-primary-line),0 4px 14px var(--ui-primary-shadow);
}
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-sidebar .mha-nav button,.mha-mobile-nav button) { color:var(--ui-sidebar-ink);background:var(--ui-sidebar-hover);border-color:var(--ui-sidebar-line);box-shadow:inset 0 1px 0 #fff7d310; }
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-sidebar .mha-nav button,.mha-mobile-nav button)[aria-current='page'] { color:var(--ui-nav-selected-ink);background:var(--ui-nav-selected);border-color:var(--ui-nav-selected-line);box-shadow:inset 0 1px 0 #ffeedf75,0 3px 12px #1e100518; }
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button):is(:focus-visible,:active):not(:disabled) { border-color:var(--ui-accent);background-color:var(--ui-hover);box-shadow:inset 0 1px 0 var(--ui-highlight),0 3px 15px var(--ui-shadow-tint); }
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button):is(:focus-visible,:active):not(:disabled)::before { opacity:.72;transform:translate3d(8%,-6%,0) scale(1.1); }
@media (hover:hover) and (pointer:fine) {
  html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button):hover:not(:disabled) { border-color:var(--ui-accent);background-color:var(--ui-hover);box-shadow:inset 0 1px 0 var(--ui-highlight),0 3px 15px var(--ui-shadow-tint); }
  html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button):hover:not(:disabled)::before { opacity:.72;transform:translate3d(8%,-6%,0) scale(1.1); }
}

/* Three brief, action-triggered passages: amber smoke, silver-violet magic,
   and windborne woodland leaves. The fixed layer sits above the page frame. */
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-transition { display:block;position:fixed;inset:0;z-index:25;pointer-events:none;visibility:hidden;opacity:0;overflow:hidden;contain:strict;--passage-time:.7s; }
html[data-entry-mode='intro'] #mha-familienkarte[data-transition] .sf-page-transition { filter:none; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-transition::before,
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-transition::after { content:none;position:absolute;inset:-15%;background:url('/assets/images/design-amber/amber-smoke.webp') center/cover no-repeat; }
html[data-entry-mode='intro'] #mha-familienkarte:is([data-transition='amber'],[data-transition='magic']) .sf-page-transition::before,
html[data-entry-mode='intro'] #mha-familienkarte:is([data-transition='amber'],[data-transition='magic']) .sf-page-transition::after { content:''; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-transition::before { filter:url(#sf-page-current); }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-transition::after { opacity:.65;mix-blend-mode:screen; }
html[data-entry-mode='intro'] #mha-familienkarte[data-transition='magic'] .sf-page-transition { --passage-time:.85s; }
html[data-entry-mode='intro'] #mha-familienkarte[data-transition='magic'] .sf-page-transition::before { filter:url(#sf-page-current) hue-rotate(190deg) saturate(.65) brightness(1.4); }
html[data-entry-mode='intro'] #mha-familienkarte[data-transition='magic'] .sf-page-transition::after { filter:hue-rotate(205deg) saturate(.5) brightness(1.9); }
html[data-entry-mode='intro'] #mha-familienkarte[data-transition='leaves'] .sf-page-transition { --passage-time:1.2s; }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition][data-turning='true']:not([data-background-paused='true']) .sf-page-transition { visibility:visible;animation:sf-amber-passage var(--passage-time) ease-out both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition][data-turning='true']:not([data-background-paused='true']) .sf-page-transition::before { animation:sf-amber-curl var(--passage-time) cubic-bezier(.2,.65,.3,1) both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition][data-turning='true']:not([data-background-paused='true']) .sf-page-transition::after { animation:sf-amber-unfurl var(--passage-time) ease-out both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition][data-turning='true']:not([data-background-paused='true']) .mha-main { animation:sf-page-reveal .7s ease-in-out both; }
html[data-entry-mode='intro'] #mha-familienkarte :is(.sf-page-lights,.sf-page-leaves) { display:none;position:absolute;inset:0; }
html[data-entry-mode='intro'] #mha-familienkarte[data-transition='magic'] .sf-page-lights,
html[data-entry-mode='intro'] #mha-familienkarte[data-transition='leaves'] .sf-page-leaves { display:block; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-light { position:absolute;left:var(--light-x);top:var(--light-y);width:var(--light-size);height:var(--light-size);border-radius:50%;background:#f8fbff;box-shadow:0 0 5px 2px #fff,0 0 13px 5px #aaadffcc,0 0 25px 10px #b8d9fa88;opacity:0; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-light:nth-child(3n)::before,
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-light:nth-child(3n)::after { content:'';position:absolute;inset:calc(-1 * var(--light-size)) 40%;background:linear-gradient(transparent,#fff,transparent); }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-light:nth-child(3n)::after { transform:rotate(90deg); }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition='magic'][data-turning='true']:not([data-background-paused='true']) .sf-page-light { animation:sf-page-light-rise .75s var(--light-delay) cubic-bezier(.16,.7,.3,1) both; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-page-leaf { position:absolute;left:var(--leaf-x);top:var(--leaf-y);width:var(--leaf-size);aspect-ratio:1 / 2;background:url('/assets/images/design-waldglas/leaves-photo-v1.webp') var(--leaf-position) center / 300% 100% no-repeat;filter:drop-shadow(1px 3px 2px #203b2d38);opacity:0; }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition='leaves'][data-turning='true']:not([data-background-paused='true']) .sf-page-leaf { animation:sf-page-leaf-gust var(--leaf-duration) var(--leaf-delay) cubic-bezier(.18,.5,.5,1) both; }
@keyframes sf-amber-passage { 0% { opacity:0; } 18% { opacity:.9; } 44% { opacity:.82; } 100% { opacity:0; } }
@keyframes sf-amber-curl { 0% { transform:translate3d(-18%,15%,0) rotate(-12deg) scale(.88,1.3) skewX(-12deg); } 45% { transform:translate3d(0,-2%,0) rotate(4deg) scale(1.1,.9) skewX(8deg); } 100% { transform:translate3d(16%,-16%,0) rotate(16deg) scale(1.3,1.1) skewX(-5deg); } }
@keyframes sf-amber-unfurl { 0% { transform:translate3d(14%,-16%,0) rotate(155deg) scale(1.2,.8);opacity:.2; } 42% { transform:translate3d(-3%,5%,0) rotate(182deg) scale(.95,1.2);opacity:.8; } 100% { transform:translate3d(-16%,13%,0) rotate(200deg) scale(1.4,.95);opacity:0; } }
@keyframes sf-page-light-rise { 0% { opacity:0;transform:translate3d(-28px,65px,0) scale(.2); } 25% { opacity:1; } 65% { opacity:.9;transform:translate3d(12px,-8px,0) scale(1.1); } 100% { opacity:0;transform:translate3d(var(--light-drift),-80px,0) scale(.3); } }
@keyframes sf-page-leaf-gust { 0% { opacity:0;transform:translate3d(0,0,0) rotate(var(--leaf-start)) rotateY(20deg); } 12% { opacity:1; } 42% { opacity:1;transform:translate3d(calc(var(--leaf-travel) * .42),var(--leaf-rise),0) rotate(calc(var(--leaf-roll) * .45)) rotateY(150deg); } 68% { opacity:.9;transform:translate3d(calc(var(--leaf-travel) * .72),var(--leaf-drop),0) rotate(calc(var(--leaf-roll) * .8)) rotateY(230deg); } 100% { opacity:0;transform:translate3d(var(--leaf-travel),calc(var(--leaf-rise) * -.5),0) rotate(var(--leaf-roll)) rotateY(340deg); } }
@keyframes sf-page-reveal { 0%,100% { opacity:1; } 14% { opacity:.58; } 40% { opacity:1; } }
@media (prefers-reduced-motion: reduce) {
  html[data-entry-mode='intro'] #mha-familienkarte[data-motion='on'][data-transition][data-turning='true']:not([data-background-paused='true']) .mha-main { animation:none; }
}
html[data-entry-mode='intro'] #mha-familienkarte .mha-monogram { perspective:400px; }
html[data-entry-mode='intro'] #mha-familienkarte[data-loading='true'] .mha-brand-logo { filter:drop-shadow(0 0 10px #e6a63ead); }
html[data-entry-mode='intro'] #mha-familienkarte[data-loading='true'][data-motion='on'] .mha-brand-logo { animation:sf-crystal-loading 1.6s linear infinite; }
html[data-entry-mode='intro'] #mha-familienkarte[data-background-paused='true'] .mha-brand-logo { animation-play-state:paused; }
@keyframes sf-crystal-loading { to { transform:rotateY(360deg); } }
#mha-familienkarte .mha-loading-status { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
html[data-entry-mode='intro'] #mha-familienkarte[data-motion='off'] :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button)::before { transition:none;transform:none; }

/* The central mobile destination is the actual crystal. Its alpha silhouette
   contains the living amber; smoke cannot spill over adjacent destinations. */
#mha-familienkarte .mha-mobile-map-legacy { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-mobile-map .mha-mobile-map-legacy { display:none; }
html[data-theme='spiegelfeuer'] #mha-familienkarte #family-mobile-nav .mha-mobile-map,
html[data-theme='spiegelfeuer'] #mha-familienkarte #family-mobile-nav .mha-mobile-map:is(:hover,:active,:focus-visible,[aria-current='page']) {
  padding:0;min-width:44px;width:100%;min-height:56px;height:56px;overflow:visible;
  border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;
}
html[data-theme='spiegelfeuer'] #mha-familienkarte #family-mobile-nav .mha-mobile-map::before,
html[data-theme='spiegelfeuer'] #mha-familienkarte #family-mobile-nav .mha-mobile-map::after { display:none; }
/* Only the narrow stone extends above the bar; its transparent square image
   cannot intercept neighbouring destinations or increase the navigation row. */
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-mobile-crystal { display:block;position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);isolation:isolate;width:46px;max-width:calc(100% - 4px);height:84px;pointer-events:auto; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-mobile-crystal img { display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:84px;max-width:none;height:84px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 5px #ffc25685); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-mobile-map:focus-visible .sf-mobile-crystal img { filter:drop-shadow(0 0 2px #fff8dc) drop-shadow(0 0 8px #ffc55b); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-crystal-smoke {
  display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:84px;height:84px;overflow:hidden;opacity:.6;mix-blend-mode:screen;pointer-events:none;
  background:radial-gradient(ellipse at 50% 58%,#ffb624af,transparent 48%);
  mask:url('/assets/brand/spiegelfeuer-crystal-v4.webp?v=20261007-amber-intro-v6') center/contain no-repeat;
  -webkit-mask:url('/assets/brand/spiegelfeuer-crystal-v4.webp?v=20261007-amber-intro-v6') center/contain no-repeat;
}
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-crystal-smoke::before { content:'';position:absolute;inset:-35%;background:url('/assets/images/design-amber/amber-smoke.webp') center/auto 140% no-repeat;transform:rotate(-18deg);filter:url(#sf-crystal-current); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-crystal-smoke::after { content:'';position:absolute;inset:-12%;background:radial-gradient(ellipse at 32% 65%,#fff3c7b8,transparent 30%),radial-gradient(ellipse at 70% 32%,#ed961477,transparent 34%);border-radius:35% 65% 48% 52%;opacity:.55;filter:blur(3px); }
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-crystal-smoke { animation:sf-crystal-breath 2.8s ease-in-out infinite; }
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-crystal-smoke::before { animation:sf-crystal-drift 3.6s ease-in-out infinite alternate; }
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-crystal-smoke::after { animation:sf-crystal-coil 2.7s ease-in-out infinite alternate; }
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-background-paused='true'] .sf-crystal-smoke,
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-background-paused='true'] .sf-crystal-smoke::before,
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-background-paused='true'] .sf-crystal-smoke::after { animation-play-state:paused; }
@keyframes sf-crystal-breath { 0%,100% { opacity:.52; } 50% { opacity:.95; } }
@keyframes sf-crystal-drift { 0% { transform:translate3d(-12%,16%,0) rotate(-24deg) scale(.95,1.25); } 48% { transform:translate3d(8%,0,0) rotate(4deg) scale(1.3,.9); } 100% { transform:translate3d(-3%,-14%,0) rotate(27deg) scale(1.1,1.35); } }
@keyframes sf-crystal-coil { 0% { transform:rotate(30deg) scale(.8,1.1);border-radius:35% 65% 48% 52%;opacity:.35; } 50% { transform:rotate(-20deg) scale(1.25,.8);border-radius:65% 35% 70% 30%;opacity:.8; } 100% { transform:rotate(-80deg) scale(.9,1.25);border-radius:45% 55% 25% 75%;opacity:.45; } }

/* Six slow reflections at the edge of the atlas. No layout or pointer work. */
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient { display:block;position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden;contain:strict; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i { position:absolute;left:1.5%;top:24%;width:3px;height:3px;border-radius:50%;background:#ffefc1;box-shadow:0 0 5px 1px #ffd981,0 0 18px 5px #ffca5a60;opacity:.35; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i::before { content:'';position:absolute;inset:-6px;background:linear-gradient(0deg,transparent 40%,#ffe4a6a6 49%,transparent 57%),linear-gradient(90deg,transparent 40%,#ffe4a6a6 49%,transparent 57%); }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i:nth-child(2) { left:98%;top:17%;animation-delay:-3s; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i:nth-child(3) { left:97%;top:63%;animation-delay:-7s; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i:nth-child(4) { left:2%;top:83%;animation-delay:-4s; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i:nth-child(5) { left:72%;top:1.5%;animation-delay:-9s; }
html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-ambient i:nth-child(6) { left:17%;top:97%;animation-delay:-1s; }
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-ambient i { animation-name:sf-amber-reflection;animation-duration:11s;animation-timing-function:ease-in-out;animation-iteration-count:infinite; }
html[data-theme='spiegelfeuer'] #mha-familienkarte[data-background-paused='true'] .sf-ambient i { animation-play-state:paused; }
@keyframes sf-amber-reflection { 0%,65%,100% { opacity:.12;transform:scale(.7); } 35% { opacity:.8;transform:scale(1.15); } }
@media (max-width:1050px) and (min-width:851px) {
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-main { padding:27px 24px; }
}
@media (max-width:850px) {
  html[data-theme='spiegelfeuer'] #mha-familienkarte { padding:0; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-frame { border:0;border-radius:0;overflow:visible; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-main { background:linear-gradient(90deg,#fff3d836,#fff4dd65 20%,#fff4dd65 80%,#fff3d836); }
}
@media (max-width:619px) {
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-masthead { grid-template-columns:55px minmax(0,1fr) auto;gap:8px;padding:9px 14px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-monogram,.mha-brand-logo) { width:55px;height:64px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-brand { font-size:25px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-main { padding:24px 18px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-cover-mark { width:80px;height:80px;margin:-4px 0 5px -17px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte[data-login] .sf-cover-mark { width:54px;height:62px;margin:0; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte[data-login] .sf-cover-story { grid-template-columns:54px 1fr; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-cover-login { border-radius:0 0 4px 4px;box-shadow:none; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .sf-quick-paths { gap:9px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .building-plan { gap:12px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .building-room { padding:17px 15px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-dialog { border-radius:12px; }
}
@media (max-width:360px) {
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-masthead { grid-template-columns:44px minmax(0,1fr) auto;padding:9px 11px;gap:7px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-monogram,.mha-brand-logo) { width:44px;height:57px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-brand { font-size:23px; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte .mha-main { padding:23px 14px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-entry-mode='intro'] #mha-familienkarte :is(.sf-ambient,.sf-page-transition) { display:none; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-crystal-smoke,
  html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-crystal-smoke::before,
  html[data-theme='spiegelfeuer'] #mha-familienkarte[data-motion='on'] .sf-crystal-smoke::after { animation:none; }
  html[data-theme='spiegelfeuer'] #mha-familienkarte :is(.mha-button,.mha-library-text-button,.sf-quick-paths button,.mha-nav button,.mha-more-grid button,.mha-mobile-nav button)::before { transform:none; }
}