/* Varon: shared controls and responsive inner pages. Based on the audited live template. */
body.varon-inner-page{--cor-primary:#ad3b54;--cor-primary-light:#db8a9c;--cor-primary-dark:#702438;background:#0c0d10;color:#e6e3e5}
.varon-inner-page .varon-ambient,.varon-inner-page .social-float{display:none}
.varon-inner-page .varon-page-content{padding:42px 0 72px;min-height:65vh}
.varon-inner-page .varon-page-content>.page-content,.varon-inner-page .varon-page-content>.main{width:min(1180px,calc(100% - 48px));margin:0 auto}
.varon-inner-page .page-header{margin:0 0 30px;padding:14px 0 24px;border-bottom:1px solid #ffffff14}
.varon-inner-page .page-header:before{content:'VARON MU / SEASON 6';display:block;margin-bottom:13px;color:#b6848c;font:600 10px/1.5 Inter,'Segoe UI',sans-serif;letter-spacing:2px}
.varon-inner-page .page-header .page-title{margin:0;color:#f0edef;font:600 clamp(29px,3vw,44px)/1.18 Inter,'Segoe UI',sans-serif;letter-spacing:-1px}
.varon-inner-page .page-subtitle{margin-top:12px!important;font:400 14px/1.7 Inter,'Segoe UI',sans-serif;color:#a6a0a7}
.varon-inner-page .vr-rankings{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 28px;align-items:start}
.varon-inner-page .vr-rankings>.page-header{grid-column:1/-1}
.varon-inner-page .vr-rankings>.rankings-nav{grid-column:1;grid-row:2/span 4;position:sticky;top:calc(var(--varon-nav-height) + 24px);padding:10px;background:#121318;border:1px solid #ffffff12;border-radius:10px;margin:0}
.varon-inner-page .vr-categories{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;justify-content:flex-start}
.varon-inner-page .vr-rankings .vr-categories{flex-direction:column;gap:3px}
.varon-inner-page .vr-categories .button{display:flex;justify-content:flex-start;min-height:41px;height:auto;padding:12px 14px;width:100%;font:500 12px/1.4 Inter,'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;border:1px solid transparent;border-radius:6px;background:transparent;color:#b6b1b8!important}
.varon-inner-page .vr-categories .button:before{content:'';width:5px;height:5px;flex:0 0 5px;margin-right:12px;border-radius:50%;background:#5a4950}
.varon-inner-page .vr-categories .button:hover{background:#20191f;border-color:#56313e;color:#fff!important}
.varon-inner-page .vr-categories .button.active,.varon-inner-page .vr-categories .button[aria-current]{background:#542436;border-color:#743247;color:#fff!important}
.varon-inner-page .vr-categories .button.active:before{background:#e5a0b0}
.varon-inner-page .vr-rankings>.rankings-content,.varon-inner-page .vr-rankings>.vr-podium,.varon-inner-page .vr-rankings>.table-responsive,.varon-inner-page .vr-rankings>p,.varon-inner-page .vr-rankings>.vr-empty{grid-column:2;min-width:0}
.varon-inner-page .ghallfame{border:1px solid #ffffff12;border-radius:10px;background:#121318;padding:22px;overflow:hidden}
.varon-inner-page .rank-tabs-wrapper{padding:0 0 18px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:10px}
.varon-inner-page .rank-tabs-nav{display:flex;gap:6px;flex:1;overflow:auto}
.varon-inner-page .rank-tab-btn{font:600 11px/1.4 Inter,'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;border-radius:5px;border-color:#393038;color:#bdb4be!important;white-space:nowrap;padding:9px 13px;height:auto}
.varon-inner-page .rank-tab-btn.active{background:#62263b;border-color:#94405b;color:#fff!important}
.varon-inner-page .rank-nav-btn{width:32px;height:32px;flex:0 0 32px;padding:0;border-radius:5px;border-color:#393038}
.varon-inner-page .rank-tabs-content{padding-top:20px}
.varon-inner-page .rank-tab-panel:not(.active){display:none}
.varon-inner-page .vr-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}
.varon-inner-page .vr-champion{position:relative;text-align:center;padding:28px 12px 23px;background:#17181e;border:1px solid #ffffff12;border-radius:8px;min-width:0}
.varon-inner-page .vr-place-1{border-color:#95784b;background:linear-gradient(165deg,#2a241e,#17181e 65%)}
.varon-inner-page .vr-place{position:absolute;left:14px;top:13px;color:#baa17c;font:600 18px/1 Georgia,serif}
.varon-inner-page .vr-portrait{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 16px;padding:8px;background:#0d0e12;border:1px solid #54434b;border-radius:50%}
.varon-inner-page .vr-portrait img{width:64px!important;height:64px!important;object-fit:contain;border:0;border-radius:50%}
.varon-inner-page .vr-portrait svg{width:56px;height:56px}
.varon-inner-page .vr-champion h2{font:600 16px/1.4 Inter,'Segoe UI',sans-serif;color:#eee7e9;overflow-wrap:anywhere;margin:0 0 5px}
.varon-inner-page .vr-class{display:block;color:#aaa0a9;font-size:11px;min-height:17px}
.varon-inner-page .vr-champion-score{display:block;color:#d5b68d;font-size:23px;font-weight:600;margin-top:14px}
.varon-inner-page .vr-score-label{font-size:10px;color:#9d929e;text-transform:uppercase;letter-spacing:1px}
.varon-inner-page .rank-row{display:flex;gap:13px;align-items:center;min-height:58px;border-bottom:1px solid #ffffff0b;padding:10px 8px;background:transparent}
.varon-inner-page .rank-row:hover{background:#211923}
.varon-inner-page .rank-pos{width:24px;font:600 15px/1 Inter,'Segoe UI',sans-serif;color:#b99979}
.varon-inner-page .rank-name{font-size:13px;flex:1;color:#e2dade}
.varon-inner-page .rank-score{color:#d3ad81;font-variant-numeric:tabular-nums}
.varon-inner-page .vr-empty,.varon-inner-page .rank-tab-panel>p{padding:42px 22px!important;color:#aba2ac;text-align:center;border:1px dashed #49323f;border-radius:8px;line-height:1.7}
.varon-inner-page .table-responsive{border:1px solid #ffffff12;border-radius:8px;background:#121318;margin-bottom:24px;overflow:auto}
.varon-inner-page :is(.vr-rankings table,.page-content .table){margin:0;min-width:620px;background:transparent;--bs-table-bg:transparent;--bs-table-color:#d5cdd4;--bs-table-border-color:#ffffff0c}
.varon-inner-page .vr-rankings thead :is(th,td){background:#19191f!important;color:#a99ba7!important;text-transform:uppercase;font:600 10px/1.6 Inter,'Segoe UI',sans-serif;letter-spacing:1px;padding:17px 14px!important;border-bottom:1px solid #ffffff14!important}
.varon-inner-page .vr-rankings tbody td{padding:16px 14px!important;font-size:12px;color:#d7d0d7;vertical-align:middle;border-bottom:1px solid #ffffff0b!important}
.varon-inner-page .vr-rankings tbody tr:hover td{background:#211923!important}
.varon-inner-page .vr-rankings table img{max-width:32px!important;max-height:32px!important;object-fit:contain}
.varon-inner-page :is(.download-card,.register-box,.box-panel,.panel-box){border:1px solid #ffffff14;border-radius:10px;background:#14151b;box-shadow:none}
.varon-inner-page :is(.download-card,.register-box){padding:28px}
.varon-inner-page .download-cards{display:grid;gap:18px}
.varon-inner-page .download-card{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0}
.varon-inner-page .download-card-info{flex:1;min-width:180px}
.varon-inner-page .download-card-buttons{display:flex;gap:8px;flex-wrap:wrap}
.varon-inner-page .download-card-info h3{font:600 19px/1.4 Inter,'Segoe UI',sans-serif}
.varon-inner-page .download-card-desc{width:100%;padding-top:16px;border-top:1px solid #ffffff12}
.varon-inner-page :is(.download-drivers,.download-requirements){margin-top:34px;padding:24px;border:1px solid #ffffff12;border-radius:10px;background:#111217}
.varon-inner-page .register-box{max-width:900px;margin:0 auto}
.varon-inner-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}
.varon-inner-page .form-group label{display:block;font-size:12px;color:#bbb2bd;margin-bottom:9px}
.varon-inner-page .form-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff12;margin-top:24px;padding-top:24px}
.varon-inner-page :is(input,select,textarea):not([type=checkbox]):not([type=radio]){background:#0e0f13;border:1px solid #443741;border-radius:6px;box-shadow:none;min-height:46px}
.varon-inner-page :is(.button,.btn-primary){border-radius:6px}
.varon-inner-page .button-primary{background:#7d2b43!important;border:1px solid #a44461!important;box-shadow:none!important}
.varon-inner-page .button-primary:hover{background:#983653!important}
.varon-inner-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid #d7a4b0!important;outline-offset:3px}
.varon-inner-page footer{background:#090a0d;border-top:1px solid #ffffff12;margin-top:0}
.varon-inner-page footer .wrapper{min-height:0;background:transparent}
.varon-inner-page .vr-info{display:block}
.varon-inner-page .vr-info>aside{display:none}
.varon-inner-page .vr-info>.content{width:100%;max-width:none}
.varon-inner-page .box-panel{margin-bottom:20px}
.varon-inner-page .box-panel-content{padding:22px}
.varon-inner-page .h2-title{background:transparent;border-bottom:1px solid #ffffff12;padding:20px 22px;font-size:17px}
/* The home retains its content and systems. Refinements stay on existing controls. */
.varon-home-page .btn,.varon-home-page .step-action{border-radius:5px;min-height:46px;letter-spacing:.5px}
.varon-home-page .btn-primary{background:#792c41;border:1px solid #a54861;box-shadow:none}
.varon-home-page .btn-primary:hover{background:#94354f;box-shadow:none;transform:none}
.varon-home-page .tab{border-radius:6px;border:1px solid #ffffff18;background:#121318}
.varon-home-page .tab[aria-selected=true]{background:#331d29;border-color:#94435e}
.varon-home-page .frame,.varon-home-page .showcase,.varon-home-page .community-option{border-radius:8px}
.varon-home-page .hero-art{filter:none}
@media(max-width:850px){.varon-inner-page .vr-rankings{grid-template-columns:minmax(0,1fr);gap:0}.varon-inner-page .vr-rankings>.rankings-nav{position:static;grid-row:auto;grid-column:1;margin-bottom:22px;padding:10px}.varon-inner-page .vr-rankings .vr-categories{flex-direction:row;flex-wrap:wrap;gap:5px}.varon-inner-page .vr-categories .button{width:auto;min-height:36px;padding:9px 12px;font-size:11px}.varon-inner-page .vr-categories .button:before{display:none}.varon-inner-page .vr-rankings>.rankings-content,.varon-inner-page .vr-rankings>.vr-podium,.varon-inner-page .vr-rankings>.table-responsive,.varon-inner-page .vr-rankings>p,.varon-inner-page .vr-rankings>.vr-empty{grid-column:1}.varon-inner-page .vr-rankings>.rankings-content>.vr-podium{margin-bottom:20px}}
@media(max-width:550px){.varon-inner-page .varon-page-content{padding:24px 0 40px}.varon-inner-page .varon-page-content>.page-content,.varon-inner-page .varon-page-content>.main{width:calc(100% - 28px)}.varon-inner-page .ghallfame{padding:12px}.varon-inner-page .vr-podium{gap:6px}.varon-inner-page .vr-champion{padding:30px 6px 16px}.varon-inner-page .vr-portrait{width:55px;height:55px;padding:4px;margin-bottom:10px}.varon-inner-page .vr-portrait img{width:45px!important;height:45px!important}.varon-inner-page .vr-portrait svg{width:39px;height:39px}.varon-inner-page .vr-champion h2{font-size:12px}.varon-inner-page .vr-class{font-size:9px}.varon-inner-page .vr-place{font-size:14px;top:10px;left:10px}.varon-inner-page .vr-champion-score{font-size:19px}.varon-inner-page .register-box,.varon-inner-page .download-card{padding:19px}.varon-inner-page .form-grid{grid-template-columns:1fr}.varon-inner-page .form-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.varon-inner-page *{animation:none!important;transition:none!important}}