.account-card,.account-auth,.scoreboard-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px;margin:24px 0}.account-card h2,.account-auth h2{font-size:22px}.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.account-section-heading .eyebrow{font-size:9px;letter-spacing:1px}.account-connected{display:inline-flex;align-items:center;gap:5px;color:#a8e2cf;font-size:11px;white-space:nowrap}.account-card-glyph{display:inline-grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#292235;color:#c8adf0;flex-shrink:0}.account-guest{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.account-guest>div{flex:1;min-width:180px}.account-guest p,.account-intro p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.account-guest>.button{width:100%}.account-intro{text-align:center}.account-auth{margin:0;background:transparent;border:0;padding:4px 0}.auth-tabs{display:flex;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:13px;margin:24px 0 20px}.auth-tabs button{flex:1;min-height:40px;border-radius:9px;color:var(--muted);font-size:13px}.auth-tabs button.active{background:#30243e;color:#e1c6ff;box-shadow:0 1px 4px #0002}.account-form{display:flex;flex-direction:column;gap:15px}.account-form>label{display:block;font-size:12px;color:#d2ccde}.account-form input{display:block;font-size:14px;font-weight:500;margin-top:7px;min-height:48px}.account-form>.button{margin-top:5px}.field-note{font-size:10px!important;line-height:1.6;color:var(--muted);margin-top:-7px}.account-form .field-note{margin-top:-8px}.account-form input[readonly]{color:var(--muted);background:#17131d}.auth-divider{height:1px;background:var(--line);margin:28px 0;position:relative}.auth-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;color:var(--muted);font-size:11px;background:var(--surface)}.provider-buttons{display:flex;flex-direction:column;gap:10px}.provider-button{display:flex;align-items:center;gap:13px;text-align:left;min-height:55px;padding:11px 15px;border:1px solid var(--line-strong);border-radius:12px;background:#1c1823}.provider-button>span{flex:1;font-size:13px}.provider-button small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:2px}.provider-button small:empty{display:none}.provider-button>svg:last-child:not(:first-child){color:#a4dfc7}.provider-button:hover:not(:disabled){border-color:#9b7ac2;background:#282031}.provider-button:disabled{opacity:.5;cursor:default}.provider-button.linked{opacity:1;border-color:#345346;background:#18251f}.provider-button.linked small{color:#9ed4be}.account-note{font-size:11px;line-height:1.8;font-weight:500;color:var(--muted);margin-top:19px}.account-message{border:1px solid #66313f;background:#311c26;color:#ffafba;border-radius:10px;padding:12px;font-size:12px;line-height:1.7;margin:16px 0;overflow-wrap:anywhere}.account-message.success{border-color:#355b49;background:#1b2b23;color:#b7ebd2}.password-method{display:flex;align-items:center;gap:12px;padding:16px 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.method-glyph{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid #42334d;border-radius:10px;color:#c2a3e1;flex-shrink:0}.password-method>div{flex:1;min-width:0}.password-method strong{font-size:13px}.password-method p{font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.button.compact{padding:8px 12px;min-height:37px;font-size:11px}.account-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;padding-top:19px;border-top:1px solid var(--line);font-size:11px}.account-logout{font-size:11px;color:var(--muted);padding:7px 0}.account-logout:hover{color:#ffbac5}
.coddy-avatar{display:inline-flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;width:82px;height:82px;border-radius:50%;padding:5px;color:#c9a5ff;isolation:isolate}.coddy-avatar .avatar-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #4f3b63;border-radius:50%;background:#241a31;z-index:1}.coddy-avatar img{width:84%;height:88%;object-fit:contain}.coddy-avatar.provider-avatar img{width:100%;height:100%;object-fit:cover}.coddy-avatar.large{width:102px;height:102px}.coddy-avatar.small{width:49px;height:49px;padding:3px}.coddy-avatar.frame-orbit{background:#a883d8;box-shadow:0 0 0 2px #3c2e50 inset}.frame-orbit .avatar-frame-detail{position:absolute;z-index:2;top:3%;right:8%;width:17%;height:17%;background:#e3c1ff;clip-path:polygon(50% 0,62% 34%,100% 50%,65% 64%,50% 100%,35% 65%,0 50%,35% 35%)}.coddy-avatar.frame-circuit{padding:6px;border-radius:23%;background:repeating-conic-gradient(#a7ddc8 0deg 68deg,#3e6659 68deg 90deg);box-shadow:0 0 0 2px #182921 inset}.coddy-avatar.frame-circuit .avatar-inner{border-radius:21%;border-color:#6fbaa2}.coddy-avatar.small.frame-circuit{padding:4px}.frame-circuit .avatar-frame-detail{position:absolute;inset:2px;border:1px solid #91cfb7;border-radius:22%;pointer-events:none}.coddy-avatar.frame-aurora{background:conic-gradient(from 45deg,#c39ee8,#8ed9c9,#b5b8f8,#d3a3e1,#8ed9c9,#c39ee8);box-shadow:0 0 12px #a68aca38}.frame-aurora .avatar-frame-detail{position:absolute;inset:-2px;border:1px solid #ba9ada66;border-radius:50%}.coddy-avatar.frame-solar{background:conic-gradient(from 20deg,#d39d51,#ffe0a4,#c7904b,#ffe0a4,#d39d51);padding:6px}.frame-solar .avatar-frame-detail{position:absolute;z-index:2;bottom:-1%;left:calc(50% - 9px);width:18px;height:12px;background:#f4ce88;border:2px solid #73512e;border-radius:3px;transform:rotate(-7deg)}.coddy-avatar.small.frame-solar{padding:4px}.coddy-avatar.small.frame-solar .avatar-frame-detail{width:12px;height:8px;left:calc(50% - 6px);border-width:1px}.avatar-picker>.account-note{margin-top:0;margin-bottom:20px}.account-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:125px;padding:14px 6px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-size:10px;line-height:1.5}.avatar-choice.selected{border-color:#b18cda;background:#2c2138}.avatar-choice:hover:not(:disabled){border-color:#9071af}.avatar-choice>.coddy-avatar{width:66px;height:66px}.choice-tick{position:absolute;right:7px;top:7px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#ad8bce;color:#1a1122}.avatar-picker h3{font-size:15px;margin:26px 0 16px}.owned-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:23px}.owned-frame-choice{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 5px;border:1px solid var(--line);border-radius:13px;font-size:10px}.owned-frame-choice.selected{border-color:#a785ce;background:#2c2138}.avatar-picker>.button{width:100%;font-size:11px}.cosmetics-heading{margin-top:35px}.cosmetics-section h2{font-size:22px}.cosmetics-section .eyebrow{font-size:10px}.cosmetics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cosmetic-product{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:19px;min-width:0}.cosmetic-preview{position:relative;display:flex;justify-content:center;align-items:center;min-height:138px;margin:-5px -5px 14px;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#34263e55,transparent 72%)}.owned-label{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;display:flex;gap:4px;align-items:center;color:#a8d6bf;font-size:9px;background:#19261f;border:1px solid #344b3d;padding:4px 7px;border-radius:7px}.cosmetic-product h3{font-size:15px}.cosmetic-product p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 17px;font-weight:500;flex:1}.cosmetic-product .button{width:100%;font-size:12px;min-height:39px}.cosmetic-shortfall{font-size:9px;color:var(--muted);text-align:center;margin-top:8px}
.scoreboard-heading h1{overflow-wrap:anywhere}.scoreboard-hero{display:flex;align-items:center;gap:22px;border:1px solid #594165;border-radius:20px;padding:24px;background:radial-gradient(ellipse at 10% 50%,#69467235,transparent 80%),#211a2a}.league-emblem{width:82px;height:92px;display:grid;place-items:center;background:linear-gradient(150deg,#42324f,#302238);clip-path:polygon(50% 0,95% 20%,88% 76%,50% 100%,12% 76%,5% 20%);flex-shrink:0}.scoreboard-hero .eyebrow{color:#c9abe1;font-size:10px}.scoreboard-hero h2{font-size:20px}.scoreboard-hero p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.7}.scoreboard-join{display:flex;align-items:center;gap:16px;padding:20px;margin:19px 0;border:1px solid var(--line);border-radius:15px;background:#19151e}.scoreboard-join>div{flex:1}.scoreboard-join strong{font-size:13px}.scoreboard-join p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.scoreboard-join>.button{font-size:11px;padding:10px 16px;min-height:38px}.scoreboard-summary{display:flex;justify-content:space-between;gap:16px;margin:20px 0;padding:16px 20px;border:1px solid #466358;background:#19261f;border-radius:12px;color:#b0c7bd;font-size:11px}.scoreboard-summary strong{color:#ceeddc;margin-left:6px}.scoreboard-info{font-size:12px;color:var(--muted);margin:23px 0;line-height:1.8}.scoreboard-card{padding:0;overflow:hidden}.scoreboard-card>header{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line)}.scoreboard-card>header h2{font-size:15px;flex:1}.scoreboard-card>header>span{font-size:10px;color:var(--muted)}.scoreboard-card>header button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#bc9bd6}.scoreboard-card>header button:hover:not(:disabled){background:#30243d}.scoreboard-list,.scoreboard-pinned{list-style:none;margin:0;padding:8px}.score-row{display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:12px;padding:13px 12px;margin:3px 0;min-width:0}.score-row.is-me{border-color:#80609c;background:#30213d}.score-rank{display:grid;place-items:center;width:28px;flex-shrink:0;color:#91849f;font-size:13px;font-weight:700}.score-rank.rank-1{color:#f5d18d}.score-rank.rank-2{color:#c0c5d7}.score-rank.rank-3{color:#b68d76}.score-person{flex:1;min-width:0}.score-person strong{display:block;font-size:13px;overflow-wrap:anywhere}.score-person small{font-size:9px;color:var(--muted);font-weight:500;display:block;margin-top:4px}.score-you{font-size:8px;font-weight:500;color:#c6a6df;margin-left:6px;white-space:nowrap}.score-xp{font-size:16px;color:#cebbdf;white-space:nowrap;text-align:right}.score-xp small{display:block;font-size:8px;letter-spacing:.5px;color:#9985ab;margin-top:1px}.zone-promotion .score-person small{color:#8ebfa8}.zone-demotion .score-person small{color:#cfa4af}.league-boundary{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;color:#8ebfa8;font-size:9px;text-transform:uppercase;letter-spacing:1px;border-top:1px dashed #3a5145;margin:9px 5px 0}.league-boundary.demotion{color:#cfa4af;border-color:#58404a}.scoreboard-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;color:#a88cbc;font-size:12px}.scoreboard-empty h3{font-size:16px;color:var(--text)}.scoreboard-empty p{color:var(--muted);line-height:1.8;max-width:290px}.scoreboard-pinned{border:1px solid #80609c;border-radius:15px;background:var(--surface);margin-top:16px}.scoreboard-pinned .score-row{margin:0}.scoreboard-pinned .score-row.is-me{border:0;background:transparent}.topic-row-icon{display:inline-flex;justify-content:center;align-items:center;width:39px;height:39px;flex-shrink:0;border-radius:11px;background:color-mix(in srgb,var(--topic-color,#b99bdf) 10%,transparent);color:var(--topic-color,#b99bdf)}.topic-row-icon svg{width:23px;height:23px}.topic-row>.topic-row-icon+span{min-width:0;flex:1}.topic-index-group .topic-row-icon{width:34px;height:34px;border-radius:9px}.topic-index-group .topic-row-icon svg{width:20px;height:20px}.unit-topic-title{display:flex;align-items:center;gap:9px}.unit-topic-title>svg{flex-shrink:0}
@media(max-width:760px){.account-card{padding:19px;margin:20px 0}.account-card h2,.account-auth h2,.cosmetics-section h2{font-size:20px}.account-section-heading{gap:8px}.account-section-heading .eyebrow{font-size:8px}.account-note{font-size:10px}.account-avatar-grid{gap:8px}.avatar-choice{padding:13px 4px;min-height:118px;font-size:9px}.avatar-choice>.coddy-avatar{width:62px;height:62px}.cosmetics-grid{gap:10px}.cosmetic-product{padding:14px}.cosmetic-product h3{font-size:13px}.cosmetic-product p{font-size:10px;line-height:1.7}.cosmetic-preview{min-height:115px}.cosmetic-preview .coddy-avatar.large{width:85px;height:85px}.cosmetic-product .button{font-size:10px;padding:9px}.cosmetic-shortfall{font-size:8px}.scoreboard-hero{padding:20px 16px;gap:15px}.scoreboard-hero h2{font-size:17px}.league-emblem{width:62px;height:73px}.league-emblem svg{width:38px;height:38px}.scoreboard-join{flex-wrap:wrap;padding:17px;gap:13px}.scoreboard-join>div{min-width:200px}.scoreboard-join>.button{width:100%}.scoreboard-summary{padding:15px 13px;font-size:10px}.scoreboard-summary strong{display:block;margin:5px 0 0;font-size:16px}.scoreboard-card>header{padding:15px}.scoreboard-list{padding:6px}.score-row{padding:12px 7px;gap:9px}.score-rank{width:23px;font-size:11px}.score-rank svg{width:21px;height:21px}.score-row .coddy-avatar.small{width:42px;height:42px}.score-person strong{font-size:12px}.score-person small{font-size:8px}.score-xp{font-size:14px}.score-you{display:block;margin:3px 0 0;font-size:8px}.topic-row{gap:12px}.topic-row-icon{width:35px;height:35px;border-radius:10px}.topic-row-icon svg{width:21px;height:21px}.password-method{gap:9px}.password-method strong{font-size:11px}.password-method p{font-size:10px}.password-method>.button{font-size:9px;padding:8px}.account-form input{font-size:16px}.account-footer{font-size:10px;gap:8px}}
.profile-score-link{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.profile-score-link>.button{flex:1;min-width:170px;font-size:12px}.nav-list .nav-item:nth-child(4) .nav-icon{color:#d6b47f}.nav-list .nav-item:nth-child(5) .nav-icon{color:#d38dce}.nav-list .nav-item:nth-child(6) .nav-icon{color:#ab83db}
@media(max-width:760px){.mobile-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding-left:7px;padding-right:7px}.mobile-nav>a{width:100%;min-width:0;max-width:none;letter-spacing:0;font-size:8px;gap:6px;padding-left:0;padding-right:0}.mobile-nav>a>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav>a:nth-child(4)>svg{color:#d6b47f}.mobile-nav>a:nth-child(5)>svg{color:#d38dce}.mobile-nav>a:nth-child(6)>svg{color:#ab83db}.profile-score-link{gap:10px}.profile-score-link>.button{font-size:10px;min-width:140px}}
@media(prefers-reduced-motion:reduce){.coddy-avatar,.cosmetic-product,.provider-button{transition:none}}