/* Paper journeys and a gold-edged hexagonal album, using the existing local typefaces. */
#mha-familienkarte { --journey-blue:#245568; --journey-green:#315a49; --card-gold:#d5b765; }
.mha-learning-intro {max-width:680px;margin:12px 0 28px}
.mha-learning-intro h2,.mha-album-summary h2,.mha-studio-bar h2 {font:normal clamp(26px,3vw,36px)/1.15 'IM Fell English',Georgia,serif;margin:0 0 12px}
.mha-quiz-trips {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-bottom:36px}
.mha-quiz-trip {display:grid;grid-template-columns:120px 1fr;align-items:center;gap:22px;text-align:left;padding:25px 0;border:0;border-bottom:1px solid #9d855766;background:none;color:inherit;cursor:pointer;font:inherit;min-width:0}
.mha-quiz-trip:first-child {grid-column:1/-1;grid-template-columns:180px 1fr;border-top:2px solid #9d855788}
.mha-quiz-trip-art {display:flex;align-items:center;justify-content:center;min-width:0;color:var(--journey-blue)}
.mha-quiz-trip-art svg {width:100%;max-height:130px}.mha-quiz-trip-art .mha-quiz-flag{width:85%;max-height:80px;filter:drop-shadow(0 5px 5px #38271322)}
.mha-quiz-trip strong {display:block;font:normal 26px/1.2 'IM Fell English',Georgia,serif;margin:5px 0 9px}
.mha-quiz-trip span>span {display:block;line-height:1.5}.mha-quiz-trip small {font-size:12px;color:#665948}
.mha-quiz-trip:hover {background:#d2b26614}.mha-quiz-trip:focus-visible,.mha-album-slot:focus-visible {outline:3px solid var(--journey-blue);outline-offset:5px}
.mha-quiz-round {max-width:760px;margin:auto}.mha-quiz-top{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:14px}
.mha-quiz-round progress,.mha-album-summary progress,.mha-album-entry progress,.mha-pack-progress progress {display:block;width:100%;height:8px;border:0;border-radius:6px;overflow:hidden;accent-color:var(--journey-green);margin:14px 0}
progress::-webkit-progress-bar {background:#78674424}progress::-webkit-progress-value {background:var(--journey-green);border-radius:6px}
.mha-quiz-scene {display:grid;place-items:center;margin:26px 0 22px;background:radial-gradient(ellipse at center,#e5d1a455,transparent 65%);color:var(--journey-blue)}
.mha-quiz-scene>div {width:240px;height:175px;display:grid;place-items:center}.mha-quiz-scene svg{max-width:100%;max-height:165px}.mha-quiz-scene .mha-quiz-flag{width:210px;filter:drop-shadow(0 8px 7px #38271322)}
.mha-quiz-scene p{color:#665948;font-size:13px;margin:8px 0}
.mha-quiz-round h2 {font:normal clamp(25px,3vw,34px)/1.25 'IM Fell English',Georgia,serif;max-width:650px;margin:16px 0 24px}
.mha-quiz-answers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mha-quiz-answers button {display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;text-align:left;min-height:66px;background:#fff9eb80;border:1px solid #9d855788;border-radius:8px;font:inherit;color:inherit;cursor:pointer;line-height:1.5}
.mha-quiz-answers button>span {display:grid;place-items:center;width:27px;height:27px;border:1px solid #9d855788;border-radius:50%;font-size:12px;flex-shrink:0}
.mha-quiz-answers button b {font-size:12px}.mha-quiz-answers button:disabled{opacity:1;cursor:default}.mha-quiz-answers .is-correct{background:#e1eadc;border:2px solid #315a49}.mha-quiz-answers .is-wrong{border:2px solid #994935;background:#f2e0d8}
.mha-quiz-feedback {border-left:4px solid var(--journey-green);margin-top:24px;padding:12px 20px;background:#fff9eb80}.mha-quiz-feedback p{line-height:1.7;max-width:65ch}.mha-quiz-exit{margin-top:25px}
.mha-quiz-finish {text-align:center;max-width:650px;margin:auto;padding:20px}.mha-quiz-medal{width:170px;margin:auto;color:#8b6e2f}.mha-quiz-score{font-size:64px;margin:20px}.mha-quiz-score span{font-size:20px}
.mha-album-summary {display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #9d855777;padding:12px 0 28px}.mha-album-summary>div:first-child{flex:1}.mha-album-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:270px}
.mha-pack-dialog{max-width:640px;min-width:0}.mha-pack-dialog>.mha-pack-emblem{display:none}.mha-pack-dialog h2{margin:0 0 12px}.mha-pack-dialog p{font-size:13px;line-height:1.65}.mha-pack-dialog>div:last-child{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.mha-pack-dialog .mha-pack-progress progress{max-width:none}
.mha-pack-emblem {font-size:42px;display:grid;place-items:center;color:var(--card-gold);background:#612c40;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:84px}.mha-pack-shelf>div:last-child{display:grid;gap:8px;max-width:230px}.mha-pack-progress{margin:12px 0 4px;font-size:13px}.mha-pack-progress progress{max-width:400px;margin:8px 0}.mha-pack-progress small{color:#665948}
.mha-album-filters {display:flex;align-items:end;flex-wrap:wrap;gap:20px;margin:28px 0}.mha-album-filters>label:first-child{display:grid;gap:6px}.mha-album-filters>span{margin-left:auto;font-size:13px}
.mha-album-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:34px 24px;padding-bottom:40px}
.mha-album-entry {min-width:0;text-align:center}.mha-album-entry h3{font:normal 22px/1.3 'IM Fell English',Georgia,serif;margin:12px 0 5px;overflow-wrap:anywhere}.mha-album-entry p{font-size:12px;line-height:1.6;margin:0}.mha-album-entry small{font-size:11px}.mha-album-entry progress{height:6px;margin:10px 0}
.mha-album-slot {display:block;position:relative;border:0;background:none;padding:0;width:100%;max-width:270px;margin:auto;cursor:pointer;color:inherit}
.mha-album-card {--hexagon:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative;display:block;width:100%;aspect-ratio:63/73;isolation:isolate;background:linear-gradient(125deg,#846626,#fff0b0 30%,#b58a39 52%,#ead18a 73%,#765621);clip-path:var(--hexagon);container-type:inline-size;text-align:center}
.mha-card-surface {position:absolute;inset:3px;display:block;background:var(--card-color);clip-path:var(--hexagon);overflow:hidden;color:#fff5d8}
.mha-card-pattern,.mha-card-shade,.mha-card-holo,.mha-card-shimmer,.mha-card-background,.mha-card-portrait {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mha-card-background {object-fit:cover}.mha-card-portrait{inset:auto;left:12%;top:21%;width:76%;height:53%;object-fit:contain;object-position:center bottom;z-index:1;transform:translate(var(--portrait-x,0%),var(--portrait-y,0%)) scale(var(--portrait-scale,1));transform-origin:50% 100%;mask-image:linear-gradient(#000 85%,transparent)}.mha-card-pattern{opacity:.32;background:radial-gradient(circle at 20% 40%,#f5d682 0 1px,transparent 2px),radial-gradient(circle at 75% 50%,#f5d682 0 1px,transparent 2px);background-size:35px 41px,59px 51px}
.mha-album-card[data-style=rays] .mha-card-pattern{background:repeating-conic-gradient(from 0deg at 50% 45%,#f5d68233 0deg 2deg,transparent 2deg 15deg)}
.mha-album-card[data-style=topography] .mha-card-pattern{background:repeating-radial-gradient(ellipse at 20% 35%,transparent 0 12px,#f5d68299 13px 14px,transparent 15px 27px)}
.mha-album-card[data-style=plain] .mha-card-pattern{display:none}.mha-card-emblem{position:absolute;left:18%;right:18%;top:23%;height:46%;color:#ead18a}.mha-card-emblem svg{width:100%;height:100%;stroke-width:1.3;filter:drop-shadow(0 3px 3px #0005)}
.mha-card-shade{--card-ink:color-mix(in srgb,var(--card-color) 62%,#100c16);z-index:2;background:linear-gradient(0deg,var(--card-ink) 15%,color-mix(in srgb,var(--card-ink) 98%,transparent) 25%,color-mix(in srgb,var(--card-ink) 85%,transparent) 31%,color-mix(in srgb,var(--card-ink) 40%,transparent) 40%,transparent 52%)}
.mha-card-holo{z-index:3;opacity:0;background:linear-gradient(125deg,transparent 15%,#73dfe93d 30%,#e588d953 43%,#d5eb6b44 53%,transparent 67%);mix-blend-mode:screen;background-size:200% 200%;background-position:var(--foil-x,50%) var(--foil-y,50%)}
.mha-album-card[data-holo=true] .mha-card-holo{opacity:1}.mha-card-shimmer{z-index:4;opacity:0;background:linear-gradient(115deg,transparent 25%,#fff5bd88 49%,transparent 67%);transform:translateX(-120%)}
.mha-card-flipper:hover .mha-album-card[data-shimmer=true] .mha-card-shimmer,.mha-album-slot:hover .mha-album-card[data-shimmer=true] .mha-card-shimmer,.mha-card-preview:hover .mha-album-card[data-shimmer=true] .mha-card-shimmer {animation:card-shine 1.8s ease both}
 .mha-card-category {position:absolute;z-index:5;top:10.5%;left:29%;right:29%;padding:1.4cqw 0;font:700 12px/1.2 Manrope,system-ui,sans-serif;font-size:4cqw;color:#fff3ce;text-shadow:0 1px 3px #130d18,0 0 8px #130d18;background:radial-gradient(ellipse,color-mix(in srgb,var(--card-color) 80%,#100c16) 10%,transparent 72%)}
.mha-card-caption {position:absolute;z-index:5;top:74%;left:23%;right:23%;height:14%;display:grid;place-items:start center}
.mha-card-name {font:normal 24px/1.08 'IM Fell English',Georgia,serif;font-size:7cqw;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px #000}
.mha-card-seal {position:absolute;z-index:5;top:88%;left:42%;right:42%;font-size:4cqw;color:#ead18a}
.is-locked .mha-album-card{filter:grayscale(1) blur(6px);opacity:.55;pointer-events:none;user-select:none}
.mha-card-placeholder .mha-card-surface{background:radial-gradient(ellipse at 40% 28%,#f4ead6aa,transparent 62%),linear-gradient(150deg,#bcb6a6,#d9d2bf 48%,#a49d8d)}
.mha-card-placeholder-mark{position:absolute;inset:25% 0 auto;font:normal 44px/1 Georgia,serif;color:#766b5655;text-shadow:0 1px #fff8}
.is-locked .mha-card-placeholder,.is-new .mha-card-placeholder{filter:grayscale(1);opacity:.65}
.mha-card-detail.is-locked .mha-album-card,.mha-milestone-preview.is-locked .mha-album-card{filter:grayscale(1) blur(6px);opacity:.65}
.is-new .mha-album-card{filter:grayscale(.75);opacity:.75}
.is-new .mha-album-card :is(.mha-card-holo,.mha-card-shimmer,.mha-card-aurora,.mha-card-prism,.mha-card-stardust,.mha-card-glitter){display:none}
.is-locked .mha-album-card :is(.mha-card-holo,.mha-card-shimmer,.mha-card-aurora,.mha-card-prism,.mha-card-stardust){display:none}
.mha-card-lock,.mha-card-new{position:absolute;top:49%;left:10%;right:10%;padding:7px 4px;background:#f4e7cae8;font-size:12px;border:1px solid #9d855799;border-radius:4px}.mha-card-new{top:8%;left:auto;right:2%;padding:5px 10px;background:#315a49;color:white}
.mha-card-detail {max-width:620px;margin:auto;text-align:center}.mha-card-detail-art{width:min(100%,350px);margin:42px auto 48px}.mha-card-detail h2{font:normal 34px 'IM Fell English',Georgia,serif}.mha-card-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;text-align:left;max-width:65ch}.mha-reveal-caption{font:normal 24px 'IM Fell English',Georgia,serif}
.mha-studio-bar {display:flex;justify-content:space-between;gap:20px;align-items:center;margin:14px 0 28px;flex-wrap:wrap}.mha-studio-bar label{display:grid;gap:8px;flex:1;min-width:180px}.mha-studio-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:38px;align-items:start}
.mha-card-form {display:grid;gap:18px}.mha-card-form label{display:grid;gap:8px;font-size:14px}.mha-card-form .mha-inline-check{display:flex;align-items:center;gap:10px}.mha-card-form h3{font:normal 25px 'IM Fell English',Georgia,serif;margin:10px 0 0}.mha-studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mha-studio-uploads{display:grid;gap:15px;padding:18px 0;border-top:1px solid #9d855766;border-bottom:1px solid #9d855766}.mha-studio-uploads input{width:100%;min-width:0;font:inherit}.mha-studio-uploads small{font-size:11px;line-height:1.5}
.mha-card-form fieldset{border:1px solid #9d855766;padding:15px;display:grid;gap:12px}.mha-card-form [hidden]{display:none}.mha-card-form textarea{width:100%;resize:vertical}.mha-card-form input[type=color]{width:100%;height:45px;padding:4px}.mha-card-form [data-card-milestone]{display:grid;gap:12px}.mha-card-form [data-card-milestone][hidden]{display:none}
.mha-card-preview {position:sticky;top:24px;border-left:1px solid #9d855766;padding-left:30px}.mha-card-preview [data-card-preview]{max-width:300px;margin:15px auto}.mha-card-preview>p{font-size:12px;line-height:1.6}.mha-card-preview-text{overflow-wrap:anywhere}.mha-pack-form{display:grid;gap:14px;border-bottom:1px solid #9d855766;padding:22px 0}.mha-pack-form label{display:grid;gap:6px}.mha-pack-form .mha-inline-check{display:flex;gap:10px}.mha-screen-picks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;padding:18px}.mha-screen-picks label{display:flex;gap:10px;font-size:14px}
@keyframes card-shine{from{transform:translateX(-120%);opacity:0}30%{opacity:.8}to{transform:translateX(120%);opacity:0}}
@media(max-width:700px){.mha-quiz-trips{grid-template-columns:1fr}.mha-quiz-trip:first-child,.mha-quiz-trip{grid-template-columns:95px 1fr;gap:16px}.mha-quiz-trip strong{font-size:23px}.mha-quiz-answers{grid-template-columns:1fr}.mha-quiz-scene>div{height:140px;width:195px}.mha-quiz-scene svg{max-height:135px}.mha-album-summary{display:block}.mha-album-actions{max-width:none;margin-top:20px}.mha-pack-shelf{grid-template-columns:45px 1fr;gap:15px}.mha-pack-emblem{height:58px;font-size:28px}.mha-pack-shelf>div:last-child{grid-column:2;max-width:none}.mha-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.mha-album-entry h3{font-size:20px}.mha-album-entry p{font-size:11px}.mha-card-lock{font-size:10px}.mha-studio-workbench{grid-template-columns:1fr}.mha-card-preview{position:static;border-left:0;border-top:1px solid #9d855766;padding:20px 0;grid-row:1}.mha-card-preview [data-card-preview]{max-width:230px}.mha-card-preview .mha-card-description{max-height:150px;overflow:auto}.mha-screen-picks{grid-template-columns:1fr}.mha-card-detail-art{max-width:290px}}
@media(max-width:360px){.mha-studio-fields{grid-template-columns:1fr}.mha-quiz-trip:first-child,.mha-quiz-trip{grid-template-columns:70px 1fr}.mha-album-grid{gap:24px 12px}.mha-card-lock{font-size:9px}.mha-quiz-round h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.is-revealing .mha-card-detail-art,.mha-album-card .mha-card-shimmer{animation:none!important}.mha-card-holo{background-position:50% 50%!important}}
[data-motion=off] .is-revealing .mha-card-detail-art,[data-motion=off] .mha-album-card .mha-card-shimmer{animation:none!important}

/* A fixed portrait window, jewel settings and opt-in material finishes. */
.mha-album-card[data-background=true] .mha-card-pattern{opacity:.1}
/* Uploaded artwork keeps its colors; the rarity color shows through its alpha. */
.mha-card-background{mix-blend-mode:normal;opacity:1}
.mha-rarity-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #9d855788;vertical-align:middle;margin-right:5px}
.mha-card-frame{position:absolute;inset:0;width:100%;height:100%;z-index:6;fill:none;stroke:#f6e2a2;stroke-width:2;pointer-events:none}
.mha-frame-inner,.mha-frame-deco,.mha-frame-engraving{display:none}
.mha-album-card[data-frame=engraved]{background:repeating-linear-gradient(135deg,#6f4c19 0 2px,#e9ce83 3px 5px);--frame-width:5px}
.mha-album-card[data-frame=engraved] :is(.mha-frame-inner,.mha-frame-engraving){display:block}
.mha-album-card[data-frame=deco]{background:linear-gradient(150deg,#f4dfa0,#835a2b 40%,#f9e6ac 65%,#926122);--frame-width:5px}
.mha-album-card[data-frame=deco] :is(.mha-frame-inner,.mha-frame-deco){display:block;stroke-width:3}
.mha-album-card[data-frame=silver]{background:linear-gradient(125deg,#678394,#f3fbff 30%,#90b4c7 53%,#e0f4ff 78%,#506c83);--frame-width:4px}
.mha-album-card[data-frame=silver] .mha-card-frame{stroke:#daf3ff}.mha-album-card[data-frame=silver] .mha-frame-inner{display:block}
.mha-album-card[data-frame=midnight]{background:linear-gradient(135deg,#142c5b,#b3d1eb 28%,#375391 45%,#799dda 64%,#142c5b);--frame-width:6px}
.mha-album-card[data-frame=midnight] .mha-card-frame{stroke:#a2c5ee}.mha-album-card[data-frame=midnight] .mha-frame-deco{display:block;stroke-width:3}
/* Solid hexagonal core, with separately painted metalwork beyond the edge. */
.mha-album-card:is([data-frame=serpent],[data-frame=serpent-rarity],[data-frame=baroque],[data-frame=rarity]){clip-path:none;background:none;--frame-width:6px;--metal:#c79639;--metal-light:#fff0b0;--metal-dark:#5f3a16}
.mha-album-card:is([data-frame=serpent],[data-frame=serpent-rarity],[data-frame=baroque],[data-frame=rarity])::before{content:'';position:absolute;inset:0;clip-path:var(--hexagon);background:linear-gradient(125deg,var(--metal-dark),var(--metal-light) 30%,var(--metal) 52%,var(--metal-light) 73%,var(--metal-dark))}
.mha-album-card:is([data-frame=serpent-rarity],[data-frame=rarity]){--metal:var(--card-color);--metal-light:color-mix(in srgb,var(--card-color) 25%,#fff4d5);--metal-dark:color-mix(in srgb,var(--card-color) 60%,#160f20)}
.mha-card-frame.mha-frame-raised{overflow:visible;stroke:var(--metal-light);filter:drop-shadow(0 3px 2px #21150980)}
.mha-frame-raised .mha-frame-line{stroke:var(--metal);stroke-width:8}.mha-frame-raised .mha-frame-inner{display:block;stroke-width:3}
.mha-frame-raised :is(.mha-metal-shadow,.mha-metal-body,.mha-metal-light,.mha-snake-scales){fill:none;stroke-linecap:round;stroke-linejoin:round}
.mha-frame-raised .mha-metal-shadow{stroke:var(--metal-dark);stroke-width:24}
.mha-frame-raised .mha-metal-body{stroke:var(--metal);stroke-width:18}
.mha-frame-raised .mha-metal-light{stroke:var(--metal-light);stroke-width:5;transform:translate(-3px,-3px)}
.mha-frame-raised .mha-snake-scales{stroke:var(--metal-dark);stroke-width:13;stroke-dasharray:1 8;opacity:.55}
.mha-frame-raised .mha-snake-head,.mha-frame-raised .mha-frame-crown{fill:var(--metal);stroke:var(--metal-light);stroke-width:3}
.mha-frame-raised .mha-metal-detail{fill:none;stroke:var(--metal-light);stroke-width:3;stroke-linecap:round}
.mha-frame-raised .mha-snake-eye{fill:#152e25;stroke:#ffdf81;stroke-width:1.5}
.mha-frame-raised .mha-snake-tongue{fill:none;stroke:var(--metal-dark);stroke-width:2;stroke-linecap:round}
.mha-frame-raised .mha-frame-gem,.mha-frame-raised .mha-frame-crystal{fill:var(--card-color);stroke:var(--metal-light);stroke-width:3}
.mha-frame-raised .mha-crystal-facet{fill:none;stroke:var(--metal-light);stroke-width:2;opacity:.8}
.mha-card-surface{inset:var(--frame-width,3px)}
.mha-card-aurora,.mha-card-prism,.mha-card-stardust{position:absolute;inset:0;pointer-events:none;display:none}
.mha-card-aurora{background:radial-gradient(ellipse at 12% 32%,#78f1deaa,transparent 45%),radial-gradient(ellipse at 90% 53%,#bc9ffbbb,transparent 42%);mix-blend-mode:screen;opacity:.7;background-size:160% 160%;background-position:var(--foil-x,50%) var(--foil-y,50%)}
.mha-card-prism{z-index:3;background:conic-gradient(from 30deg at var(--foil-x,40%) var(--foil-y,45%),transparent 0 14%,#ffd49855 14% 17%,transparent 17% 40%,#b4dfff66 40% 46%,transparent 46% 75%,#ddb5ff44 75% 80%,transparent 80%);mix-blend-mode:screen}
.mha-card-stardust{z-index:4;color:#fff2c1}.mha-card-stardust i{position:absolute;left:13%;top:35%;font-style:normal;font-size:6cqw;filter:drop-shadow(0 0 4px #fff5bc);opacity:.8}
.mha-card-stardust i:nth-child(2){left:78%;top:26%;font-size:4cqw}.mha-card-stardust i:nth-child(3){left:85%;top:56%;font-size:7cqw}.mha-card-stardust i:nth-child(4){left:21%;top:62%;font-size:3cqw}.mha-card-stardust i:nth-child(5){left:68%;top:17%;font-size:3cqw}.mha-card-stardust i:nth-child(6){left:10%;top:48%;font-size:3cqw}
.mha-album-card[data-effects~=aurora] .mha-card-aurora,.mha-album-card[data-effects~=prism] .mha-card-prism,.mha-album-card[data-effects~=stardust] .mha-card-stardust{display:block}
.mha-album-card[data-effects~=embossed] .mha-card-portrait{filter:drop-shadow(2px 1px 0 #ffdfa799) drop-shadow(-2px -1px 0 #171024) drop-shadow(0 5px 6px #0008)}
.mha-album-card[data-effects~=embossed] .mha-card-name{text-shadow:0 1px 0 #fff6,0 -1px 1px #000,2px 3px 2px #000}
:is(.mha-album-slot:hover,.mha-card-preview:hover,.mha-card-flipper:hover,.mha-card-screensaver) .mha-album-card[data-effects~=stardust] .mha-card-stardust i{animation:card-twinkle 2.8s calc(var(--spark)*-.4s) ease-in-out infinite}
@keyframes card-twinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
.mha-card-matte,.mha-card-brushed,.mha-card-glitter{position:absolute;inset:0;z-index:4;display:none;pointer-events:none}
.mha-album-card[data-effects~=matte] .mha-card-matte{display:block;background:repeating-radial-gradient(circle at 31% 43%,#fff3d92b 0 .35px,#24192312 .45px .9px,transparent 1px 2px);background-size:4px 5px;opacity:.55}
.mha-album-card[data-effects~=matte] :is(.mha-card-holo,.mha-card-shimmer,.mha-card-aurora,.mha-card-prism){display:none}
.mha-album-card[data-effects~=brushed] .mha-card-brushed{display:block;background:repeating-linear-gradient(108deg,#fff3cf20 0 .5px,transparent .7px 2.2px,#140d1815 2.4px 3px);opacity:.7}
.mha-album-card[data-effects~=glitter] .mha-card-glitter{display:block;background:radial-gradient(circle,#ffe9a98c 0 .55px,transparent .9px) 0 0/13px 17px,radial-gradient(circle,color-mix(in srgb,var(--card-color) 40%,#fff) 0 .5px,transparent 1px) 7px 4px/19px 23px;mask-image:linear-gradient(transparent,#000 20% 68%,transparent 83%)}
.mha-card-glitter i{position:absolute;width:.65cqw;height:.65cqw;border-radius:50%;background:#fff2b2;box-shadow:0 0 1cqw #ffd15b;opacity:.55;animation:card-fine-glitter 3.8s calc(var(--fleck)*-.37s) ease-in-out infinite}
.mha-card-glitter i:nth-child(3n){background:color-mix(in srgb,var(--card-color) 45%,#fff);box-shadow:0 0 .8cqw var(--card-color)}
@keyframes card-fine-glitter{0%,65%,100%{opacity:.2;transform:scale(.6)}78%{opacity:1;transform:scale(1.8)}}
@media(prefers-reduced-motion:reduce){.mha-card-glitter i{animation:none!important}}
[data-motion=off] .mha-card-glitter i{animation:none!important}
.is-locked .mha-album-card .mha-card-glitter{display:none}
.mha-card-flipper{display:block;position:relative;width:100%;aspect-ratio:63/73;padding:0;border:0;background:none;color:inherit;cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent}
.mha-card-flipper:focus-visible{outline:3px solid var(--journey-blue);outline-offset:8px;border-radius:8px}
.mha-card-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.mha-card-flipper[aria-pressed=true] .mha-card-turn{transform:rotateY(180deg)}
.mha-card-front,.mha-card-back{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mha-card-back{transform:rotateY(180deg)}
.mha-card-back .mha-card-surface{background:radial-gradient(ellipse at 50% 30%,#ffffff14,transparent 65%),var(--card-color)}
.mha-card-back-content{position:absolute;inset:24% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;color:#fff4d6}
.mha-card-back-content strong{font:normal 8cqw/1.1 'IM Fell English',Georgia,serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mha-card-back-category{font:500 3.5cqw/1.3 Manrope,system-ui,sans-serif;color:#f1d99d}
.mha-card-back-story{font:normal 3.9cqw/1.6 Manrope,system-ui,sans-serif;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mha-card-back-rarity{font:500 3.5cqw/1.3 Manrope,system-ui,sans-serif;color:#f1d99d}
.mha-card-form input[type=range]{width:100%;min-width:0;accent-color:#612c40}.mha-card-form .mha-card-effects{grid-template-columns:repeat(2,minmax(0,1fr))}.mha-card-effects>.mha-form-actions{margin:0;grid-column:1/-1}
.mha-card-preview details{font-size:12px;line-height:1.65;border-top:1px solid #9d855755;padding-top:15px}.mha-card-preview summary{cursor:pointer;font-weight:600}
#mha-familienkarte .mha-dialog:has([data-card-portrait-form]){width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box}
.mha-portrait-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,1fr);gap:30px;align-items:center}
[data-portrait-preview]{width:min(100%,300px);margin:20px auto}
.mha-portrait-controls{display:grid;gap:22px}.mha-portrait-controls label{display:grid;gap:9px;font-size:14px}.mha-portrait-controls label>span{display:flex;justify-content:space-between;gap:12px}
.mha-portrait-controls output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#315a49;font-weight:700}
.mha-portrait-controls input[type=range]{width:100%;height:28px;min-width:0;accent-color:#315a49}
.mha-card-delete-list{max-height:40dvh;overflow:auto;display:grid;gap:14px;margin:20px 0;padding:15px}.mha-card-delete-list label{align-items:start}.mha-card-delete-list small{display:block;font-size:12px;margin-top:4px}
#mha-familienkarte .mha-card-delete-button{background:#793e35;color:#fff4dc;border-color:#793e35}
@media(max-width:600px){#mha-familienkarte .mha-dialog:has([data-card-portrait-form]){padding:18px 16px}.mha-portrait-workspace{grid-template-columns:1fr;gap:10px}[data-portrait-preview]{width:min(52vw,calc(32dvh * 63 / 73),210px);margin:6px auto 14px}.mha-portrait-controls{gap:9px}.mha-portrait-controls label{gap:0}.mha-portrait-controls .mha-small-note{margin:0;font-size:11px}.mha-portrait-controls>.mha-button{justify-self:start}.mha-dialog:has([data-card-portrait-form]) h2{font-size:25px!important}.mha-dialog [data-card-portrait-form]>.mha-form-actions{margin-top:12px}}
[data-card-chances] p{margin:4px 0}.mha-card-form fieldset{min-width:0}.mha-card-form :is(select,input,textarea){max-width:100%;box-sizing:border-box}
.mha-duplicate-grid{padding-top:12px}.mha-duplicate-stack{filter:drop-shadow(4px 5px 0 #82673855) drop-shadow(4px 5px 0 #82673833)}
.mha-duplicate-count{position:absolute;bottom:8%;left:12%;right:12%;border:1px solid #e3c679;background:#233f46;color:#fff4d6;padding:8px;font:600 12px/1.4 Manrope,system-ui,sans-serif;border-radius:4px}
.mha-duplicate-grid .mha-button{margin-top:12px;width:100%;white-space:normal}
.mha-trade-offers{border-top:1px solid #9d855777;padding:20px 0}.mha-trade-offers>p{max-width:65ch;font-size:14px;line-height:1.6}
.mha-trade-offer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #9d855744}.mha-trade-offer h3{margin:0;font:normal 24px 'IM Fell English',Georgia,serif}.mha-trade-offer h3 small{display:block;font:500 12px/1.5 Manrope,system-ui,sans-serif;margin-top:6px}.mha-trade-offer p{line-height:1.6;font-size:14px;overflow-wrap:anywhere}
[data-card-trade-form]{display:grid;gap:20px}[data-card-trade-form] label{display:grid;gap:8px}[data-card-trade-form] select{width:100%;max-width:100%;min-width:0}
@media(max-width:700px){.mha-trade-offer{display:block}.mha-duplicate-count{font-size:10px;padding:5px}.mha-duplicate-grid .mha-button{font-size:12px;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.mha-card-turn{transition:none}.mha-album-card .mha-card-stardust i{animation:none!important}.mha-card-aurora,.mha-card-prism{background-position:50% 50%!important}}
[data-motion=off] .mha-card-turn{transition:none}[data-motion=off] .mha-album-card .mha-card-stardust i{animation:none!important}

/* The bundled Einstein image already includes its complete background. */
.mha-album-card[data-builtin=true] .mha-card-portrait{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%;mask-image:none}

.mha-card-import-list{display:grid;gap:16px;padding-left:24px;max-height:340px;overflow:auto;overflow-wrap:anywhere}.mha-card-import-list p{white-space:pre-wrap;margin:6px 0}.mha-card-import-dialog textarea{width:100%;box-sizing:border-box}.mha-card-import-dialog details{margin:18px 0}.mha-card-import-dialog input[type=file]{max-width:100%}
.mha-card-import-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.mha-card-import-thumbs figure{margin:0;min-width:0}.mha-card-import-thumbs img{display:block;width:100%;height:110px;object-fit:contain;background:#eee8d9;border:1px solid #9d855766;border-radius:5px}.mha-card-import-thumbs figcaption{font-size:11px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}

#mha-familienkarte .mha-identity-button[data-assigned=true]{color:#1f5138;width:44px;min-height:44px;justify-content:center;padding:6px;border:0;background:none}
#mha-familienkarte .mha-identity-button[data-assigned=true] span{display:none}
#mha-familienkarte .mha-identity-button[data-assigned=true] svg{width:20px;height:25px}
#mha-familienkarte .mha-new-cards-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:5px;border:0;background:none;color:#775122;cursor:pointer}
#mha-familienkarte .mha-new-cards-button[hidden]{display:none}
#mha-familienkarte .mha-screen-start-button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:44px;padding:6px;border:0;background:none;color:#315a49;cursor:pointer}
#mha-familienkarte .mha-screen-start-button[hidden]{display:none}
.mha-screen-start-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mha-screen-start-button:focus-visible{outline:2px solid #315a49;outline-offset:2px;border-radius:4px}
.mha-new-cards-button svg{width:28px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6}
.mha-new-cards-button [data-new-card-count]{position:absolute;right:0;top:0;min-width:18px;height:18px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;border-radius:12px;background:#315a49;color:#fff;font:600 11px/1 system-ui,sans-serif}

.mha-duplicate-exchange{border-block:1px solid #9d855777;padding:22px 0;margin-bottom:24px}
.mha-duplicate-exchange h2{font:normal 28px 'IM Fell English',Georgia,serif;margin:0 0 12px}
.mha-duplicate-exchange>p{max-width:75ch;line-height:1.65;font-size:13px}
.mha-exchange-stock{display:flex;flex-wrap:wrap;gap:8px 24px}
.mha-exchange-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mha-exchange-options article{min-width:0;border-top:2px solid #b59a62;padding-top:12px}
.mha-exchange-options h3{font:normal 23px 'IM Fell English',Georgia,serif;margin:0}
.mha-exchange-options p{font-size:12px;line-height:1.6;min-height:40px}
#mha-familienkarte .mha-exchange-options button{display:block;width:100%;white-space:normal;margin:8px 0;font-size:12px;line-height:1.5;min-height:44px}
#mha-familienkarte .mha-quiz-answers button:disabled{opacity:1}
.mha-quiz-answers button b{flex-basis:100%;font-size:12px}
.mha-quiz-answers button[aria-pressed=true]:not(.is-correct):not(.is-wrong){outline:2px solid #245568;outline-offset:2px}
@media(max-width:1000px){.mha-exchange-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.mha-exchange-options{grid-template-columns:1fr}.mha-exchange-options p{min-height:0}}

/* Image frames extend 12.5% beyond the hexagon; reserve that space in the album. */
.mha-album-grid .mha-album-slot{width:80%;max-width:220px;margin:clamp(16px,12%,32px) auto}
.mha-area-milestone-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid #9d855744;padding-bottom:10px}
.mha-area-milestone-tabs .mha-button{font-size:12px;padding:7px 12px;min-height:34px}
.mha-area-milestone-tabs [aria-pressed=true]{background:#315a4915;border-color:#315a49}
[data-area-main][hidden],[data-area-milestones][hidden]{display:none!important}
[data-area-milestones]>header{margin-bottom:24px}[data-area-milestones]>header>p{max-width:70ch}
.mha-area-milestone-group{margin:24px 0 34px}.mha-area-milestone-group>h3{font-size:20px}
.mha-area-milestone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:24px;max-width:1250px}
.mha-area-milestone-card{text-align:center;min-width:0;padding:12px 10px 18px;border-bottom:1px solid #9d855755}
.mha-milestone-art{position:relative;display:block;width:80%;max-width:170px;margin:18px auto 30px;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}
.mha-milestone-art:focus-visible{outline:3px solid #315a49;outline-offset:12px}
.mha-area-milestone-card h4{margin:0;font:20px 'IM Fell English',Georgia,serif;overflow-wrap:anywhere}
.mha-area-milestone-card>p{font-size:12px;line-height:1.6}.mha-area-milestone-card small{display:block;font-size:11px;line-height:1.6;margin-top:8px}
.mha-area-milestone-card progress,.mha-milestone-preview progress{width:100%;height:8px;accent-color:#9a6b20}
.mha-milestone-target{font-weight:600}.mha-milestone-preview-art{width:72%;max-width:235px;margin:45px auto 50px}
.mha-milestone-preview>p{line-height:1.65}.mha-milestone-preview>small{display:block;margin:10px 0 20px}
.mha-milestone-empty-area{padding:24px 0;color:#665948}
@media(max-width:430px){.mha-area-milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mha-area-milestone-card{padding:8px 4px 16px}.mha-milestone-art{margin:14px auto 24px}.mha-area-milestone-card h4{font-size:17px}}