/* Growth is a factual history with configurable realm thresholds. */
.growth-realm{padding:20px 16px;margin:10px 0 18px;border:1px solid #3d6256;border-radius:16px;background:linear-gradient(135deg,#203d34,#142422)}.growth-realm>strong{display:block;font-size:28px;margin:6px 0 16px;color:#dcc99b}.realm-path{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.realm-path span{padding:7px 2px;border:1px solid #40554e;border-radius:8px;text-align:center;font-size:12px;color:#9ab0a7}.realm-path .current{background:#64704f;color:#fff3c7;border-color:#cbbb85}.realm-path .reached{color:#bde4d0}.realm-progress{font-size:12px;margin:10px 0}.realm-progress progress{width:100%;accent-color:#a0dcc9}.growth-timeline .hub-item{border-left:3px solid #507e6a}.growth-timeline p,.hub-item blockquote p{white-space:pre-wrap}.hub-item blockquote{margin:14px 0 0;padding:12px;border-left:2px solid #899d68;background:#1c3029}fieldset{border:1px solid #344e44;border-radius:10px;margin:14px 0;padding:10px}legend{color:#dcc99b;padding:0 8px}#growth-rules-form input[type=checkbox]{width:20px;min-height:20px}#growth-rules-form label:has(input[type=checkbox]){display:flex;align-items:center}
.growth-rules-settings>summary{list-style:none;cursor:pointer}.growth-rules-settings>summary::-webkit-details-marker{display:none}.growth-rules-settings>summary::after{content:'+';float:right}.growth-rules-settings[open]>summary::after{content:'−'}.phone-content .hub-tabs{display:flex;gap:6px;margin:18px 0;overflow:auto}.phone-content .hub-tabs button{flex:1;white-space:nowrap;font-size:12px}.phone-content .hub-tabs button.active{background:#315848}.phone-content .hub-item{display:block;margin:12px 0;padding:14px;border:1px solid #344e44;border-radius:12px}.phone-content .growth-timeline p{white-space:pre-wrap}

/* Shared approved realm artwork: unchanged sheet displayed through sprite windows. */
.realm-current{display:flex;align-items:center;gap:10px;min-width:0}.realm-current>div{display:flex;flex-direction:column;gap:4px}.realm-current strong{font-size:23px;color:#dcc99b}.realm-current small{font-size:12px;color:#a9bcb4}.realm-badge{display:block;flex:0 0 100px;width:100px;height:92px;background-size:344px 286px;background-repeat:no-repeat;border-radius:12px;background-color:#151515}.realm-badge.pending{display:grid;place-items:center;background:radial-gradient(circle,#43564e,#1c2e27);border:1px solid #677b70;color:#a1b2a8;font-size:36px}.growth-realm .realm-criteria-link{margin-left:auto;white-space:nowrap;font-size:12px;padding:7px 9px;min-height:34px}.growth-realm{padding:12px;margin:10px 0 12px}.growth-criteria-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.growth-criteria-heading button{font-size:12px;padding:6px 9px;min-height:32px}.growth-criteria-list{display:grid;gap:12px;margin-top:12px}.growth-criterion{padding:12px;border:1px solid #344e44;border-radius:12px;background:#182c24}.growth-criterion p{margin:8px 0 0}.growth-criterion .realm-progress{margin:8px 0}.growth-realm>p{margin:8px 0 0}

.realm-badge{position:relative;overflow:hidden}.realm-badge img{position:absolute;width:344px!important;height:286px!important;max-width:none!important;object-fit:fill!important}
.realm-badge-0 img{left:-17.5px;top:-4.25px}
.realm-badge-1 img{left:-121.75px;top:-4.25px}
.realm-badge-2 img{left:-227.0px;top:-4.25px}
.realm-badge-3 img{left:-17.5px;top:-92.0px}
.realm-badge-4 img{left:-121.75px;top:-92.0px}
.realm-badge-5 img{left:-227.0px;top:-92.0px}
.realm-badge-6 img{left:-17.5px;top:-181.5px}
.realm-badge-7 img{left:-121.75px;top:-181.5px}
.realm-badge-8 img{left:-227.0px;top:-181.5px}

.realm-badge{height:76px}
.realm-badge-0 img{top:-12.25px}
.realm-badge-1 img{top:-12.25px}
.realm-badge-2 img{top:-12.25px}
.realm-badge-3 img{top:-100.0px}
.realm-badge-4 img{top:-100.0px}
.realm-badge-5 img{top:-100.0px}
.realm-badge-6 img{top:-189.5px}
.realm-badge-7 img{top:-189.5px}
.realm-badge-8 img{top:-189.5px}

.growth-demo-panel{padding:10px 12px;margin:8px 0 12px;border:1px solid #af8e4e;border-radius:10px;background:#352d20}.growth-demo-panel>strong{font-size:12px;color:#efcf8c}.growth-demo-panel p{font-size:12px;margin:6px 0}.growth-demo-actions{display:flex;flex-wrap:wrap;gap:6px}.growth-demo-actions button{font-size:11px;min-height:32px;padding:6px 8px}

.growth-demo-entry{display:flex;justify-content:flex-end;margin:8px 0}.growth-demo-entry button{font-size:12px;min-height:32px;padding:6px 10px}