/* Collectible frame: brand artwork + four answer-derived preference meters. */
.persona-card .holo-card,.persona-card .holo-card__rotator{aspect-ratio:auto}
.persona-card .holo-card__content{display:block;aspect-ratio:auto;border-radius:0;overflow:visible;grid-area:auto}
.persona-card .holo-card__content *{transform-style:flat}
.persona-card .holo-card__content img{height:revert}
.persona-card .holo-card__rotator{box-shadow:none}
.persona-card .holo-card__front{display:block;aspect-ratio:auto}
.persona-card .holo-card__shine,.persona-card .holo-card__glare{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.persona-card .holo-card__content .personality-avatar{aspect-ratio:2/3}
.persona-card .holo-card__content .result-title:focus-visible{outline:2px solid #2468c9;outline-offset:3px}
#result-panel{position:relative}
#result-panel[data-reveal-pending="true"] .card-dock,#result-panel[data-reveal-pending="true"] .reveal-dependent{visibility:hidden}
#result-panel.is-revealed .reveal-dependent{visibility:visible}
.result-showcase{display:grid;grid-template-columns:340px minmax(0,1fr);gap:42px;align-items:center;padding:18px 0 24px}
.card-dock{position:relative;width:100%;max-width:340px;justify-self:center;z-index:2;perspective:1300px}
.persona-card{--card-ink:#1c4541;--card-tone:#bcd9bf;--card-light:#f5f3d6;position:relative;isolation:isolate;width:100%;filter:drop-shadow(0 14px 15px #17314f26)}
.palette-1{--card-ink:#463965;--card-tone:#cfc6e9;--card-light:#fbecd8}.palette-2{--card-ink:#203c59;--card-tone:#b8d8e5;--card-light:#f5e6bb}.palette-3{--card-ink:#6b3732;--card-tone:#e6baa0;--card-light:#fff0c8}
.card-turn{position:relative;transform-style:preserve-3d;will-change:transform}
.card-face,.card-back{border:1px solid #b99450;border-radius:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.card-face{padding:7px;background:linear-gradient(135deg,#fbefd0,#b48f47 32%,#f7edbb 55%,#967237 82%,#fae4ad);box-shadow:inset 0 0 0 2px #4b3e2466,0 2px 0 #74562c;overflow:hidden}
.card-face .holo-card__rotator{position:relative;transform-style:preserve-3d;border-radius:10px;overflow:hidden}
.card-face .holo-card__front{position:relative;padding:13px 15px 9px;background:linear-gradient(160deg,var(--card-light),#fff9e9 54%,#f0e6cd);color:var(--card-ink);border:1px solid #9a8347;border-radius:9px;overflow:hidden}
.card-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;border-bottom:1px solid #bba978;padding-bottom:6px;color:#786038}.card-heading b{font-size:10px;letter-spacing:.05em}
.card-name{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0 7px}.card-name .result-title{font-size:29px;line-height:1.2;margin:0;color:var(--card-ink);letter-spacing:.025em}.card-name>span{font-size:10px;font-weight:750;border:1px solid #9f8b59;border-radius:3px;padding:2px 4px}
.card-art{height:196px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;border:1px solid #af9c67;background:radial-gradient(ellipse at 50% 40%,#fffbea 0%,var(--card-tone) 65%,var(--card-ink) 170%)}
.card-art::before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 50% 55%,#fff6 0deg 2deg,transparent 2deg 18deg);opacity:.5}
.card-art::after{content:'';position:absolute;bottom:-46px;width:300px;height:90px;border-radius:50%;background:var(--card-ink);opacity:.15;box-shadow:40px -10px 0 #fffb}
.card-orbit{position:absolute;width:154px;height:154px;border:1px solid #fff9;border-radius:50%;outline:1px solid #fff5;outline-offset:10px}
.card-art .personality-avatar{width:208px;max-width:85%;margin:0;align-self:center;z-index:1;filter:drop-shadow(0 5px 2px #17314f25)}
.art-star{position:absolute;color:#fffbea;font-size:25px;text-shadow:0 1px 0 #928046}.star-a{top:24px;left:18px}.star-b{bottom:38px;right:14px;font-size:36px}
.art-caption{position:absolute;bottom:5px;z-index:2;font-size:9px;letter-spacing:.12em;padding:2px 11px;color:#fff9e3;background:var(--card-ink);border:1px solid #cab472}
.card-description{font-size:11px;line-height:1.65;margin:10px 0 9px;color:#655d49;min-height:36px}
.card-stats{display:grid;gap:6px;padding-top:8px;border-top:1px solid #bba978}
.card-stat{display:grid;grid-template-columns:58px 1fr 26px;gap:9px;align-items:center;font-size:11px;line-height:1.15}.card-stat>span{font-weight:700}.card-stat>b{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.card-stat small{font-size:9px;font-weight:500;opacity:.65}
.stat-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;height:9px}.stat-meter i{background:#dfd7c2;box-shadow:inset 0 1px 1px #695f4322;border-radius:1px}.stat-meter .filled{background:var(--meter,#ba754a);box-shadow:inset 0 2px 0 #fff4,inset 0 -2px 0 #0001}.stat-sensation{--meter:#99639c}.stat-feet{--meter:#4c91a4}.stat-body{--meter:#5b9779}
.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:6px;border-top:1px solid #bba978;font-size:10px;letter-spacing:.05em;color:#756345}.card-footer img{width:45px;height:27px;object-fit:contain}
.card-back{position:absolute;inset:0;transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#ffffff04 0 1px,transparent 1px 10px),radial-gradient(ellipse,#35595b,#182e39);box-shadow:inset 0 0 0 7px #cfb373,inset 0 0 0 9px #f0d693,inset 0 0 0 13px #183544;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#efdaa8;text-align:center}
.card-back::after{content:'';position:absolute;inset:24px;border:1px solid #d9c08880;border-radius:50%}.card-back img{width:95px;filter:brightness(1.5)}.back-emblem{font-size:90px;line-height:1.2;text-shadow:0 0 30px #f7d580}.card-back>span:not(.back-emblem){font-size:18px;letter-spacing:.17em}.card-back small{font-size:8px;letter-spacing:.16em}
.card-reveal-glow{position:absolute;inset:-12px;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse,#e9c47a80,transparent 68%)}
.card-face::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 15%,#fff8d580 40%,#fffdeab8 48%,transparent 70%);mix-blend-mode:screen}
.is-revealing .card-face::after{animation:card-foil-sweep 1.8s ease-in-out both}
.is-revealing .card-reveal-glow{animation:card-glow 1.8s ease-out both}.is-revealing .card-art .personality-avatar{animation:character-appear 1.8s ease-out both}
.result-info{min-width:0}.result-info>.personality-kicker{font-size:12px;margin:0 0 12px;letter-spacing:.14em}.result-info>h3{font-size:29px;line-height:1.45;color:#17314f;margin:0 0 18px}.result-info .preference-tags{margin:0 0 20px;gap:7px}.result-info .preference-tags span{font-size:12px;padding:5px 9px;background:#efe7d6;border:0;border-radius:3px}
.result-info .personality-offer{border-top:1px solid #d3c6ae;padding:18px 0}.result-info .personality-offer h3{font-size:22px}.result-info .offer-name{flex-wrap:wrap;gap:5px 9px}.result-info .offer-total{white-space:nowrap;font-size:34px;color:#cb3243}.result-info .offer-total small{font-size:10px}.result-info .request-brief{margin:20px 0 0;background:#ede7d8;border-color:#b89b61;padding:14px 17px}.result-info .request-brief p{font-size:13px;line-height:1.8}
.result-info .call-button{max-width:none;width:100%}.is-revealing .reveal-dependent{visibility:hidden}.skip-reveal{position:absolute;top:0;right:0;z-index:5;border:1px solid #a39475;background:#fff9ed;color:#62543f;padding:6px 10px;font:inherit;font-size:11px;cursor:pointer;border-radius:3px}.skip-reveal[hidden]{display:none}.skip-reveal:focus-visible{outline:3px solid #2468c9;outline-offset:3px}
.personality-inspiration{margin-top:10px;padding-top:26px}.personality-inspiration .personality-kicker{font-size:12px}.personality-inspiration h3{font-size:36px}.personality-inspiration .inspiration-role{font-size:16px;color:#806742;margin:0 0 5px}
@keyframes card-glow{0%,22%{opacity:0;transform:scale(.8)}45%,65%{opacity:1;transform:scale(1.12)}100%{opacity:0;transform:scale(1.2)}}
@keyframes card-foil-sweep{0%,33%{opacity:0;transform:translateX(-100%)}43%{opacity:.65}68%{opacity:.3}80%,100%{opacity:0;transform:translateX(100%)}}
@keyframes character-appear{0%,35%{opacity:0;transform:translateY(14px) scale(.9)}58%,100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.result-showcase{grid-template-columns:300px minmax(0,1fr);gap:25px}.card-art{height:170px}.card-art .personality-avatar{width:183px}.card-name .result-title{font-size:25px}.result-info>h3{font-size:24px}.result-info .personality-offer h3{font-size:19px}}
@media(max-width:620px){.showing-result .quest-content{padding-top:16px}.result-showcase{display:flex;flex-direction:column;gap:25px;padding-top:12px}.card-dock{width:min(100%,318px)}.card-art{height:182px}.card-art .personality-avatar{width:196px}.card-name .result-title{font-size:27px}.card-description{min-height:0}.result-info{width:100%}.result-info>.personality-kicker{font-size:10px;margin-bottom:6px}.result-info>h3{font-size:23px;margin-bottom:12px}.result-info .preference-tags{gap:5px;margin-bottom:12px}.result-info .preference-tags span{font-size:10px;padding:4px 7px}.result-info .personality-offer{padding:12px 0}.result-info .personality-offer h3{font-size:18px}.result-info .offer-total{font-size:30px}.result-info .request-brief{margin-top:16px}.personality-inspiration h3{font-size:29px}.personality-inspiration .inspiration-role{font-size:14px}.skip-reveal{top:-9px;font-size:10px;padding:3px 7px}}
@media(max-width:350px){.card-face .holo-card__front{padding:10px 11px 8px}.card-art{height:157px}.card-art .personality-avatar{width:174px}.card-name .result-title{font-size:25px}.card-description{font-size:10px}.card-stat{font-size:10px;gap:7px;grid-template-columns:54px 1fr 24px}.card-dock{max-width:280px}.result-info .personality-offer h3{font-size:16px}}
html[data-motion="paused"] .persona-card .holo-card__translater,html[data-motion="paused"] .persona-card .holo-card__rotator{transform:none!important;transition:none!important}
html[data-motion="paused"] .persona-card .holo-card__shine,html[data-motion="paused"] .persona-card .holo-card__glare{display:none}
@media(prefers-reduced-motion:reduce){.card-dock,.card-turn,.card-reveal-glow,.card-art .personality-avatar{animation:none!important;transition:none!important}.persona-card .holo-card__rotator,.persona-card .holo-card__translater{transform:none!important;transition:none!important}.persona-card .holo-card__shine,.persona-card .holo-card__glare{display:none}}