#mirror-preview .result-square-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:1280px;margin:auto}#mirror-preview .result-square-grid>.mirror-door,#mirror-preview .result-square-grid>.checkin-pair{aspect-ratio:1/1;min-height:0!important;height:auto!important;width:100%;box-sizing:border-box}#mirror-preview .result-square-grid .mirror-door{position:relative;overflow:hidden;border:1px solid #ae955e!important;border-radius:18px!important;padding:0!important}#mirror-preview .result-square-grid .result-chart-tile .mirror-art{filter:brightness(.32)!important}#mirror-preview .result-square-grid .result-chart-tile::after{display:none!important}.result-tile-chart{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.result-tile-chart svg.habit-radar{width:100%!important;height:100%!important;max-height:none!important;overflow:visible}.result-tile-chart .radar-axis{fill:#fff4dc!important}.result-tile-chart .radar-value{fill:#f5ce7d!important}.result-tile-chart .radar-grid polygon,.result-tile-chart .radar-grid line{stroke:#d4b87980!important}.result-tile-chart .radar-shape{stroke:#f5ce7d;fill:#f5ce7d;fill-opacity:.16}#mirror-preview .strength-result-tile{background:linear-gradient(#0008,#0009),var(--tile-art) center/cover!important;display:grid;place-items:center}.strength-tile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:90%;position:relative;z-index:3}.strength-tile-tabs button{display:grid;gap:8px;padding:18px 8px;background:#1b160de6;border:1px solid #b49a62;border-radius:8px;color:#efd399;font:20px Georgia}.strength-tile-tabs button span{font-size:14px}#mirror-preview .result-square-grid .checkin-pair{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}#mirror-preview .result-square-grid .checkin-pair .mirror-door{height:100%!important;min-width:0}.latest-checkin{position:absolute;left:8px;right:8px;bottom:16px;z-index:4;background:#100d08db;border:1px solid #b2955b88;border-radius:10px;padding:12px 6px;display:grid;gap:5px;color:#f4ddaa;overflow-wrap:anywhere}.latest-checkin small{font:11px/1.4 system-ui}.latest-checkin strong{font:clamp(13px,1.8vw,22px)/1.3 Georgia}#mirror-preview .assessment-room button.picture-diagnosis{background:var(--tile-art) center/cover!important}#mirror-preview .assessment-room button.picture-diagnosis::after{background:linear-gradient(transparent 55%,#0006)!important;border:0!important}#mirror-preview .assessment-room button.picture-diagnosis .mirror-card-title{display:none!important}@media(max-width:600px){#mirror-preview .result-square-grid{gap:10px!important}.strength-tile-tabs{gap:7px}.strength-tile-tabs button{padding:10px 3px;font-size:16px}.strength-tile-tabs button span{font-size:10px}.latest-checkin{bottom:8px;padding:7px 4px;left:3px;right:3px}.latest-checkin small{font-size:9px}}@media(max-width:380px){#mirror-preview .result-square-grid{grid-template-columns:1fr!important}}

#mirror-preview .result-square-grid article.result-chart-tile{margin:0;background:none;--radar-color:#e4be77}#mirror-preview .result-square-grid article.result-chart-tile .mirror-art{position:absolute;inset:0;background-position:center;background-size:cover;pointer-events:none}
#mirror-preview .result-square-grid article[data-cover="beliefs"] .mirror-art{background-image:url(/mirror-images/community-beliefs.png)}
#mirror-preview .result-square-grid article[data-cover="power"] .mirror-art{background-image:url(/mirror-images/power-ups.png)}
#mirror-preview .result-square-grid article[data-cover="drainer"] .mirror-art{background-image:url(/mirror-images/drainers.png)}
#mirror-preview .result-square-grid article[data-cover="conscious"] .mirror-art{background-image:url(/mirror-images/community-consciousness.png)}
.result-tile-chart svg.habit-radar{pointer-events:auto}.result-tile-chart .radar-target{pointer-events:auto;cursor:pointer}#mirror-preview .result-square-grid .belief-category-radars[hidden]{display:none!important}
/* Keep the original check-in artwork in both rooms, regardless of completion. */
#mirror-preview .reflection-world .checkin-pair button.mirror-door.emotion-door{background:url('/mirror-images/emotions-portrait.png') center 68%/cover no-repeat!important}
#mirror-preview .reflection-world .checkin-pair button.mirror-door.fear-door{background:url('/mirror-images/core-fears-portrait.png') center 68%/cover no-repeat!important}
#mirror-preview .reflection-world .checkin-pair button.mirror-door.emotion-door::after,#mirror-preview .reflection-world .checkin-pair button.mirror-door.fear-door::after{background:linear-gradient(transparent 60%,#0004)!important;box-shadow:none!important}

/* Unified gold chart markers, including consciousness ratings. */
#mirror-preview .results-room .result-chart-tile .radar-dot{fill:#f5ce7d!important;stroke:#201709!important}
.reflection-layout-toggle{display:none}
@media(max-width:700px){#mirror-preview .reflection-layout-toggle{display:block;margin:0 0 14px auto;padding:10px 16px;background:#241c10;border:1px solid #b49a62;border-radius:10px;color:#efd399;font:14px system-ui}#mirror-preview .result-square-grid[data-columns="1"]{grid-template-columns:1fr!important}#mirror-preview .result-square-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Small circular controls over the original strength artwork. */
#mirror-preview .result-square-grid article.strength-result-tile{background:linear-gradient(#0005,#0006),url('/mirror-images/community-strengths-clean.png') center/cover no-repeat!important}
#mirror-preview .strength-result-tile::before,#mirror-preview .strength-result-tile::after{display:none!important}
#mirror-preview .strength-result-tile .strength-tile-tabs{position:absolute;inset:15% 8% 28%;width:auto;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px 8px;align-items:center}
#mirror-preview .strength-result-tile .strength-tile-tabs button{min-width:0;min-height:44px;width:100%;height:auto;box-sizing:border-box;margin:0;padding:4px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none;color:#fff0cf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-shadow:0 2px 5px #000}
#mirror-preview .strength-result-tile .strength-tile-tabs button i{width:clamp(34px,6vw,52px);height:clamp(34px,6vw,52px);flex:none;display:grid;place-items:center;box-sizing:border-box;border:1px solid #d4b879bb;border-radius:50%;background:#17110866;font:normal clamp(18px,2.5vw,26px)/1 Georgia;transition:background .2s ease,border-color .2s ease}
#mirror-preview .strength-result-tile .strength-tile-tabs button span{max-width:100%;font:400 clamp(10px,1.3vw,14px)/1.25 system-ui;text-align:center}
#mirror-preview .strength-result-tile .strength-tile-tabs button:hover i{background:#171108bb;border-color:#ffe4a9}
#mirror-preview .strength-result-tile .strength-tile-tabs button:focus-visible{outline:2px solid #f5ce7d;outline-offset:2px;border-radius:8px}
@media(prefers-reduced-motion:reduce){#mirror-preview .strength-result-tile .strength-tile-tabs button i{transition:none}}

/* Size controls from the card, so the two-column mobile view cannot clip them. */
#mirror-preview .result-square-grid article.strength-result-tile{container-type:inline-size}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs{inset:8%!important;width:84%!important;height:84%!important;min-width:0!important;min-height:0!important;gap:0!important;align-items:stretch!important}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs button{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;padding:3px!important;gap:5px!important;white-space:normal!important;overflow:hidden;transform:none!important}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs button i{width:clamp(30px,15cqw,50px)!important;height:clamp(30px,15cqw,50px)!important;font-size:clamp(16px,7cqw,25px)!important}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs button span{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;font:400 clamp(9px,4cqw,14px)/1.2 system-ui!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important}

/* Each icon sits at the exact center of its quarter; labels sit below it. */
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs{inset:0!important;width:100%!important;height:100%!important}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs button{position:relative!important;display:block!important;overflow:visible;padding:0!important}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs button i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#mirror-preview .result-square-grid .strength-result-tile .strength-tile-tabs button span{position:absolute;left:6%;top:calc(50% + clamp(15px,7.5cqw,25px) + 6px);width:88%!important;max-width:88%!important}

/* Check-ins use a quiet result label over the figure, without a panel. */
#mirror-preview .result-square-grid .checkin-pair .latest-checkin{position:absolute;top:54%;bottom:auto;left:8%;right:8%;z-index:4;display:block;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:translateY(-50%);text-align:center;pointer-events:none;overflow-wrap:normal}
#mirror-preview .result-square-grid .checkin-pair .latest-checkin strong{display:block;color:#fff0ce;font:500 clamp(10px,1.3vw,14px)/1.2 system-ui!important;text-shadow:0 1px 3px #000,0 0 7px #000}
#mirror-preview .result-square-grid .checkin-pair .fear-door .latest-checkin{top:53%}
@media(max-width:700px){
 #mirror-preview .result-square-grid[data-columns="1"]>.checkin-pair{display:grid!important;grid-template-columns:minmax(0,1fr)!important;aspect-ratio:auto!important;height:auto!important;gap:10px!important}
 #mirror-preview .reflection-world .result-square-grid[data-columns="1"]>.checkin-pair>button.mirror-door{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important}
 #mirror-preview .result-square-grid[data-columns="1"] .checkin-pair .latest-checkin strong{font-size:14px!important}
}

.strength-popup-open{overflow:hidden}
#mirror-preview dialog.strength-detail-popup{width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;box-sizing:border-box;margin:auto;padding:18px;border:1px solid #b49a62;border-radius:20px;background:#15110bf5;color:#eddfc5;overflow:auto}
.strength-detail-popup::backdrop{background:#000b;backdrop-filter:blur(7px)}
.strength-popup-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}
#room .strength-detail-popup .reflection-world{padding:0;background:none;min-height:0}
#room .strength-detail-popup .strength-section-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 22px}
#room .strength-detail-popup .strength-section-tabs button{display:flex;flex-direction:column;align-items:center;padding:4px;background:none!important;border:0!important;box-shadow:none;gap:7px;min-width:0;color:#eddfc5!important}
#room .strength-detail-popup .strength-section-tabs button>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b49a62;border-radius:50%;font:22px Georgia;background:#30251880}
#room .strength-detail-popup .strength-section-tabs button[aria-selected=true]>span{background:#dfbd78;color:#21170a;border-color:#ffe4ad}
#room .strength-detail-popup .strength-section-tabs small{font:11px/1.2 system-ui;text-align:center;white-space:normal}
#room .strength-detail-popup .signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#room .strength-detail-popup h1{font-size:28px}
@media(max-width:600px){#mirror-preview dialog.strength-detail-popup{padding:14px;max-height:92dvh}#room .strength-detail-popup .signature-grid{grid-template-columns:1fr}#room .strength-detail-popup .signature-card[open]{grid-column:auto}}

/* Five compact strengths are visible together; descriptions expand on demand. */
#room .strength-detail-popup h1{font:400 clamp(20px,4vw,28px)/1.2 Georgia;margin:8px 0 16px;letter-spacing:0}
#room .strength-detail-popup .strength-dashboard{margin:0}
#room .strength-detail-popup .signature-grid{display:grid;grid-template-columns:1fr!important;gap:8px;margin:0}
#room .strength-detail-popup .signature-card,#room .strength-detail-popup .signature-card[open]{grid-column:auto;border-radius:12px}
#room .strength-detail-popup .signature-card>summary,#room .strength-detail-popup .signature-card[open]>summary{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:12px;min-height:0;height:clamp(48px,8dvh,64px);padding:8px 12px}
#room .strength-detail-popup .signature-rank{position:static;font:11px/1 system-ui;min-width:18px}
#room .strength-detail-popup .signature-emblem{width:34px;height:34px;flex:none;box-shadow:none}
#room .strength-detail-popup .signature-emblem:before{display:none}
#room .strength-detail-popup .signature-emblem>span{font-size:21px}
#room .strength-detail-popup .signature-heading{display:flex;align-items:center;min-width:0;gap:8px}
#room .strength-detail-popup .signature-card summary h2{font:400 clamp(17px,3vw,22px)/1.2 Georgia;padding:0;margin:0;overflow-wrap:normal}
#room .strength-detail-popup .signature-toggle{position:static;width:24px;height:24px;margin-left:auto;flex:none}
#room .strength-detail-popup .signature-content{grid-template-columns:1fr;padding:18px;gap:16px}
#room .strength-detail-popup .signature-content>*{grid-column:1!important}
#room .strength-detail-popup .strength-section-tabs{margin-bottom:14px}
#room .strength-detail-popup .strength-section-tabs button>span{width:38px;height:38px;font-size:20px}
#room .strength-detail-popup .strength-section-tabs small{font-size:10px}
#room .strength-detail-popup .strength-popup-toolbar{margin-bottom:8px}
#room .strength-detail-popup .strength-popup-close{padding:8px 12px;font-size:13px}