/* Each surface is isolated: no global avatar, footer or modal geometry overrides. */
.cg-surface-r1 {--cg-ink:#f5f4ff;--cg-muted:#c2cce6;--cg-accent:#afc0ff;--cg-second:#dedfff;--cg-line:#a5b9ee40;--cg-soft:#bacdff14;--cg-bg:#111d3a;position:relative;isolation:isolate;color:var(--cg-ink)!important;background:var(--cg-bg)!important;border:1px solid var(--cg-line)!important;overflow:hidden;}
.cg-surface-r1[data-growth-tier="begin"]{--cg-ink:#273c67;--cg-muted:#52658a;--cg-accent:#596bc5;--cg-second:#a7b4ed;--cg-line:#cdd8f3;--cg-soft:#758ae810;--cg-bg:linear-gradient(125deg,#fff 5%,#f3f4ff 62%,#eaf0ff);}
.cg-surface-r1[data-growth-tier="explore"]{--cg-ink:#ecfff9;--cg-muted:#abd8d6;--cg-accent:#70e9ce;--cg-second:#79cfff;--cg-line:#77e5d044;--cg-soft:#7df5cf12;--cg-bg:radial-gradient(ellipse at 10% 20%,#175c60,transparent 65%),linear-gradient(130deg,#0f303e,#102f40);}
.cg-surface-r1[data-growth-tier="discover"]{--cg-muted:#d1c4f0;--cg-accent:#c8afff;--cg-second:#8cc5ff;--cg-line:#b595fb60;--cg-soft:#b098fb18;--cg-bg:radial-gradient(ellipse at 0% 85%,#493b83,transparent 65%),linear-gradient(130deg,#201b45,#292046);}
.cg-surface-r1[data-growth-tier="master"]{--cg-ink:#fff4d9;--cg-muted:#d5c29a;--cg-accent:#f1cb7e;--cg-second:#fff0bb;--cg-line:#d4ad6270;--cg-soft:#f4ce7714;--cg-bg:radial-gradient(ellipse at 10% 0%,#564128,transparent 60%),linear-gradient(130deg,#241e19,#171b24);box-shadow:inset 0 0 0 3px #201d18,inset 0 0 0 4px #d7b27330,0 5px 18px #372c2710!important;}
.cg-surface-r1[data-growth-tier="grand"]{--cg-ink:#ffeffb;--cg-muted:#e0b8d4;--cg-accent:#ffb1d9;--cg-second:#c3a0ff;--cg-line:#e89cce88;--cg-soft:#ffabe018;--cg-bg:radial-gradient(ellipse at 15% 0%,#704166,transparent 60%),radial-gradient(ellipse at 100% 100%,#49316f,transparent 70%),#2b1837;box-shadow:inset 0 0 0 3px #38203f,inset 0 0 0 4px #edaad23b,0 5px 22px #6b376523!important;}
.cg-surface-r1[data-growth-tier="legend"]{--cg-ink:#ecfbff;--cg-muted:#bad5ed;--cg-accent:#9de8ff;--cg-second:#c1acff;--cg-line:#8eccef9c;--cg-soft:#91e8ff19;--cg-bg:radial-gradient(ellipse at 0% 10%,#185277,transparent 58%),radial-gradient(ellipse at 95% 80%,#403b78,transparent 65%),#0e1d39;box-shadow:inset 0 0 0 3px #142445,inset 0 0 0 4px #a3dfff40,0 6px 24px #406aa52e!important;}
.cg-surface-r1[data-growth-tier="eternal"]{--cg-ink:#f2fffc;--cg-muted:#c4ddd9;--cg-accent:#bafae9;--cg-second:#f0bde9;--cg-line:#c6f7eab5;--cg-soft:#b9f5e914;--cg-bg:radial-gradient(ellipse at 3% 5%,#315567,transparent 60%),radial-gradient(ellipse at 100% 100%,#663557,transparent 70%),linear-gradient(125deg,#111c30,#143b43);box-shadow:inset 0 0 0 2px #c4e8ed35,inset 0 0 0 5px #0c2327, inset 0 0 0 6px #d9c3fd4f,0 7px 25px #829ea64a!important;}
html body .home-rank9.cg-growth-r1{box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:space-between;gap:12px;padding:20px!important;border-radius:22px;min-width:0;min-height:295px;height:100%;}
.cg-growth-r1 :is(h2,h3,p){margin:0!important;}
.cg-growth-r1>*:not(.cg-scenery-r1),.cg-tile-r1>*:not(.cg-scenery-r1){position:relative;z-index:1;}
.cg-heading-r1{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:none;}
html body .cg-heading-r1 h2{font-size:14px;line-height:1.5;letter-spacing:-.045em;color:var(--cg-ink);font-weight:750;}
.cg-heading-r1 button{padding:5px 7px;margin:-5px -7px -5px 0;min-height:28px;border:0;border-radius:6px;box-shadow:none;background:transparent;color:var(--cg-muted);font:inherit;font-size:11px;white-space:nowrap;cursor:pointer;}
.cg-heading-r1 button:hover{color:var(--cg-ink);background:var(--cg-soft);}
.cg-heading-r1 button span{padding-left:3px;color:var(--cg-accent);}
.cg-stage-r1{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;flex:1 0 auto;}
.cg-medallion-r1{position:relative;display:grid;place-items:center;width:112px;height:126px;color:var(--cg-accent);}
.cg-art-r1{width:200px;height:200px;flex:none;}
.cg-medallion-r1>.cg-medal-art-r1{position:absolute;inset:0;width:112px;height:112px;opacity:.75;filter:drop-shadow(0 0 5px var(--cg-line));}
.cg-avatar-r1{align-self:start;margin-top:20px;position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#edf3ff,#c8d5ef);box-shadow:0 0 0 4px #ffffff0a,0 0 0 5px var(--cg-line),0 8px 22px #0002;}
html body .cg-avatar-r1>.cogo-avatar{width:70px!important;height:70px!important;min-width:0!important;min-height:0!important;flex:none!important;margin:0!important;}
.cg-level-r1{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:4px 9px;border:1px solid var(--cg-line);border-radius:6px;background:var(--cg-bg);color:var(--cg-accent);white-space:nowrap;font-size:10px;font-weight:750;line-height:1.3;font-variant-numeric:tabular-nums;}
.cg-identity-r1{min-width:0;}
html body .cg-tag-r1{display:block;font-size:9px!important;letter-spacing:.19em!important;line-height:1.5;color:var(--cg-accent)!important;font-weight:700;}
html body .cg-identity-r1 h3{font-size:27px;letter-spacing:-.055em;line-height:1.35;color:var(--cg-ink);font-weight:800;}
html body .cg-motto-r1{font-size:10px;line-height:1.5;color:var(--cg-muted);margin-top:3px!important;word-break:keep-all;}
.cg-stats-r1{display:grid;grid-template-columns:minmax(65px,.8fr) minmax(0,1.2fr);gap:10px;margin-top:13px;}
.cg-stats-r1>div+div{border-left:1px solid var(--cg-line);padding-left:12px;}
.cg-stats-r1 span{display:block;color:var(--cg-muted);font-size:10px;line-height:1.4;}
.cg-stats-r1 strong{display:block;margin-top:2px;color:var(--cg-ink);font-size:21px;line-height:1.3;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.cg-stats-r1 small{padding-left:3px;color:var(--cg-muted);font-size:10px;font-weight:500;letter-spacing:0;}
.cg-progress-r1{flex:none;}
.cg-progress-r1>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--cg-muted);font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;}
.cg-track-r1{height:3px;border-radius:4px;overflow:hidden;background:var(--cg-line);}
.cg-track-r1>i{display:block;height:100%;background:linear-gradient(90deg,var(--cg-accent),var(--cg-second));border-radius:4px;}
.cg-continue-r1{display:flex;align-items:center;justify-content:center;gap:14px;flex:none;width:100%;min-height:34px;padding:7px 12px;border:1px solid var(--cg-line);border-radius:9px;background:var(--cg-soft);color:var(--cg-ink);font:inherit;font-size:11px;font-weight:650;line-height:1.5;cursor:pointer;}
.cg-continue-r1:hover{background:var(--cg-line);}
.cg-growth-r1 button:focus-visible{outline:2px solid var(--cg-accent);outline-offset:3px;}
.cg-scenery-r1{position:absolute!important;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:var(--cg-accent);border-radius:inherit;}
.cg-scenery-r1>.cg-art-r1{position:absolute;right:-49px;top:-39px;width:230px;height:230px;opacity:.12;}
.cg-aura-r1{position:absolute;right:-70px;top:-110px;width:330px;height:330px;border-radius:50%;background:radial-gradient(ellipse,var(--cg-accent),transparent 65%);opacity:.07;}
.cg-corner-r1{position:absolute;inset:8px;border:1px solid var(--cg-line);border-radius:15px;clip-path:polygon(0 0,25px 0,25px 25px,calc(100% - 25px) 25px,calc(100% - 25px) 0,100% 0,100% 100%,calc(100% - 25px) 100%,calc(100% - 25px) calc(100% - 25px),25px calc(100% - 25px),25px 100%,0 100%);}
.cg-star-r1{position:absolute;color:var(--cg-accent);font-style:normal;font-size:calc(4px + var(--n)*.35px);opacity:.3;}
[data-growth-tier="eternal"] .cg-scenery-r1>.cg-art-r1{opacity:.25;filter:drop-shadow(0 0 6px #c8fded);}
[data-growth-tier="eternal"] .cg-aura-r1{background:conic-gradient(from 15deg,#d7ffe5,#92daff,#ebc0ff,#ffd0de,#d7ffe5);filter:blur(28px);opacity:.2;}
[data-growth-tier="eternal"] .cg-identity-r1 h3{background:linear-gradient(110deg,#ceffef 5%,#e1edff 40%,#ffd0f0 72%,#ffeed9);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 8px #cafff01f);}
@keyframes cg-orbit-r1{to{transform:rotate(360deg)}}
@keyframes cg-drift-r1{50%{transform:translate(10px,10px) scale(1.07)}}
@media(prefers-reduced-motion:no-preference){
 .cg-growth-r1[data-growth-motion="true"][data-growth-tier="legend"] .cg-scenery-r1>.cg-art-r1{animation:cg-orbit-r1 90s linear infinite;}
 .cg-growth-r1[data-growth-motion="true"][data-growth-tier="eternal"] .cg-scenery-r1>.cg-art-r1{animation:cg-orbit-r1 70s linear infinite;}
 .cg-growth-r1[data-growth-motion="true"]:is([data-growth-tier="grand"],[data-growth-tier="legend"],[data-growth-tier="eternal"]) .cg-aura-r1{animation:cg-drift-r1 14s ease-in-out infinite;}
}
body.focus-mode .cg-growth-r1 *{animation:none!important;}
html body .tier-guide285.cg-guide-r1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
html body .cg-guide-r1 .cg-tile-r1{display:flex;flex-direction:row;align-items:center;gap:15px;min-width:0;padding:20px 16px;border-radius:14px;}
.cg-guide-emblem-r1{flex:none;width:72px;height:80px;color:var(--cg-accent);filter:drop-shadow(0 0 6px var(--cg-line));}
.cg-guide-emblem-r1 .cg-art-r1{width:72px;height:80px;}
.cg-guide-copy-r1{min-width:0;}
html body .cg-guide-copy-r1 b{display:block;margin:5px 0;font-size:20px;letter-spacing:-.05em;color:var(--cg-ink);}
html body .cg-guide-copy-r1 small{display:block;color:var(--cg-muted);font-size:10px;}
html body .cg-guide-copy-r1 p{margin:9px 0 0;font-size:10px;line-height:1.6;color:var(--cg-muted);word-break:keep-all;}
.cg-guide-r1 .cg-tile-r1:last-child{grid-column:1/-1;justify-content:center;padding-block:24px;}
.cg-guide-r1 .cg-tile-r1:last-child .cg-guide-emblem-r1,.cg-guide-r1 .cg-tile-r1:last-child .cg-guide-emblem-r1 svg{width:104px;height:104px;}
.cg-guide-note-r1{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0 0;}
@media(max-width:1250px) and (min-width:761px){
 html body .home-rank9.cg-growth-r1{padding:16px!important;gap:10px;min-height:288px;}
 .cg-stage-r1{grid-template-columns:86px minmax(0,1fr);gap:12px;}
 .cg-medallion-r1{width:86px;height:108px;}
 .cg-medallion-r1>.cg-medal-art-r1{width:86px;height:86px;}
 .cg-avatar-r1{margin-top:14px;width:58px;height:58px;}
 html body .cg-avatar-r1>.cogo-avatar{width:56px!important;height:56px!important;}
 html body .cg-identity-r1 h3{font-size:23px;}
 .cg-stats-r1{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6px;}
 .cg-stats-r1>div+div{padding-left:8px;}
 .cg-stats-r1 strong{font-size:17px;}
}
@media(max-width:760px){
 html body .home9:has(.cg-growth-r1) .home-top9{display:flex!important;flex-direction:column;max-height:none!important;height:auto!important;flex:none!important;}
 html body .home-rank9.cg-growth-r1{height:auto;min-height:288px;padding:18px!important;gap:12px;border-radius:18px;}
 .cg-stage-r1{grid-template-columns:96px minmax(0,1fr);gap:16px;}
 .cg-medallion-r1{width:96px;height:112px;}
 .cg-medallion-r1>.cg-medal-art-r1{width:96px;height:96px;}
 .cg-avatar-r1{margin-top:17px;width:62px;height:62px;}
 html body .cg-avatar-r1>.cogo-avatar{width:60px!important;height:60px!important;}
 html body .cg-identity-r1 h3{font-size:24px;}
 .cg-stats-r1 strong{font-size:18px;}
 .cg-stats-r1{gap:7px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);}
 .cg-stats-r1>div+div{padding-left:8px;}
 .cg-continue-r1{min-height:38px;}
}
@media(max-width:520px){
 html body .tier-guide285.cg-guide-r1{grid-template-columns:1fr;}
 html body .cg-guide-r1 .cg-tile-r1{padding:16px;}
 .cg-guide-r1 .cg-tile-r1:last-child{justify-content:flex-start;}
 .cg-guide-r1 .cg-tile-r1:last-child .cg-guide-emblem-r1,.cg-guide-r1 .cg-tile-r1:last-child .cg-guide-emblem-r1 svg{width:72px;height:80px;}
}

/* Full-width statistics keep exact high-level XP readable on narrow cards. */
html body .home-rank9.cg-growth-r1{gap:9px;}
.cg-stage-r1{grid-template-columns:100px minmax(0,1fr);gap:18px;}
.cg-medallion-r1{width:94px;height:101px;}
.cg-medallion-r1>.cg-medal-art-r1{width:86px;height:86px;left:4px;}
.cg-avatar-r1{width:58px;height:58px;margin-top:14px;}
html body .cg-avatar-r1>.cogo-avatar{width:56px!important;height:56px!important;}
.cg-stats-r1{flex:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:0;}
.cg-stats-r1 strong{white-space:nowrap;}
.cg-growth-r1[data-long-xp="true"] .cg-stats-r1>div:last-child strong{font-size:18px;}
@media(max-width:1500px) and (min-width:761px){
 html body .home-rank9.cg-growth-r1{padding:16px!important;gap:7px;min-height:260px;}
 .cg-stage-r1{grid-template-columns:84px minmax(0,1fr);gap:12px;}
 .cg-medallion-r1{width:80px;height:87px;}
 .cg-medallion-r1>.cg-medal-art-r1{left:0;width:80px;height:80px;}
 .cg-avatar-r1{width:52px;height:52px;margin-top:14px;}
 html body .cg-avatar-r1>.cogo-avatar{width:50px!important;height:50px!important;}
 .cg-level-r1{bottom:-2px;font-size:9px;}
 .cg-stats-r1 strong{font-size:18px;}
 .cg-growth-r1[data-long-xp="true"] .cg-stats-r1>div:last-child strong{font-size:16px;}
 html body .cg-identity-r1 h3{font-size:24px;}
}
@media(max-width:760px){
 html body .home-rank9.cg-growth-r1{gap:9px;min-height:290px;}
 .cg-stage-r1{grid-template-columns:94px minmax(0,1fr);gap:14px;}
 .cg-growth-r1[data-long-xp="true"] .cg-stats-r1>div:last-child strong{font-size:16px;}
}
@media(max-width:350px){
 .cg-growth-r1[data-long-xp="true"] .cg-stats-r1>div:last-child strong{font-size:13px;}
 .cg-stats-r1{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);}
 html body .cg-identity-r1 h3{font-size:22px;}
}