/* Result pages adapt the English Monsters status, comparison and share-card layout. */
body:is([data-screen="screen-result"],[data-screen="screen-reveal"]) #app{width:100%;max-width:560px;height:calc(100svh - var(--flow-header) - env(safe-area-inset-bottom));min-height:0;padding:8px 22px 16px}
body:is([data-screen="screen-result"],[data-screen="screen-reveal"]) #quiz-screens{height:100%}
#screen-result.active{height:100%;padding:0;background:var(--cream);animation:result-arrive .6s cubic-bezier(.2,.8,.2,1)}
.result-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;height:100%;max-height:1000px}
.result-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #e4d4e1;border-radius:17px;background:#f2e9f0}
.result-tabs button{min-height:40px;padding:8px 3px;border-radius:12px;background:transparent;font-size:13px;font-weight:900;color:#7b6475;transition:background .2s,box-shadow .2s,transform .2s}
.result-tabs button[aria-selected="true"]{color:#fff;background:var(--button-purple);box-shadow:0 3px 0 #3e2037;transform:translateY(-1px)}
.result-panel{min-height:0;text-align:left;outline:0}.result-panel[hidden],.result-panel [hidden]{display:none!important}
.result-hero-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;text-align:center;padding:0 3px 5px}
.result-owner-name{max-width:100%;font-size:17px;font-weight:900;color:#886176;line-height:1.25;overflow-wrap:anywhere}
#screen-result .result-hero-heading{margin-top:-8px}
#screen-result .result-hero-heading h1{font-size:clamp(32px,5svh,46px);line-height:1.1;margin:2px 0 5px;letter-spacing:-.8px;color:#643856;text-shadow:0 2px 0 #fff}
.archetype-line{font-size:18px;line-height:1.25;font-weight:800;color:#71566a}
.result-orb-stage{display:grid;place-items:center;min-height:0;container-type:size;position:relative}
.result-orb-stage:before{content:'';position:absolute;width:100%;height:90%;background:radial-gradient(ellipse,var(--result-soft),transparent 65%);pointer-events:none}
#screen-result .result-orb-stage .orb-wrap{width:min(100cqw,100cqh,300px);height:auto;aspect-ratio:1;margin:0}
#screen-result .result-orb-stage .result-actor{width:97%;height:102%;transform:translateY(-2%)}
#screen-result .result-orb-stage .orb{inset:10%}
#screen-result .score-badge{bottom:-12px;padding:5px 17px;min-width:125px;border:2px solid #e5d5df;box-shadow:0 5px 0 #e7d8e0;backdrop-filter:none}
#screen-result .meter-number{font-size:clamp(28px,4.5svh,38px);color:#71405f}
#screen-result .score-badge p{font-size:11px;letter-spacing:2px;color:#886176}
#screen-result .result-meter{margin:6px auto 2px;width:100%;max-width:400px}
#screen-result .meter-track{height:10px}.meter-marker{border-width:3px}
#screen-result .meter-labels{font-size:11px;font-weight:900;letter-spacing:1px;margin-top:9px}
.result-hero-actions .archetype-guide{margin:0;padding:14px 16px;max-width:440px;justify-self:center;width:100%}
.result-hero-actions .archetype-guide h3{font-size:19px;margin-bottom:7px}
.result-hero-actions .archetype-guide p{font-size:14px;line-height:1.45;color:#64495b}

.result-live-count{font-size:11px;line-height:1.3;color:#a18b98;margin-top:3px}
.result-hero-actions{display:grid;gap:11px;padding:0 2px}#result-share-host:empty{display:none}.result-hero-actions .primary{min-height:54px;font-size:19px;padding:12px}
.result-hero-actions .text-button{font-size:13px;padding:10px 4px 0}
.result-scroll-panel{overflow-y:auto;overscroll-behavior:contain;padding:2px 5px 12px;scrollbar-width:thin;scrollbar-color:#d6bdcf transparent}
.result-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.result-section-heading h2{font-size:31px;line-height:1.15;color:#643856}
.result-info{flex:none;border:1px solid #d9c2d2;background:#fff;border-radius:50%;width:32px;height:32px;font-weight:900;font-size:18px;color:var(--button-purple)}
.result-section-intro{font-size:16px;line-height:1.4;color:#886b7e;margin:-6px 0 20px}
.status-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:15px;background:#f0e5ee;margin-bottom:16px}
.status-switch button{min-height:41px;font-size:13px;line-height:1.25;padding:8px 4px;border-radius:11px;background:transparent;color:#86687b;font-weight:900}
.status-switch button[aria-pressed="true"]{background:#fff;color:#71405f;box-shadow:0 2px 6px #71405f16}
.personality-summary{font-size:17px;line-height:1.45;color:#6d4e63;margin:0 0 20px}
.personality-stats{display:grid;gap:14px;padding:20px 16px;background:#fff;border:1px solid #e4d3df;border-radius:23px;box-shadow:0 5px 0 #eedfe8}
.personality-stat{display:grid;grid-template-columns:120px minmax(0,1fr) 30px;gap:10px;align-items:center}
.stat-label{font-size:15px;font-weight:900;white-space:nowrap}.stat-track{height:12px;background:#f2eaf0;border-radius:20px;overflow:hidden}
.stat-track i{display:block;height:100%;background:var(--stat-color);border-radius:20px;transform-origin:left;animation:stat-grow .8s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--stat-delay)}
.personality-stat>strong{font-size:19px;text-align:right;color:var(--stat-color);font-variant-numeric:tabular-nums}
.archetype-guide{margin:25px 0 0;padding:22px 18px;border-radius:22px;background:var(--result-soft);border:1px solid #ddc7df}
#result-panel-status #all-categories{margin-top:18px}
.archetype-guide h3{font-size:22px;line-height:1.2;margin-bottom:12px}.archetype-guide p{font-size:16px;line-height:1.5;margin-bottom:0}

.archetype-guide .secondary{font-size:15px;min-height:46px;background:#fff}
.profile-comparison{position:relative;background:#fff;border:1px solid #e7d8e2;border-radius:22px;padding:20px 18px;margin:0 0 15px}
.profile-comparison h3{font-size:23px;line-height:1.2;margin-bottom:17px}.difference-tag{display:inline-block;font-size:11px;font-weight:900;background:#f5e4c9;color:#8d643e;border-radius:7px;padding:5px 8px;margin:-8px 0 14px}
.profile-ends{display:flex;justify-content:space-between;gap:22px;font-size:15px;font-weight:800;line-height:1.25;margin:0 0 20px}.profile-ends span{max-width:48%}.profile-ends span:last-child{text-align:right}
.profile-compare-track{position:relative;height:8px;background:linear-gradient(90deg,#dbc5ed,#edd0de);border-radius:12px;margin:0 12px 23px}
.profile-compare-track:after{content:'';position:absolute;left:50%;top:-4px;height:16px;width:1px;background:#d0b9d1}
.profile-compare-track i{position:absolute;top:50%;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #48254030;transition:left .7s;z-index:2}
.profile-self-dot{width:24px;height:24px;background:#71405f}.profile-friend-dot{width:16px;height:16px;background:#de6297}
.profile-compare-track.is-tight{margin-bottom:31px}
.profile-compare-track.is-tight .profile-self-dot{transform:translate(-50%,-50%) translateY(-11px)}
.profile-compare-track.is-tight .profile-friend-dot{transform:translate(-50%,-50%) translateY(12px)}
/* A hairline ties each lifted dot back to its spot on the track. */
.profile-compare-track.is-tight i:after{content:'';position:absolute;left:50%;width:2px;height:11px;background:currentColor;opacity:.45;transform:translateX(-50%)}
.profile-compare-track.is-tight .profile-self-dot:after{top:100%;color:#71405f}
.profile-compare-track.is-tight .profile-friend-dot:after{bottom:100%;color:#de6297}
.profile-readings{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.profile-readings .reading-left{grid-column:1;text-align:left}
.profile-readings .reading-right{grid-column:2;text-align:right}.profile-readings p{font-size:12px;line-height:1.35}.profile-readings strong{display:block;margin-top:5px;font-size:14px;color:#64495b}.self-reading{color:#71405f;font-weight:900}.friend-reading{color:#c14f84;font-weight:900}
.banner-preview-wrap{display:grid;place-items:center;min-height:260px;background:linear-gradient(135deg,#f4e8f1,#eee6f6);border:1px solid #e0cede;border-radius:23px;padding:14px;margin:0 auto 18px}
.banner-preview-wrap>p{padding:30px 15px;text-align:center;color:#8a6b80;font-size:16px}.banner-preview-wrap img{width:100%;max-width:260px;height:auto;border-radius:12px;box-shadow:0 8px 26px #71405f22}
.banner-actions{display:grid;gap:12px;padding:0 3px}.banner-actions .primary{font-size:18px}.banner-actions .secondary{font-size:16px}
.banner-actions [aria-disabled="true"]{opacity:.45;pointer-events:none}.invite-more-copy{text-align:center;font-size:15px;font-weight:800;line-height:1.4;margin:25px 0 5px}
.result-hero-actions .invite-more-copy{font-size:14px;line-height:1.3;margin:0 0 9px}
.result-hero-actions #shared-actions{max-width:none;padding:0}
.result-hero-actions .share-main-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.result-hero-actions #shared-actions :is(.primary,.secondary){margin:0;padding:8px;font-size:15px;min-height:44px}
.result-hero-actions #share-whatsapp{grid-column:1/-1;font-size:18px;min-height:50px}
.result-secondary-actions{display:flex;justify-content:space-between;gap:8px;margin-top:6px}
.result-hero-actions .result-secondary-actions .text-button{padding:5px 0;font-size:12px;line-height:1.25}
.result-scroll-panel #banner-retry{margin-bottom:14px}
.archetype-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.archetype-gallery button{padding:12px 8px;background:#fff;border:1px solid #e0cde0;border-radius:15px;font-size:15px;font-weight:900}.archetype-gallery svg{display:block;width:100%;height:125px}.archetype-gallery small{display:block;font:12px Nunito,sans-serif;margin-top:5px;color:#987a90}
.guide-character{display:block;width:100%;height:200px}.guide-character svg{width:100%;height:100%}
.notification-cta{display:inline-block;background:transparent;color:var(--button-purple);font:800 14px/1.25 Nunito,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:10px 4px 2px}
.notification-cta:disabled{opacity:.6;cursor:wait}
@media(min-height:741px){body.long-example .result-hero-panel{height:min(calc(100svh - var(--flow-header) - env(safe-area-inset-bottom) - 26px),860px)}}
/* Soap-film release: a little tension, a quick rupture, then fine water beads. */
#screen-reveal.active{height:100%;padding:15px 0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;text-align:center}
.reveal-heading h1{font-size:clamp(30px,5svh,42px);line-height:1.15}.reveal-heading p{font-size:17px;margin-top:8px;color:#85647b}
.reveal-stage{position:relative;display:grid;place-items:center;min-height:0;container-type:size;isolation:isolate}
.reveal-stage .orb-wrap{width:min(100cqw,100cqh,320px);height:auto;aspect-ratio:1;margin:0}
.reveal-stage .orb-motion{animation:reveal-hover 1.7s ease-in-out both}
.reveal-stage .orb{inset:9%;animation:reveal-skin 1.12s ease-in-out both;border-color:#ccb6cf8c;box-shadow:inset 5px 4px 14px #ffffff9c,inset -4px -3px 12px #bda2c421}
.reveal-stage .orb:before{animation:reveal-reflection .88s ease-in both}
.reveal-stage .orb-status,.reveal-stage .orb-dot{display:none}
.reveal-stage .orb-wrap:after{animation:reveal-shadow 1.4s ease-out both}
.reveal-stage .result-actor{width:86%;height:95%;opacity:1;animation:reveal-release 1.65s ease-in-out both}
.reveal-effects{position:absolute;left:50%;top:50%;width:min(100cqw,100cqh,320px);aspect-ratio:1;transform:translate(-50%,calc(-50% - 10px));pointer-events:none;z-index:2}
.reveal-flash{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.15);border-radius:50%;background:#fff;opacity:0;filter:blur(2px);box-shadow:0 0 18px 8px #fff,0 0 55px 25px #fff8d8,0 0 105px 48px #eabaff99;animation:reveal-flash .42s .86s cubic-bezier(.15,.8,.25,1) both}
.reveal-ring{position:absolute;left:50%;top:50%;width:57%;height:57%;transform:translate(-50%,-50%) scale(.3);border:3px solid #fff;box-shadow:0 0 10px #fff,0 0 25px #f8d5ff,0 0 44px #d7a8ec99;border-radius:50%;opacity:0;animation:reveal-ring .68s .78s cubic-bezier(.15,.7,.25,1) both}
.reveal-ring-two{width:73%;height:73%;border-width:1px;animation-delay:.86s;filter:blur(.4px)}
.reveal-spark{position:absolute;left:50%;top:50%;width:2px;height:var(--spark-length);border-radius:99px;background:linear-gradient(#fff,#f5c9ff 55%,transparent);box-shadow:0 0 5px 1px #fff,0 0 12px #e7aaff;opacity:0;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--spark-angle)) translateY(-38px) scaleY(.2);animation:reveal-spark .5s var(--spark-delay) cubic-bezier(.15,.8,.25,1) both}
.reveal-film{position:absolute;inset:7%;border:1px solid #ccb5cd8c;border-top-color:#ffffffe6;border-right-color:#e5d4e19c;border-radius:50%;mask-image:conic-gradient(from var(--film-turn),#000 0deg var(--film-arc),transparent var(--film-arc) 360deg);opacity:0;animation:reveal-film .34s .74s cubic-bezier(.15,.6,.3,1) both}
.reveal-droplet{position:absolute;width:var(--drop-size);height:var(--drop-size);border:.5px solid #b89cbd8c;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 15%,#e4d7e64d 50%,#cbb7ce66);opacity:0;animation:reveal-droplet var(--drop-duration) var(--drop-delay) cubic-bezier(.15,.6,.3,1) both}
.reveal-note{font-size:17px;font-weight:800;color:#8b5b80}.reveal-skip{font-size:13px}
@keyframes reveal-hover{0%{transform:translateY(3px) rotate(-1deg)}36%{transform:translateY(-6px) rotate(1deg)}48%,100%{transform:translateY(-10px)}}
@keyframes reveal-skin{0%,34%{opacity:1;transform:scale(1)}56%{opacity:1;transform:scale(1.025,1.05)}66%{opacity:.95;transform:scale(1.07,1.045)}72%{opacity:.12;transform:scale(1.09,1.065)}80%,100%{opacity:0;transform:scale(1.1)}}
@keyframes reveal-reflection{0%,30%{opacity:.65;transform:rotate(-28deg) scaleX(.9)}80%{opacity:.85;transform:translate(6px,-2px) rotate(-18deg) scaleX(1.12)}100%{opacity:0;transform:translate(10px,-2px) rotate(-12deg) scaleX(1.2)}}
@keyframes reveal-release{0%,47%{opacity:1;transform:translateY(0)}69%{opacity:.95;transform:translateY(-9px) scale(1.01)}100%{opacity:0;transform:translateY(-30px) scale(1.035)}}
@keyframes reveal-shadow{0%,50%{opacity:.35;transform:scaleX(.85)}100%{opacity:0;transform:scaleX(1.1)}}
@keyframes reveal-film{0%{opacity:0;transform:scale(1)}8%{opacity:.65}100%{opacity:0;transform:translate(var(--film-x),var(--film-y)) rotate(var(--film-spin)) scale(1.11)}}
@keyframes reveal-droplet{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:.7}100%{opacity:0;transform:translate(calc(-50% + var(--drop-x)),calc(-50% + var(--drop-y))) scale(.45)}}
@keyframes result-arrive{from{opacity:1;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes reveal-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}28%{opacity:.98;transform:translate(-50%,-50%) scale(1.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.3)}}
@keyframes reveal-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}
@keyframes reveal-spark{0%{opacity:0;transform:translate(-50%,-100%) rotate(var(--spark-angle)) translateY(-25px) scaleY(.2)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-100%) rotate(var(--spark-angle)) translateY(-82px) scaleY(1)}}
@keyframes stat-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-height:650px){
 body:is([data-screen="screen-result"],[data-screen="screen-reveal"]) #app{padding:4px 18px 12px}
 .result-shell{gap:10px}.result-tabs{gap:3px;padding:3px}.result-tabs button{min-height:34px;font-size:12px}
 .result-hero-panel{gap:7px}.result-owner-name{font-size:14px}#screen-result .result-hero-heading h1{font-size:31px;margin:2px 0 5px}.archetype-line{font-size:15px}
 .result-hero-actions .archetype-guide{padding:11px 13px}.result-hero-actions .archetype-guide h3{font-size:17px}.result-hero-actions .archetype-guide p{font-size:13px;line-height:1.35}.result-live-count{font-size:10px;margin-top:3px}
 #screen-result .score-badge{min-width:118px;padding:5px 15px}#screen-result .meter-number{font-size:30px}#screen-result .score-badge p{font-size:9px}
 #screen-result .result-meter{margin:4px auto 7px}#screen-result .meter-labels{font-size:9px;margin-top:7px}.result-hero-actions .primary{font-size:16px;min-height:48px;padding:10px}.result-hero-actions .text-button{font-size:12px;padding-top:8px}
 .personality-stat{grid-template-columns:110px minmax(0,1fr) 26px;gap:7px}.personality-stats{padding:18px 12px}.stat-label{font-size:14px}
 .result-hero-heading .archetype-line{display:none}
 .result-hero-actions .invite-more-copy{font-size:12px;margin-bottom:7px}
 .result-hero-actions #shared-actions :is(.primary,.secondary){min-height:38px;padding:6px;font-size:13px}
 .result-hero-actions #share-whatsapp{min-height:44px;font-size:16px}
 .result-hero-actions .share-main-actions{gap:8px}
}
@media(max-height:480px) and (min-width:640px){
 body:is([data-screen="screen-result"],[data-screen="screen-reveal"]) #app{max-width:860px}
 .result-hero-panel{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;column-gap:22px}.result-hero-heading{grid-column:1;grid-row:1}.result-orb-stage{grid-column:1;grid-row:2/4}.result-hero-bottom{grid-column:2;grid-row:1/3;align-self:center}.result-hero-actions{grid-column:2;grid-row:3}
 #screen-reveal.active{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto}.reveal-stage{grid-column:1;grid-row:1/4}.reveal-heading{grid-column:2;align-self:end}.reveal-note,.reveal-skip{grid-column:2}
}
/* 540×960 DOM card is captured at 2×, like the original Monsters profile export. */
.banner-export-host{position:fixed;left:-10000px;top:0;width:540px;height:960px;pointer-events:none;z-index:-1}
.delulu-export-card{position:relative;width:540px;height:960px;overflow:hidden;background:var(--export-base);text-align:center;color:#fff9e9;font-family:Nunito,sans-serif;isolation:isolate;text-shadow:0 2px 4px var(--export-shadow)}
.export-backdrop{position:absolute;inset:0;width:540px;height:960px;object-fit:cover;z-index:-1}
.result-shell.result-long-example .result-panel{display:block!important}
body.long-example #app{height:auto;min-height:calc(100svh - var(--flow-header) - env(safe-area-inset-bottom))}
body.long-example #quiz-screens,body.long-example #screen-result.active{height:auto;min-height:0;overflow:visible}
body.long-example #screen-result.active{padding-bottom:36px}
.export-logo{position:absolute;display:block;top:34px;left:125px;width:290px;height:142px;object-fit:contain}
.export-name{position:absolute;top:184px;left:45px;right:45px;font-size:26px;font-weight:900;line-height:1.15;max-height:60px;overflow:hidden;overflow-wrap:anywhere;color:var(--export-ink);text-shadow:0 1px 2px #ffffff70}
.export-type{position:absolute;top:226px;left:25px;right:25px;font-family:Delulu,Nunito,sans-serif;font-size:48px;line-height:1.08;margin:0;color:var(--export-ink);letter-spacing:-.8px;text-shadow:0 2px 0 #ffffff60}
.export-character-stage{position:absolute;top:359px;left:75px;width:390px;height:254px;display:flex;align-items:center;justify-content:center}
.export-character{display:block;height:254px;width:auto;max-width:350px;object-fit:contain}
.export-score{position:absolute;top:627px;left:70px;right:70px;display:flex;align-items:baseline;justify-content:center;gap:13px;border:2px solid var(--export-edge);border-radius:28px;padding:8px 18px;background:var(--export-score)}
.export-score strong{font-family:Delulu,Nunito,sans-serif;font-size:72px;line-height:1}.export-score small{font-size:34px}.export-score>span{font-size:18px;font-weight:900;letter-spacing:2px}
.export-meter{position:absolute;top:739px;left:75px;right:75px;height:12px;border:1px solid #fff8;border-radius:20px;background:linear-gradient(90deg,#a7d1e9,#c8dbb9 20%,#eebacd 43%,#bfa1dd 65%,#e998c0)}
.export-meter i{position:absolute;top:-6px;width:24px;height:24px;transform:translateX(-50%);border-radius:50%;border:4px solid #fff;background:var(--export-score)}.export-meter-ends{position:absolute;top:760px;left:75px;right:75px;display:flex;justify-content:space-between;font-size:13px;font-weight:900;letter-spacing:1px}
.export-subtitle{position:absolute;top:287px;left:40px;right:40px;font-size:22px;font-weight:900;line-height:1.2;margin:0;color:#49344f;text-shadow:0 1px 2px #ffffff90}
.export-footer{position:absolute;bottom:100px;left:30px;right:30px;display:grid;gap:4px}.export-footer strong{font-size:18px;line-height:1.3}.export-footer span{font-size:16px;font-weight:900;letter-spacing:.4px;line-height:1.3}
@media(prefers-reduced-motion:reduce){.result-shell *,.reveal-stage *{animation:none!important;transition:none!important}}

.export-name{margin:0;max-height:none}.export-type,.export-subtitle,.export-footer strong{overflow-wrap:anywhere}
/* Result stories: approved inward spacing, with natural-height text rows for
   longer translations. Keep original type/image sizes and invitation layout. */
.delulu-export-card:not(.invite-export-card){display:grid;grid-template-columns:1fr;grid-template-rows:140px 28px minmax(52px,max-content) minmax(28px,max-content) 254px 102px 18px 22px max-content;align-content:start;align-items:start;padding-top:144px}
.delulu-export-card:not(.invite-export-card)>:not(.export-backdrop){position:relative;inset:auto;margin:0 auto}
.delulu-export-card:not(.invite-export-card)>.export-logo{width:290px}
.delulu-export-card:not(.invite-export-card)>.export-name{width:450px}
.delulu-export-card:not(.invite-export-card)>.export-type{width:490px}
.delulu-export-card:not(.invite-export-card)>.export-subtitle{width:460px}
.delulu-export-card:not(.invite-export-card)>.export-character-stage{width:390px}
.delulu-export-card:not(.invite-export-card)>.export-score{width:400px}
.delulu-export-card:not(.invite-export-card)>.export-meter{width:390px}
.delulu-export-card:not(.invite-export-card)>.export-meter-ends{width:390px}
.delulu-export-card:not(.invite-export-card)>.export-footer{width:480px}
.invite-export-card{--export-shadow:#39205f;--export-ink:#4a3392;--export-base:#b195db}
.invite-title{position:absolute;top:205px;left:40px;right:40px;margin:0;font-family:Delulu,Nunito,sans-serif;font-size:48px;line-height:1.1;color:#4a3392;text-shadow:0 2px 0 #fff8;overflow-wrap:anywhere}
.invite-character{position:absolute;top:385px;left:75px;width:390px;height:350px;display:flex;align-items:center;justify-content:center}.invite-character img{width:auto;height:350px;max-width:390px;object-fit:contain}
.invite-instructions{position:absolute;top:745px;left:48px;right:48px;font-size:26px;font-weight:900;line-height:1.2;margin:0;overflow-wrap:anywhere}