/* A solid card with gold and rarity-colored glitter increasing by rarity. */
#mha-familienkarte #family-dialog.mha-card-receive-dialog{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:radial-gradient(ellipse at center,#f4e6c388,#96754838),#dfc99d var(--mha-paper-image,none) center/cover;color:#382d20;overflow:auto;box-shadow:none;animation:none;transform:none;opacity:1}
#mha-familienkarte #family-dialog.mha-card-receive-dialog::backdrop{background:#dfc99d;backdrop-filter:none}
#mha-familienkarte .mha-card-receive-dialog>.mha-dialog-close{position:fixed;z-index:10;top:max(10px,env(safe-area-inset-top));right:12px;color:#382d20}
.mha-card-receive-dialog #family-form-error:empty{display:none}
.mha-card-receipt{box-sizing:border-box;min-height:0;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;text-align:center;padding:max(58px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));overflow:hidden}
.mha-card-receipt .mha-receive-skip{position:absolute;left:18px;top:max(16px,env(safe-area-inset-top));min-height:36px;border:0;border-bottom:1px solid #8cafd46b;background:none;color:#4b3e2d;font:500 12px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}
.mha-card-receipt [hidden]{display:none}
.mha-receive-status{margin:0;text-shadow:0 0 5px #fff8e8,0 1px 2px #fff8e8;font:normal clamp(21px,3vw,29px)/1.25 'IM Fell English',Georgia,serif;color:#382d20}
.mha-receive-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,1100px);height:100%;min-height:0;align-self:center;perspective:1200px}
.mha-receive-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.mha-receive-stage canvas[data-receive-sparks=front]{z-index:4}
/* Raised image frames extend 12.5% on each side; keep them clear of the text. */
.mha-receive-card{position:relative;width:max(100px,min(62vw,calc((100dvh - 280px)*63/73/1.25),450px));z-index:2;opacity:1;will-change:transform;transform-style:preserve-3d}
.mha-receive-card .mha-card-turn{transition:none;will-change:transform}
.mha-receive-card .mha-card-flipper:disabled{opacity:1;cursor:default}
.mha-receive-card .mha-card-flipper:focus-visible{outline-color:#ffdf91}
.mha-receive-aura{position:absolute;inset:3% 0;z-index:0;background:radial-gradient(ellipse,var(--receive-rarity-glow,#9a6b2044),transparent 68%);opacity:0;transition:opacity .4s;pointer-events:none}
[data-phase=spinning] .mha-receive-aura{opacity:1}
.mha-receive-flare{position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;z-index:3;pointer-events:none;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff0b488,#f3b33e33 25%,var(--receive-rarity-glow,#9a6b2044) 43%,transparent 64%)}
[data-phase=burst] .mha-receive-flare{animation:card-receive-flare .8s ease-out both}
.mha-card-receipt .mha-receive-result[hidden]{display:block;visibility:hidden;pointer-events:none}
.mha-receive-result{text-shadow:0 0 5px #fff8e8,0 1px 2px #fff8e8;width:min(100%,620px);position:relative;z-index:5}
#mha-familienkarte .mha-card-receipt .mha-receive-result h2{margin:0 0 6px;font:normal clamp(24px,3.5vw,33px)/1.15 'IM Fell English',Georgia,serif;color:#382d20;overflow-wrap:anywhere}
.mha-receive-result>p{margin:5px auto;font:400 14px/1.4 Manrope,system-ui,sans-serif;color:#4b3e2d;max-width:50ch}
.mha-receive-result .mha-receive-hint{font-size:11px;color:#4b3e2d;margin-top:9px}
.mha-receive-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}
#mha-familienkarte .mha-receive-actions .mha-button{border:1px solid #a89c75;background:#f5e9ce;color:#382d20;min-width:155px;min-height:46px}
#mha-familienkarte .mha-receive-actions .mha-receive-album{background:#efcf87;color:#30251a;border-color:#ffe4a2;box-shadow:0 0 30px #eab6531c;font-weight:600}
.mha-card-receipt button:focus-visible{outline:2px solid #ffdf91;outline-offset:4px}
[data-phase=complete] .mha-receive-card{opacity:1;will-change:auto}
[data-phase=complete] .mha-card-turn{transition:transform .75s cubic-bezier(.2,.7,.2,1);will-change:auto}
[data-phase=complete] .mha-receive-aura{opacity:.65;background:radial-gradient(ellipse,#e1b35718,transparent 65%)}
[data-phase=complete] canvas{display:none}
@keyframes card-receive-flare{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}25%{opacity:var(--receive-flare-opacity,.8)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
@media(max-width:400px){.mha-card-receipt{padding-left:10px;padding-right:10px}.mha-receive-actions{gap:8px;margin-top:12px}.mha-receive-result>p{font-size:12px}.mha-receive-actions .mha-button{padding:10px 14px}.mha-receive-status{font-size:22px}}
@media(prefers-reduced-motion:reduce){.mha-card-receipt .mha-card-turn,.mha-receive-aura{transition:none}.mha-receive-flare{animation:none!important}.mha-card-receipt canvas{display:none}}
[data-motion=off] .mha-card-receipt .mha-card-turn,[data-motion=off] .mha-receive-aura{transition:none}[data-motion=off] .mha-receive-flare{animation:none!important}[data-motion=off] .mha-card-receipt canvas{display:none}

/* The global disabled-button style must never make the rotating card translucent. */
#mha-familienkarte .mha-receive-card .mha-card-flipper:disabled{opacity:1}
.mha-receive-card .mha-card-surface{background-color:var(--card-color);opacity:1}
.mha-receive-atmosphere{position:absolute;inset:-8% -15%;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s}
[data-phase=spinning] .mha-receive-atmosphere,[data-phase=burst] .mha-receive-atmosphere,[data-phase=returning] .mha-receive-atmosphere{opacity:1}
[data-phase=complete] .mha-receive-atmosphere{opacity:.5}
.mha-receive-fog{position:absolute;inset:22% -15% -12%;filter:blur(20px);background:radial-gradient(ellipse at 18% 66%,#edf0ecdd 0,transparent 37%),radial-gradient(ellipse at 70% 60%,#e8e5dedb 0,transparent 40%),radial-gradient(ellipse at 48% 83%,#b9c3bbdd 0,transparent 55%);animation:card-stage-fog 7s ease-in-out infinite alternate}
.mha-receive-fog-far{inset:4% -5% 8%;opacity:.8;animation-direction:alternate-reverse;background:radial-gradient(ellipse at 48% 64%,#87938ccc 0,transparent 65%),radial-gradient(ellipse at 30% 45%,var(--receive-rarity-glow),transparent 60%)}
.mha-receive-fog-near{animation-delay:-3s}
.mha-receive-fog-floor{inset:63% -25% -18%;filter:blur(13px);animation-duration:10s;background:radial-gradient(ellipse at 35% 50%,#f4f0e8ee,transparent 58%),radial-gradient(ellipse at 70% 60%,#dae0d7ee,transparent 62%)}
.mha-receive-light{position:absolute;top:-15%;width:45%;height:115%;transform-origin:50% 0;filter:blur(16px);background:linear-gradient(#fff4c7aa,var(--receive-rarity-glow) 55%,transparent);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);opacity:.65}
.mha-receive-light-left{left:2%;transform:rotate(-22deg)}
.mha-receive-light-right{right:2%;transform:rotate(22deg)}
.mha-receive-flare{z-index:1}
[data-phase=complete] .mha-receive-fog{animation-play-state:paused}
@keyframes card-stage-fog{from{transform:translate(-4%,3%) scale(1)}to{transform:translate(6%,-4%) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.mha-receive-fog{animation:none}.mha-receive-atmosphere{transition:none}.mha-receive-light{display:none}}
[data-motion=off] .mha-receive-fog{animation:none}[data-motion=off] .mha-receive-atmosphere{transition:none}[data-motion=off] .mha-receive-light{display:none}