/* BattleRanker Public Accounts */
.br-account-body{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at top center, var(--theme-role-surface-rgba-32-62-148-35-46eb8e), transparent 34%),
        linear-gradient(180deg, var(--theme-role-surface-09112a) 0, var(--theme-role-surface-0b1637) 120px, var(--theme-role-surface-141821) 420px, var(--theme-role-surface-161616) 100%);
    color:var(--theme-role-text-111);
}
.br-account-shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}
.br-auth-card{background:var(--theme-role-surface-f4f4f1);border:4px solid var(--theme-role-border-111);padding:34px;box-shadow:9px 9px 0 var(--theme-role-shadow-rgba-0-0-0-22-41d185)}
.br-auth-kicker{display:inline-block;background:var(--theme-role-surface-e7ff00);color:var(--theme-role-text-111);padding:6px 9px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.08em}
.br-auth-card h1{margin:10px 0 8px;font-size:clamp(46px,8vw,78px);line-height:.9;letter-spacing:-3px}
.br-auth-intro{max-width:570px;margin:0 0 24px;color:var(--theme-role-text-555);font-weight:700;line-height:1.5}
.br-auth-notice{margin:0 0 20px;padding:14px 16px;border:3px solid var(--theme-role-border-111);font-weight:800}
.br-auth-notice.danger{background:var(--theme-role-surface-ffdada);color:var(--theme-role-text-760000)}
.br-auth-notice.success{background:var(--theme-role-surface-e1f5df)}
.br-auth-form{display:grid;gap:16px}
.br-auth-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.br-auth-form label{display:grid;gap:7px;font-size:12px;font-weight:900;text-transform:uppercase}
.br-auth-form label small{font-size:10px;font-weight:600;color:var(--theme-role-text-777);text-transform:none}
.br-auth-form input{width:100%;min-height:50px;box-sizing:border-box;padding:10px 12px;border:3px solid var(--theme-role-border-111);background:var(--theme-role-surface-fff);color:var(--theme-role-text-111);font:inherit}
.br-auth-form input:focus{outline:4px solid var(--theme-role-border-rgba-231-255-0-55-80cf90);outline-offset:0}
.br-auth-submit{min-height:54px;border:3px solid var(--theme-role-border-111);background:var(--theme-role-surface-e7ff00);color:var(--theme-role-text-111);font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.br-auth-submit:hover{background:var(--theme-role-surface-111);color:var(--theme-role-text-fff)}
.br-auth-switch{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:2px solid var(--theme-role-border-d6d6d1);font-size:13px;font-weight:700}
.br-auth-switch a{color:var(--theme-role-text-111);font-weight:900}
.br-account-dashboard{width:min(1100px,calc(100% - 32px))}
.br-account-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px;border:4px solid var(--theme-role-border-111);background:var(--theme-role-surface-111);color:var(--theme-role-text-fff);box-shadow:9px 9px 0 var(--theme-role-shadow-rgba-0-0-0-22-41d185)}
.br-account-hero h1{margin:9px 0 2px;font-size:clamp(42px,7vw,76px);line-height:.92;letter-spacing:-3px}
.br-account-hero p{margin:0;color:var(--theme-role-text-bbb);font-weight:700}
.br-account-hero-actions{display:flex;flex-wrap:wrap;gap:8px}
.br-account-button{display:inline-flex;min-height:42px;align-items:center;padding:0 14px;border:2px solid var(--theme-role-border-fff);text-decoration:none;font-size:11px;font-weight:900}
.br-account-button.light{background:var(--theme-role-surface-e7ff00);border-color:var(--theme-role-border-e7ff00);color:var(--theme-role-text-111)}
.br-account-button.dark{background:var(--theme-role-surface-111);color:var(--theme-role-text-fff)}
.br-account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.br-account-stats article{min-height:110px;box-sizing:border-box;padding:18px;border:3px solid var(--theme-role-border-111);background:var(--theme-role-surface-fff)}
.br-account-stats strong{display:block;font-size:38px;line-height:1}
.br-account-stats span{display:block;margin-top:8px;color:var(--theme-role-text-666);font-size:10px;font-weight:900;text-transform:uppercase}
.br-account-panel{border:3px solid var(--theme-role-border-111);background:var(--theme-role-surface-fff)}
.br-account-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px;border-bottom:3px solid var(--theme-role-border-111)}
.br-account-panel-head span{color:var(--theme-role-text-777);font-size:10px;font-weight:900}
.br-account-panel-head h2{margin:3px 0 0;font-size:32px}
.br-account-panel-head a{color:var(--theme-role-text-111);font-size:11px;font-weight:900}
.br-account-list a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;border-bottom:1px solid var(--theme-role-border-ddd);color:var(--theme-role-text-111);text-decoration:none}
.br-account-list a:last-child{border-bottom:0}
.br-account-list a:hover{background:var(--theme-role-surface-f5f5f0)}
.br-account-list small{display:block;margin-bottom:4px;color:var(--theme-role-text-777);font-size:9px;font-weight:900}
.br-account-list strong{font-size:16px}
.br-account-list span{font-size:10px;font-weight:900}
.br-account-empty{padding:30px 20px}
.br-account-empty strong{font-size:18px}
.br-account-empty p{color:var(--theme-role-text-666)}
.br-account-empty a{color:var(--theme-role-text-111);font-size:11px;font-weight:900}
.br-account-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.br-account-detail div{padding:16px;border:2px solid var(--theme-role-border-aaa);background:var(--theme-role-surface-f9f9f7)}
.br-account-detail span{display:block;color:var(--theme-role-text-777);font-size:9px;font-weight:900}
.br-account-detail strong{display:block;margin-top:5px;word-break:break-word}
@media(max-width:720px){
.br-auth-card{padding:23px}
.br-auth-two{grid-template-columns:1fr}
.br-auth-switch{flex-direction:column}
.br-account-hero{align-items:flex-start;flex-direction:column}
.br-account-stats{grid-template-columns:repeat(2,1fr)}
.br-account-detail{grid-template-columns:1fr}
.br-account-panel-head{align-items:flex-start;flex-direction:column}
}