.maturity-banner{grid-column:1/-1;min-width:0;max-width:100%;padding:10px 14px 5px;border:1px solid var(--line,#dbe6e2);border-radius:15px;background:linear-gradient(115deg,#f4fbf8,#faf8ff);color:var(--ink,#243c36);box-sizing:border-box;isolation:isolate;overflow:hidden}.maturity-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px}.maturity-heading h2{font-size:12px;margin:0}.maturity-heading a{margin-inline-start:auto;font-size:10px;color:#17784e}.maturity-key{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#52695f}.maturity-key i{width:6px;height:6px;border-radius:50%;background:#20a872;box-shadow:0 0 7px #20a87277}.maturity-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b7d5c8 transparent;padding:4px 2px 2px;direction:rtl}.maturity-scroll:focus-visible{outline:2px solid #168354;outline-offset:-2px}.maturity-rail{display:flex;list-style:none;margin:0;padding:0;min-width:920px}.maturity-node{position:relative;flex:1 0 88px;min-width:0;text-align:center}.maturity-node:not(:last-child):after{content:"";position:absolute;height:2px;inset-block-start:18px;inset-inline-start:50%;width:100%;z-index:-1;background:linear-gradient(90deg,#c9d7d1,#d7d0e9,#c9d7d1);background-size:200% 100%;animation:maturity-link 9s linear infinite}.maturity-node-button{appearance:none;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;color:inherit;width:100%;padding:0 4px;cursor:pointer;font:inherit;border-radius:10px}.maturity-node-button:hover .maturity-orb,.maturity-node-button:focus-visible .maturity-orb{transform:translateY(-2px) scale(1.08)}.maturity-node-button:focus-visible{outline:2px solid #168354;outline-offset:0}.maturity-orb{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #cabde5;background:radial-gradient(circle at 30% 25%,#fff,#eee9f6);color:#76618e;font-size:13px;font-weight:800;box-shadow:0 0 0 4px #c6b7e913,0 3px 10px #8877a319;transition:transform .2s;animation:maturity-dream 5s ease-in-out infinite}.maturity-orb:before{content:"";position:absolute;inset:-4px;border:1px dashed #ac96d066;border-radius:50%;animation:maturity-orbit 18s linear infinite}.maturity-node:nth-child(2n) .maturity-orb{animation-delay:-1.8s}.maturity-node:nth-child(3n) .maturity-orb{animation-delay:-3.1s}.maturity-label{font-size:9px;font-weight:600;line-height:1.65;min-height:28px;max-width:104px;display:grid;place-items:center;text-wrap:balance;overflow-wrap:anywhere}.maturity-state{font-size:8px;color:#66776f;line-height:1.4}.is-active .maturity-orb{background:radial-gradient(circle at 30% 25%,#8dedbf,#1c9b65 65%,#147d50);border-color:#1f9d67;color:#fff;box-shadow:0 0 0 4px #27b7791a,0 0 15px #28b47566;animation:maturity-lit 3.5s ease-in-out infinite}.is-active .maturity-orb:before{border-color:#32ad7c99}.is-active .maturity-state{color:#16734b;font-weight:700}.is-active .maturity-orb:after{content:"✓";position:absolute;inset-inline-end:-4px;bottom:-2px;background:#fff;color:#178257;border:1px solid #9fd4bb;width:12px;height:12px;line-height:12px;border-radius:50%;font-size:9px}.is-terminal .maturity-orb{border-color:#c99a4e;color:#9b702f;background:radial-gradient(circle at 30% 25%,#fffef7,#f3e8cd)}.is-terminal.is-active .maturity-orb{background:radial-gradient(circle at 30% 25%,#fff6ba,#d8ab3d);box-shadow:0 0 17px #e7b95277}.maturity-description{font-size:9px;line-height:1.7;color:#617167;margin:3px 0 0;min-height:16px}.maturity-admin-list{display:grid;gap:8px;margin-top:18px}.maturity-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;flex-wrap:wrap}.maturity-admin-row h3{font-size:13px;margin:0 0 4px}.maturity-admin-row p{font-size:11px;margin:0}.maturity-admin-row .button-row{margin:0}.maturity-admin-row button{font-size:11px}@keyframes maturity-link{to{background-position:200% 0}}@keyframes maturity-orbit{to{transform:rotate(360deg)}}@keyframes maturity-dream{50%{box-shadow:0 0 0 5px #c6b7e91c,0 0 12px #b19acb33}}@keyframes maturity-lit{50%{box-shadow:0 0 0 5px #27b77922,0 0 21px #28b47588}}@media(max-width:600px){.maturity-banner{padding:9px 10px 4px}.maturity-heading{gap:7px}.maturity-heading h2{font-size:11px}.maturity-key{font-size:8px}.maturity-description{font-size:8px}.maturity-scroll{padding-bottom:5px}}@media(prefers-reduced-motion:reduce){.maturity-orb,.maturity-orb:before,.maturity-node:after{animation:none}.maturity-orb{transition:none}}
