.strengths-intro{max-width:650px;color:#e5ded0;line-height:1.7}
.signature-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:30px 0;align-items:start}
.signature-card{min-width:0;border:1px solid #9b783b;border-radius:18px;background:linear-gradient(140deg,#272115 0%,#141310 55%,#0d0e10 100%);box-shadow:inset 0 1px 0 #efcf8530,0 12px 35px #0005;overflow:hidden;color:#fff}
.signature-card.signature-first{border-color:#e4c27b;background:radial-gradient(ellipse at top left,#69501d66,transparent 70%),linear-gradient(140deg,#272115,#101113);box-shadow:0 0 28px #e7b64c20,inset 0 1px 0 #ffdf9f66}
.signature-card>summary{display:flex;align-items:flex-start;gap:16px;padding:25px 22px;cursor:pointer;list-style:none}
.signature-card>summary::-webkit-details-marker{display:none}
.signature-card>summary:focus-visible{outline:2px solid #f3d99b;outline-offset:-5px;border-radius:18px}
.signature-rank{flex:none;font:600 24px Georgia,serif;color:#f2d99b;padding-top:20px;min-width:33px}
.signature-heading{display:block;min-width:0;flex:1}
.signature-kicker{display:block;font-size:10px;letter-spacing:.16em;color:#d9be83;line-height:1.5}
#room .signature-card h2{color:#f7e2af;font:500 clamp(24px,3vw,32px)/1.2 Georgia,serif;margin:9px 0 12px;overflow-wrap:anywhere}
.signature-description{display:block;color:#eee7d9;font-size:14px;line-height:1.7}
.signature-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e6c987;font-size:12px;margin-top:24px}
.signature-toggle>span:last-child{font-size:22px;transition:transform .2s}
.signature-close,.signature-card[open] .signature-open{display:none}
.signature-card[open] .signature-close{display:inline}
.signature-card[open] .signature-toggle>span:last-child{transform:rotate(45deg)}
.signature-content{padding:0 22px 24px;border-top:1px solid #b99a542e}
.signature-content section{margin-top:22px}
#room .signature-content h3{font-weight:600;line-height:1.5;color:#e9cd92;margin:0 0 7px;font-size:13px}
.signature-content p{font-size:14px;line-height:1.75;color:#eee7db;margin:0}
.signature-content .signature-challenge{padding:16px;border-left:2px solid #d3ad60;background:#d6ae5410;border-radius:0 8px 8px 0}
.signature-community{margin-top:24px;display:grid;gap:10px}
.signature-community small{font-size:9px;letter-spacing:.1em;color:#c8b78f}
.signature-community a{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.signature-footnote{font-size:12px;line-height:1.7;color:#bcb5a7;max-width:700px}
@media(min-width:760px){.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-first{grid-column:1/-1}.signature-first>summary{padding:30px}.signature-first .signature-content{padding:0 30px 30px}}
@media(min-width:1200px){.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signature-first{grid-column:auto;grid-row:span 2}.signature-first>summary{padding:25px 22px}.signature-first .signature-content{padding:0 22px 24px}}
@media(prefers-reduced-motion:reduce){.signature-toggle>span:last-child{transition:none}}

.signature-trait{display:grid;gap:4px;font-size:14px;line-height:1.7;margin-top:14px;color:#eee7d9}
.signature-trait b{font-size:12px;color:#ead090}
.signature-superpower b{color:#a8ce84}
.signature-kryptonite b{color:#ef9890}
#room .signature-shadow h3{color:#ef9890}
#room .signature-challenge h3{color:#a8ce84}
.signature-content .signature-challenge{border-left-color:#a8ce84;background:#a8ce840b}

.signature-card>summary{align-items:center}
.signature-rank{padding-top:0}
.signature-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#room .signature-card summary h2{margin:0;font-size:clamp(22px,3vw,30px)}
.signature-toggle{flex:none;margin:0}
@media(min-width:1200px){.signature-first{grid-row:auto}}

/* Superpower collection: saved VIA order, with no invented strength scores. */
#room .power-intro{max-width:760px;margin:28px 0 36px}
.power-intro-label{font:10px/1.6 system-ui;letter-spacing:.2em;color:#dabc7b}
#room .power-intro h2{font:400 clamp(28px,4vw,46px)/1.15 Georgia,serif;color:#f7e8bd;margin:12px 0 16px}
#room .power-intro p{font-size:15px;line-height:1.8;color:#d0c8b8}
#room .signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#room .signature-card,#room .signature-card.signature-first{position:relative;grid-column:auto;grid-row:auto;isolation:isolate;border:1px solid hsl(var(--power-hue) 45% 55% / .5);border-radius:20px;background:radial-gradient(ellipse at 50% 10%,hsl(var(--power-hue) 60% 40% / .2),transparent 64%),linear-gradient(155deg,#201e19,#0e1113 80%);box-shadow:inset 0 1px 0 #fff1,0 15px 35px #0005;transition:border-color .25s,box-shadow .25s}
#room .signature-card:hover,#room .signature-card[open]{border-color:hsl(var(--power-hue) 65% 70%);box-shadow:0 0 30px hsl(var(--power-hue) 65% 50% / .13),0 15px 35px #0006}
#room .signature-card>summary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:276px;padding:34px 24px 27px;text-align:center}
#room .signature-rank{position:absolute;top:20px;left:22px;font:12px/1 system-ui;letter-spacing:.15em;color:#d4bf93;min-width:0;padding:0}
.signature-emblem{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;border:1px solid hsl(var(--power-hue) 65% 65% / .7);background:radial-gradient(circle,hsl(var(--power-hue) 60% 50% / .25),#101412 72%);box-shadow:0 0 0 7px hsl(var(--power-hue) 50% 55% / .05),0 0 36px hsl(var(--power-hue) 65% 55% / .22),inset 0 0 22px hsl(var(--power-hue) 55% 50% / .12)}
.signature-emblem:before{content:'';position:absolute;inset:10px;border:1px solid hsl(var(--power-hue) 55% 65% / .3);border-radius:50%}
.signature-emblem>span{font:44px/1 system-ui;filter:drop-shadow(0 0 12px hsl(var(--power-hue) 80% 70% / .4))}
#room .signature-heading{display:block;width:100%}
#room .signature-card summary h2{font:400 clamp(23px,2.4vw,30px)/1.25 Georgia,serif;color:#f7e7c1;padding:0 12px;overflow-wrap:normal}
#room .signature-toggle{position:absolute;top:15px;right:20px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #e4c98b33;border-radius:50%;color:#ead5a3}
#room .signature-toggle>span{font:20px/1 system-ui}
#room .signature-card[open]{grid-column:span 2}
#room .signature-card[open]>summary{min-height:220px}
#room .signature-content{padding:24px 28px 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;background:#080d0d60;border-top:1px solid hsl(var(--power-hue) 45% 55% / .25)}
#room .signature-card:not([open])>.signature-content{display:none}
.signature-reveal-label{grid-column:1/-1;color:#d8be81;font:10px/1.5 system-ui;letter-spacing:.18em}
#room .signature-trait,#room .signature-content section{margin:0;padding:0;display:block}
#room .signature-trait b,#room .signature-content h3{display:block;margin:0 0 8px;font:600 11px/1.5 system-ui;letter-spacing:.07em;text-transform:uppercase}
#room .signature-trait>span,#room .signature-content p{font:14px/1.8 system-ui;color:#e4dfd4}
#room .signature-superpower{grid-column:1/-1;padding:18px 20px;border:1px solid #8fcca740;border-radius:12px;background:linear-gradient(120deg,#36714a22,transparent)}
#room .signature-behaviors{grid-column:1/-1}
#room .signature-content .signature-challenge{grid-column:1/-1;padding:18px 20px;background:#b99c4c0f;border:1px solid #d6b56b33;border-radius:12px}
#room .signature-community{grid-column:1/-1;margin:0;padding-top:6px}
@media(max-width:950px){#room .signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#room .signature-grid{grid-template-columns:1fr;gap:18px}#room .signature-card[open]{grid-column:auto}#room .signature-card>summary{min-height:250px}#room .signature-content{grid-template-columns:1fr;padding:22px 20px}#room .signature-content>*{grid-column:1!important}.signature-emblem{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){#room .signature-card{transition:none}}
@media print{#room .signature-grid{display:block}#room .signature-card{break-inside:avoid;margin-bottom:15px;box-shadow:none}#room .signature-card>summary{min-height:0}#room .signature-emblem{display:none}}

#room .signature-growth-pair{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:14px;align-items:stretch;padding-top:6px}
#room .signature-growth-pair .signature-shadow,#room .signature-growth-pair .signature-challenge{grid-column:auto;padding:18px 16px;border-radius:12px;min-width:0}
#room .signature-growth-pair .signature-shadow{border:1px solid #d6857840;background:#ad54400e}
#room .signature-growth-pair .signature-challenge{border:1px solid #a8ce8440;background:#7da8580d}
.signature-growth-arrow{align-self:center;justify-self:center;font:28px/1 Georgia,serif;color:#e9c986}
@media(max-width:600px){#room .signature-growth-pair{grid-template-columns:1fr;gap:12px}#room .signature-growth-pair .signature-growth-arrow{transform:rotate(90deg)}}

#room .signature-toggle{box-sizing:border-box;padding:0;line-height:0;display:grid;place-items:center}
#room .signature-toggle>span{display:grid;place-items:center;width:18px;height:18px;line-height:0;transform-origin:50% 50%}
#room .signature-toggle svg{display:block;width:18px;height:18px}

.strength-entry-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.strength-entry-actions a,.strength-entry-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:12px 20px;text-decoration:none}#strength-form[hidden]{display:none!important}@media(max-width:600px){.strength-entry-actions>*{width:100%}}

.strength-dashboard{margin:24px 0}.strength-section-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.strength-section-tabs button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:17px 8px;border-radius:12px;font:600 14px/1.3 system-ui}.strength-section-tabs button span{font-size:24px}.strength-section-tabs button[aria-selected=true]{background:linear-gradient(130deg,#bd924c,#efd59b)!important;color:#20170b!important;border-color:#f0d8aa!important}.strength-dashboard [role=tabpanel][hidden]{display:none!important}.strength-dashboard [role=tabpanel]{min-width:0}.strength-archetype{text-align:center;padding:clamp(24px,5vw,48px)!important;background:radial-gradient(ellipse at top,#86632930,transparent 65%),#17130e!important}.strength-archetype h2{font-size:clamp(30px,4vw,46px);margin:18px 0}.strength-archetype p{max-width:700px;margin:16px auto;line-height:1.7}.strength-constellation{display:flex;justify-content:center;gap:clamp(8px,3vw,24px);flex-wrap:wrap;margin-bottom:24px}.strength-constellation span{display:grid;place-items:center;width:clamp(44px,8vw,70px);height:clamp(44px,8vw,70px);font-size:clamp(24px,4vw,38px);border:1px solid #c6a05d;border-radius:50%;background:radial-gradient(circle,#8f6c3733,#18120d);box-shadow:0 0 20px #ba87321c}.strength-energy{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.strength-energy span{padding:8px 14px;border:1px solid #92713f;border-radius:30px;color:#edd3a2}.strength-growth-list{display:grid;gap:14px}.strength-growth-list details{margin:0!important;padding:20px!important}.strength-growth-list summary{cursor:pointer;font:22px/1.4 Georgia,serif;color:#efd19a}.strength-growth-list .signature-growth-pair{margin-top:20px}.strength-purpose{font:clamp(20px,2.5vw,26px)/1.6 Georgia,serif!important;color:#ebd4a7!important}.strength-tiny-actions{display:grid;gap:12px}.strength-tiny-actions label{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #806640;border-radius:12px;cursor:pointer}.strength-tiny-actions input{width:22px;height:22px;flex-shrink:0;margin:2px 0;accent-color:#d8b777}.strength-tiny-actions label>span{display:grid;gap:8px}.strength-tiny-actions label>span>span{line-height:1.6;color:#d2c6b1}.strength-tiny-actions label:has(:checked){background:#37604722;border-color:#709577}.strength-action-count{color:#dac18b!important}.strength-action-plan{padding:clamp(20px,4vw,36px)!important}.strength-dashboard button:focus-visible,.strength-growth-list summary:focus-visible{outline:2px solid #f1d394;outline-offset:4px}@media(max-width:600px){.strength-section-tabs{grid-template-columns:1fr 1fr;gap:8px}.strength-section-tabs button{padding:13px 8px}.strength-archetype small{line-height:1.6;display:block}}@media print{.strength-section-tabs{display:none}.strength-dashboard [role=tabpanel][hidden]{display:block!important}.strength-dashboard [role=tabpanel]{break-inside:avoid}}

.strength-action-item{border:1px solid #806640;border-radius:12px;overflow:hidden}.strength-action-item label{border:0;border-radius:0}.strength-action-challenge{display:block;padding:12px 16px;color:#efd3a0!important;line-height:1.5;text-decoration:underline}.strength-action-item:has(:checked){border-color:#709577}.strength-related-result{padding:16px;margin:16px 0;background:#b68a3020;border-left:2px solid #cbaa68}.strength-related-result p{line-height:1.7}

.strength-archetype-art{width:min(100%,460px);aspect-ratio:1;margin:0 auto 12px;background-image:url(/mirror-images/archetype-atlas.png);background-size:300% 200%;background-repeat:no-repeat;border:1px solid #b69962;border-radius:16px;box-shadow:0 12px 40px #0005}.strength-archetype .archetype-art-caption{font:12px/1.5 system-ui;letter-spacing:.06em;color:#c4b394;margin:0 auto 24px}

.strength-archetype img.strength-archetype-art{display:block;height:auto;object-fit:cover;background-image:none}
