#mha-familienkarte .mha-clock-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);gap:clamp(20px,4vw,55px);align-items:start;margin:18px 0 38px}
#mha-familienkarte .mha-clock-case{text-align:center;padding:20px 0}
#mha-familienkarte .mha-family-clock{display:block;width:100%;max-width:620px;margin:15px auto;filter:drop-shadow(0 4px 5px #50351e14)}
#mha-familienkarte .mha-clock-place{font:600 18px 'IM Fell English',Georgia,serif;fill:#583f29;font-variant:small-caps;letter-spacing:.4px}
#mha-familienkarte .mha-clock-inscription{font:9px Georgia,serif;letter-spacing:2.2px;fill:#98794d}
#mha-familienkarte .mha-clock-motto{font:8px Georgia,serif;letter-spacing:1.35px;fill:#785035}
#mha-familienkarte .mha-clock-engraving{color:#9b784a;opacity:.44;stroke-width:1.5}
#mha-familienkarte .mha-clock-hand-name{font:16px 'IM Fell English',Georgia,serif;fill:#fff2cf;letter-spacing:.65px;paint-order:stroke;stroke:#2f261c88;stroke-width:.7px}
#mha-familienkarte .mha-clock-portrait-initials{font:600 12px Georgia,serif;fill:#62452e}
#mha-familienkarte .mha-clock-monogram img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#mha-familienkarte .mha-profile-photo-fields{border:1px solid #99754a77;border-radius:16px;padding:18px;margin:20px 0}
#mha-familienkarte .mha-profile-photo-fields>label{margin:15px 0}
#mha-familienkarte .mha-profile-photo-preview{width:110px;height:125px;margin:0 auto 18px;border:5px double #98703e;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#ecdbb4}
#mha-familienkarte .mha-profile-photo-preview img{width:100%;height:100%;object-fit:cover}
#mha-familienkarte .mha-profile-photo-preview span{font-size:12px;text-align:center;padding:10px}
#mha-familienkarte .mha-clock-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px 0}
#mha-familienkarte .mha-clock-person>.mha-form-actions{justify-content:flex-start}
#mha-familienkarte .mha-iphone-connected{display:inline-flex;align-items:center;min-height:44px;color:#34564c;font-weight:600}
#mha-familienkarte .mha-family-symbol{display:inline-block;width:34px;height:34px;vertical-align:middle;flex-shrink:0;color:#7a5139}
#mha-familienkarte .mha-title .mha-family-symbol{width:46px;height:46px;margin-right:12px;margin-bottom:4px}
#mha-familienkarte .mha-nav .mha-family-symbol,#mha-familienkarte .mha-mobile-nav .mha-family-symbol{width:24px;height:24px}
#mha-familienkarte .mha-product-line{display:flex;align-items:center;gap:12px;min-width:0}
#mha-familienkarte .mha-product-line>div{min-width:0;overflow-wrap:anywhere}
#mha-familienkarte .mha-symbol-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin-top:24px}
#mha-familienkarte .mha-symbol-gallery article{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;border:1px solid #88633f44;border-radius:12px;padding:17px 10px;background:#f7e8c94a}
#mha-familienkarte .mha-symbol-gallery h3{font-size:17px;margin:0}
#mha-familienkarte .mha-symbol-gallery small{font-size:11px;opacity:.75}
#mha-familienkarte .mha-symbol-gallery .mha-family-symbol{width:58px;height:58px}
#mha-familienkarte .mha-symbol-gallery .mha-button{min-width:0;font-size:12px;padding:8px}
#mha-familienkarte .mha-symbol-preview .mha-family-symbol{width:120px;height:120px}
#mha-familienkarte .mha-clock-hand{color:var(--clock-color);filter:drop-shadow(1px 3px 1px #3b2a1c3b)}
#mha-familienkarte .mha-clock-unknown{opacity:.65}
#mha-familienkarte [data-clock-drag],#mha-familienkarte [data-clock-drag] *{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
#mha-familienkarte .mha-family-clock[data-clock-dragging],#mha-familienkarte .mha-family-clock[data-clock-dragging] *{cursor:grabbing}
#mha-familienkarte .mha-family-clock[data-clock-saving] [data-clock-drag]{cursor:wait}
#mha-familienkarte [data-clock-drag].is-dragging,#mha-familienkarte [data-clock-hand]:focus-visible{opacity:1;filter:drop-shadow(0 0 5px #fff4be);outline:none}
#mha-familienkarte [data-clock-hand]:focus-visible>g>path:first-child{stroke:#f9e59899}
#mha-familienkarte [data-clock-drop-target]{fill:#f4d67a55;stroke:#6d4932;stroke-width:2;pointer-events:none}
#mha-familienkarte [data-clock-feedback]{font-size:13px;min-height:2.5em;line-height:1.5}
#mha-familienkarte .mha-clock-initial{font:600 14px Georgia,serif;fill:#392c23}
#mha-familienkarte .mha-clock-person{border-bottom:1px solid #87654448;padding:19px 0}
#mha-familienkarte .mha-clock-person-title{display:flex;gap:14px;align-items:center}
#mha-familienkarte .mha-clock-person-title h3{margin:0 0 5px}
#mha-familienkarte .mha-clock-person-title p{margin:0;display:flex;align-items:center;gap:7px}
#mha-familienkarte .mha-clock-monogram{display:grid;place-items:center;flex-shrink:0;border:2px solid var(--clock-color);color:var(--clock-color);border-radius:50%;width:44px;height:44px;font-family:Georgia,serif;font-size:18px;background:#fff3d647}
#mha-familienkarte .mha-clock-choices{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#mha-familienkarte .mha-clock-choices legend{margin-bottom:12px}
#mha-familienkarte .mha-clock-choices label{position:relative;margin:0}
#mha-familienkarte .mha-clock-choices input{position:absolute;opacity:0;width:1px;height:1px}
#mha-familienkarte .mha-clock-choices span{display:flex;align-items:center;gap:8px;border:1px solid #98764d;border-radius:9px;padding:12px;background:#fff4d742;min-height:48px;cursor:pointer}
#mha-familienkarte .mha-clock-choices input:checked+span{background:#52684d;color:#fff4d7;border-color:#52684d}
#mha-familienkarte .mha-clock-choices input:focus-visible+span{outline:3px solid #874449;outline-offset:3px}
#mha-familienkarte .mha-receipt-balance{padding:12px 15px;border-left:3px solid #607651;background:#60765112;font-size:.9rem}
#mha-familienkarte .mha-receipt-balance[data-mismatch=true]{border-color:#874449;background:#8744490c}
#mha-familienkarte .mha-receipt-items{padding:0;border:0;margin:14px 0}
#mha-familienkarte .mha-dialog:has([data-home-form=receipt]){width:min(880px,94vw)}
#mha-familienkarte .mha-receipt-item{display:grid;grid-template-columns:minmax(120px,1fr) 88px 100px 125px 40px;align-items:end;gap:8px;padding:12px 0;border-bottom:1px solid #8d673c33}
#mha-familienkarte .mha-receipt-item label{margin:0;min-width:0}
#mha-familienkarte .mha-receipt-item .mha-button{padding:10px;margin-bottom:2px;min-width:40px}
#mha-familienkarte .mha-stock-items>fieldset{padding:14px;border:1px solid #8d673c55;margin:20px 0}
#mha-familienkarte .mha-stock-items legend{max-width:100%;overflow-wrap:anywhere}
#mha-familienkarte .mha-stock-items fieldset:has([name=stock]:not(:checked)) .mha-stock-fields{opacity:.5}
@media(max-width:700px){#mha-familienkarte .mha-receipt-item{grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.25fr) 36px;gap:7px}#mha-familienkarte .mha-receipt-item label:first-child{grid-column:1/4}#mha-familienkarte .mha-receipt-item .mha-button{grid-row:1;grid-column:4;min-width:36px}#mha-familienkarte .mha-receipt-item label{font-size:11px}#mha-familienkarte .mha-receipt-item label:nth-child(4){grid-column:3/5}#mha-familienkarte .mha-receipt-item .mha-input,#mha-familienkarte .mha-receipt-item .mha-select{padding-inline:8px}}
@media(max-width:850px){#mha-familienkarte .mha-clock-layout{grid-template-columns:minmax(0,1fr)}#mha-familienkarte .mha-clock-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}#mha-familienkarte .mha-clock-people>h2{grid-column:1/-1}}
@media(max-width:420px){#mha-familienkarte .mha-clock-people{grid-template-columns:minmax(0,1fr)}#mha-familienkarte .mha-clock-choices span{padding:10px 8px}}
#mha-familienkarte .mha-clock-screen{position:fixed;inset:0;z-index:10000;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at center,#f4e6c388,#96754838),#dfc99d var(--mha-paper-image) center/cover;color:#4b3729}
/* The clock is opaque. Skip painting the full map below it while preserving its DOM and layout. */
#mha-familienkarte[data-clock-screen='true']>:is(.mha-frame,.mha-background-walkers,.mha-foreground-walkers){visibility:hidden}
#mha-familienkarte[data-clock-screen='true'] .mha-wanderers i{animation-play-state:paused}
#mha-familienkarte:has(#family-dialog[open]) .mha-wanderers i{animation-play-state:paused}
#mha-familienkarte .mha-clock-screen header{display:flex;justify-content:space-between;align-items:start;gap:16px}
#mha-familienkarte .mha-clock-screen h1{font:clamp(20px,2.8vw,34px) 'IM Fell English',Georgia,serif;margin:4px 0}
#mha-familienkarte .mha-clock-screen header p{margin:5px 0}
#mha-familienkarte .mha-clock-screen [data-screen-time]{font-size:13px}
#mha-familienkarte .mha-clock-screen [data-screen-content]{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,85px);min-height:0;padding:8px 0}
#mha-familienkarte .mha-clock-screen .mha-family-clock{width:min(65vw,calc((100dvh - 200px)*.923));max-width:850px;max-height:none;margin:0}
#mha-familienkarte .mha-clock-screen-people{list-style:none;margin:0;padding:0;max-width:260px;display:grid;gap:22px}
#mha-familienkarte .mha-clock-screen-people li{display:flex;align-items:center;gap:12px}
#mha-familienkarte .mha-clock-screen-people strong{display:block;font:24px 'IM Fell English',Georgia,serif;overflow-wrap:anywhere}
#mha-familienkarte .mha-clock-screen-people li span span{display:block;font-size:14px;margin-top:3px}
#mha-familienkarte .mha-clock-screen-dot{width:12px;height:12px;flex:0 0 12px;background:var(--clock-color);border:2px solid #f7e4b7;outline:1px solid var(--clock-color);transform:rotate(45deg)}
#mha-familienkarte .mha-clock-screen footer{display:flex;align-items:center;justify-content:center;gap:10px 30px;flex-wrap:wrap;font-size:12px;text-align:center}
#mha-familienkarte .mha-clock-screen footer p{margin:0}
#mha-familienkarte .mha-clock-screen footer [data-screen-note]{width:100%;font-size:11px}
@media(max-width:700px),(orientation:portrait){#mha-familienkarte .mha-clock-screen{padding-inline:14px}#mha-familienkarte .mha-clock-screen header{flex-wrap:wrap;gap:5px}#mha-familienkarte .mha-clock-screen [data-screen-content]{flex-direction:column;gap:18px;padding:18px 0}#mha-familienkarte .mha-clock-screen .mha-family-clock{width:min(90vw,calc((100dvh - 300px)*.923));min-width:245px}#mha-familienkarte .mha-clock-screen-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;max-width:100%}#mha-familienkarte .mha-clock-screen-people strong{font-size:20px}}
@media(max-height:550px) and (orientation:landscape){#mha-familienkarte .mha-clock-screen .mha-family-clock{width:min(60vw,calc((100dvh - 130px)*.923))}#mha-familienkarte .mha-clock-screen header .mha-kicker,#mha-familienkarte .mha-clock-screen footer [data-screen-note]{display:none}#mha-familienkarte .mha-clock-screen-people{grid-template-columns:repeat(2,minmax(0,1fr));max-width:45%;gap:14px}#mha-familienkarte .mha-clock-screen-people strong{font-size:19px}}