.habit-section-toggle{display:flex;align-items:center;gap:16px;border:0;background:none;padding:6px 0;color:#edca87;font:400 26px Georgia,serif;cursor:pointer;text-align:left}.habit-section-toggle span{font:20px system-ui;color:#ddc18a}.habit-section-toggle:hover{color:#fff}.habit-section-toggle:focus-visible{outline:2px solid #edca87;outline-offset:5px}.habit-category-expansion[hidden]{display:none}.habit-category-expansion{margin-top:20px;border-top:1px solid #98734477}.habit-category-detail{border-bottom:1px solid #98734455;padding:0}.habit-category-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;cursor:pointer;font-size:14px;color:#e7d3ab}.habit-category-detail>summary>strong{white-space:nowrap;font-size:12px;color:#d9b775}.habit-category-detail .stat-reveal{padding:0 0 12px}.habit-category-detail .answer-insight summary{font-size:13px}.habit-category-detail>summary:focus-visible{outline:2px solid #edca87;outline-offset:3px}@media(max-width:600px){.habit-section-toggle{font-size:23px}.habit-category-detail>summary{font-size:13px}}
.habit-category-expansion{padding-top:20px;margin-top:24px}.habit-mini-card .community-link{font-size:11px!important;padding:8px 0!important;overflow-wrap:anywhere}.habit-mini-card .community-unlock{padding:8px 0}.habit-mini-card .community-unlock small{font-size:9px}.habit-mini-card .answer-pips{margin:10px 0}.habit-category-expansion>.muted{font-size:12px;margin-bottom:18px}

.habit-chart-list{border-top:1px solid #ffffff40;margin:14px 0 0;padding:12px 0 0 22px;list-style:decimal}.habit-chart-list li{font:12px/1.65 system-ui;padding:7px 5px;margin:0 0 3px;border-radius:5px;color:#fff;overflow-wrap:anywhere;transition:background .15s,box-shadow .15s}.habit-chart-list li::marker{color:#fff;font-size:10px}#mirror-preview .habit-mini-card .habit-chart-list a{color:#fff!important;text-decoration:none;display:block}.habit-chart-list a:hover{text-decoration:underline!important}.habit-chart-list a:focus-visible{outline:2px solid #fff;outline-offset:3px}.habit-chart-list li.is-highlighted{background:#ffffff20;box-shadow:inset 3px 0 var(--category-color)}@media(prefers-reduced-motion:reduce){.habit-chart-list li{transition:none}}

.habit-chart-list{padding-left:0;list-style:none;counter-reset:habit-row}
.habit-chart-list li{counter-increment:habit-row;display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px;padding:7px 6px}
.habit-chart-list li::before{content:counter(habit-row) '.';color:#fff;font:10px/1.98 system-ui}

.habit-banner-overview{display:grid;gap:18px}
#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:115px;padding:26px 30px;border:1px solid #b39a6755;border-radius:12px;text-align:left;font:400 clamp(26px,4vw,34px)/1.2 Georgia,serif;color:#f7ecda;background-color:#171511;background-size:cover;background-repeat:no-repeat;box-shadow:none;cursor:pointer;text-shadow:0 2px 8px #000}
#mirror-preview .reflection-world .habit-banner-overview button.habit-banner-power{background-image:linear-gradient(90deg,#0c100be8,#0c100b65),url('/mirror-images/power-ups.png');background-position:center,center 42%}
#mirror-preview .reflection-world .habit-banner-overview button.habit-banner-drainer{background-image:linear-gradient(90deg,#100c0be8,#100c0b65),url('/mirror-images/drainers.png');background-position:center,center 42%}
#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner span{font:300 28px/1 system-ui;color:#e4d1a7}
#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner:hover{border-color:#d6b977}
#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner:focus-visible{outline:2px solid #efd6a1;outline-offset:4px}
#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner[aria-expanded=true]{border-color:#d6b977}
.habit-banner-content[hidden]{display:none!important}
.habit-banner-content{padding-top:20px}
.habit-banner-content>.radar-card{max-width:760px;margin:0 auto!important}
@media(max-width:600px){#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner{min-height:100px;padding:24px 20px}.habit-banner-overview{gap:14px}}
@media print{.habit-banner-content[hidden]{display:block!important}}

/* Match the original artwork instead of cropping it into a narrow strip. */
#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner{
 aspect-ratio:16/9;min-height:0;height:auto;align-items:flex-end;padding:28px 30px;
 background-size:100% 100%,100% 100%;background-position:center,center;
 font-size:clamp(24px,4vw,36px);overflow:hidden;
}
#mirror-preview .reflection-world .habit-banner-overview button.habit-banner-power{
 background-image:linear-gradient(180deg,transparent 55%,#0b0e0b28 72%,#0b0e0bd9),url('/mirror-images/power-ups.png');
}
#mirror-preview .reflection-world .habit-banner-overview button.habit-banner-drainer{
 background-image:linear-gradient(180deg,transparent 55%,#100b0b28 72%,#100b0bd9),url('/mirror-images/drainers.png');
}
@media(max-width:600px){
 #mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner{padding:18px 20px;min-height:0;font-size:25px}
}

#mirror-preview .reflection-world .habit-banner-overview button.habit-section-banner{justify-content:flex-end}

#mirror-preview .habit-banner-content>.radar-card{max-width:100%;padding:20px 14px}
#mirror-preview .habit-banner-content>.radar-card .habit-radar{max-width:960px;margin:6px auto}
@media(max-width:600px){#mirror-preview .habit-banner-content>.radar-card{padding:16px 6px}#mirror-preview .habit-banner-content>.radar-card .radar-heading,#mirror-preview .habit-banner-content>.radar-card>p{margin-left:10px;margin-right:10px}}