/* The family clock's parchment, with one clear foreground card on an elliptical orbit. */
#mha-familienkarte dialog.mha-card-screensaver{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;margin:0;padding:max(20px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(ellipse at center,#f4e6c388,#96754838),#dfc99d var(--mha-paper-image) center/cover;color:#4b3729;box-shadow:none;overflow:hidden;overscroll-behavior:contain}
#mha-familienkarte dialog.mha-card-screensaver[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.mha-card-screensaver::backdrop{background:#dfc99d;backdrop-filter:none}
.mha-card-screen-header{display:flex;justify-content:space-between;align-items:start;gap:20px;position:relative;z-index:1}
.mha-card-screen-header p{margin:0 0 6px;font:400 13px/1.4 Manrope,system-ui,sans-serif;color:#6e5942}
.mha-card-screen-header h1{margin:0;font:normal clamp(23px,2.7vw,36px)/1.15 'IM Fell English',Georgia,serif}
.mha-card-screen-header .mha-button{flex:none}
.mha-card-orbit{position:relative;z-index:1;min-height:0;width:min(100%,1400px);justify-self:center;perspective:1200px;isolation:isolate}
.mha-card-orbit-item{position:absolute;left:50%;top:50%;aspect-ratio:63/73;opacity:1;perspective:1200px;transform-origin:center;will-change:transform;filter:drop-shadow(0 14px 13px #5c402530);pointer-events:none}
.mha-card-orbit-item>.mha-card-turn{transition:none}
.mha-card-screen-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 25%,#0009 55%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,#0009 55%,transparent 75%)}
.mha-card-screen-mist,.mha-card-screen-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mha-card-screen-mist i{position:absolute;left:-18%;top:24%;width:90%;height:60%;background:radial-gradient(ellipse,var(--mist-color,#efe7d338),#fff3cb1a 38%,transparent 70%);filter:blur(24px);will-change:transform}
.mha-card-screen-mist i:nth-child(2){left:34%;top:4%;height:68%}
.mha-card-screen-mist i:nth-child(3){left:4%;top:49%;width:100%;height:50%}
.mha-card-orbit-item .mha-card-front .mha-album-card{transform:translateZ(0)}
.mha-card-orbit-item .mha-album-card[data-shimmer=true] .mha-card-shimmer{animation:card-shine 7s ease-in-out infinite}
.mha-card-screen-footer{text-align:center;display:grid;justify-items:center;gap:16px;position:relative;z-index:2}
.mha-card-screen-footer strong{display:block;font:normal clamp(24px,2.6vw,34px)/1.2 'IM Fell English',Georgia,serif;overflow-wrap:anywhere}
.mha-card-screen-footer p{margin:7px 0 0;font:400 13px/1.5 Manrope,system-ui,sans-serif;color:#6e5942}
.mha-card-screen-controls{display:flex;justify-content:center;gap:10px}
.mha-card-screen-controls .mha-button{min-width:110px}
.mha-card-screensaver[data-paused=true] .mha-album-card *{animation-play-state:paused!important}
.mha-card-screensaver[data-reduced-motion=true] .mha-album-card *{animation:none!important;transition:none!important}
.mha-card-screensaver[data-reduced-motion=true] .mha-card-orbit-item{will-change:auto}
.mha-card-screensaver[data-reduced-motion=true] .mha-card-screen-mist i{will-change:auto}
.mha-card-screensaver[data-reduced-motion=true] .mha-card-screen-sparks{display:none}
@media(max-width:600px){#mha-familienkarte dialog.mha-card-screensaver{padding:18px 14px;gap:8px}.mha-card-screen-header{gap:12px}.mha-card-screen-header h1{max-width:8em}.mha-card-screen-header .mha-button{max-width:130px;padding:10px;font-size:11px}.mha-card-screen-footer{gap:12px}.mha-card-screen-footer strong{font-size:26px}}
@media(max-height:500px) and (orientation:landscape){#mha-familienkarte dialog.mha-card-screensaver{padding:12px 18px;gap:4px}.mha-card-screen-header p{display:none}.mha-card-screen-header h1{font-size:23px}.mha-card-screen-footer{grid-template-columns:1fr auto;text-align:left;width:100%;align-items:center}.mha-card-screen-footer strong{font-size:22px}.mha-card-screen-footer p{margin-top:3px}.mha-card-screen-controls .mha-button{min-width:95px}}