/* Reference composition shared by the public home and signed-in dashboard. */
:root{--accent:#ff0736;--lime:#ff0736;--amber:#ff0736;--bg:#03090c;--panel:#071014;--text:#f5f7f8;--muted:#9eacb3}
body{background:#03090c;color:#f5f7f8}
body:is([data-view=landing],[data-view=start]) #page-landing,body:is([data-view=landing],[data-view=start]) #page-start{max-width:none!important;margin:0!important;padding:0 12px 30px!important}
body:is([data-view=landing],[data-view=start]) .topbar{height:68px!important;min-height:68px!important;padding:0 32px!important;background:#040a0ded!important;border-bottom:1px solid #16262e!important;gap:22px!important}
body:is([data-view=landing],[data-view=start]) .brand{display:block!important;width:132px!important;min-width:132px;height:61px;padding:0!important}
body:is([data-view=landing],[data-view=start]) .brand-mark{display:block!important;width:120px!important;height:60px!important;background:url('/bilder/ref-logo.png') center/contain no-repeat!important;color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body:is([data-view=landing],[data-view=start]) .brand-mark:after,body:is([data-view=landing],[data-view=start]) .brand>span:last-child{display:none!important}
body:is([data-view=landing],[data-view=start]) .nav-main{flex:1;align-self:stretch;overflow:visible!important}
body:is([data-view=landing],[data-view=start]) .nav-main>div{height:100%;align-items:center;gap:0!important}
body:is([data-view=landing],[data-view=start]) .nav-main button{min-height:58px!important;height:58px!important;padding:0 12px!important;font-size:11px!important;color:#d4dce0!important;background:transparent!important;border-radius:0!important;white-space:nowrap}
body:is([data-view=landing],[data-view=start]) .nav-main button.on{color:white!important;box-shadow:inset 0 -2px #ff0736!important}
body:is([data-view=landing],[data-view=start]) .nav-right{min-width:110px}
body:is([data-view=landing],[data-view=start]) .nav-right .btn{background:#ff0736!important;color:white!important;border:1px solid #ff0736!important;border-radius:6px!important;font-size:12px!important;min-height:38px}
.v65-dashboard{max-width:1440px!important;font-family:Sora,Arial,sans-serif}
.v65-hero{height:448px!important;background-size:auto 100%!important;background-position:right center!important;border-bottom:0!important}
.v65-hero-copy{flex:0 0 48%!important;width:48%!important;padding:36px 0 28px 28px!important;justify-content:center!important;background:linear-gradient(90deg,#03090c 0%,rgba(3,9,12,.97) 49%,rgba(3,9,12,.75) 77%,transparent 100%)!important}
.v65-kicker{font-size:10px!important;letter-spacing:.16em!important;margin-bottom:22px!important;white-space:nowrap}
.v65-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(54px,5.65vw,82px)!important;line-height:.91!important;letter-spacing:-.04em!important;font-weight:950!important;margin:0!important}
.v65-hero-copy>p{font-size:15px!important;line-height:1.43!important;max-width:420px!important;margin:17px 0 23px!important;color:#dce8ee!important}
.v65-hero-actions{gap:18px!important}.v65-primary,.v65-secondary,.v65-outline{font-size:12px!important;min-height:42px!important;border-radius:7px!important}
.v65-primary{background:#ff0736!important;box-shadow:none!important;border-color:#ff0736!important}.v65-hero-actions button{padding:0 28px!important}
.v65-hero-stats{gap:38px!important;margin-top:29px!important}.v65-hero-stats dt{font-size:19px!important}.v65-hero-stats dd{font-size:11px!important;color:#b9c8d0!important}
.v65-event-card{top:24px!important;right:20px!important;width:238px!important;background:#050b0fe8!important}.v65-event-label{font-size:10px!important;height:37px!important}.v65-event-body{padding:16px!important;background:linear-gradient(90deg,#050b0ff0,#050b0f98),url('/bilder/ref-battle-1.png') center/cover!important}.v65-event-body h2{font-size:19px!important}.v65-event-lines{font-size:11px!important}.v65-event-body p{font-size:10px!important;max-height:none!important}.v65-event-body .small{min-height:34px!important;font-size:11px!important}
.v65-quickbar{height:auto!important;min-height:112px!important;padding:12px 8px!important;gap:10px!important;border-color:#16272f!important;background:#050c10!important;margin-top:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
.v65-quickbar button{height:auto!important;min-height:86px!important;border:1px solid #17272f!important;border-radius:6px!important;padding:12px!important;gap:10px!important;background:#071014!important;grid-template-columns:40px 1fr!important}.v65-quickbar b{font-size:13px!important}.v65-quickbar small{font-size:10px!important;line-height:1.4!important;color:#a8b9c2!important}.v65-qicon svg{width:36px!important;height:36px!important}
.v65-overview{grid-template-columns:1.17fr 1fr .94fr 1fr!important;gap:18px!important;margin-top:22px!important}.v65-workspace{grid-template-columns:1.52fr .95fr .95fr .94fr!important;gap:12px!important;margin-top:30px!important}
.v65-panel,.v65-join-card{border:1px solid #192c35!important;background-color:#061015!important;border-radius:7px!important;box-shadow:none!important;min-width:0!important}
.v65-overview>.v65-panel,.v65-join-card{height:358px!important}.v65-workspace>.v65-panel{height:386px!important}.v65-panel>header{height:44px!important;padding:0 14px!important}.v65-panel>header h2{font-size:16px!important}.v65-panel>header button,.v65-latest-title button{font-size:10px!important}.v65-panel>header p{font-size:12px!important;color:#a8b9c2!important}
.v65-battle-list{padding:5px 7px!important;display:grid;gap:7px}.v65-battle-row{min-height:93px!important;grid-template-columns:112px minmax(0,1fr)!important;padding:6px!important;gap:12px!important}.v65-battle-thumb{height:79px!important;width:112px!important}.v65-battle-info b{font-size:12px!important;line-height:1.4!important}.v65-battle-info small{font-size:10px!important;line-height:1.5!important;color:#9eb1bb!important}.v65-battle-score{display:none!important}
.v65-ranked{padding:2px 12px!important}.v65-ranked li{min-height:61px!important;grid-template-columns:20px 42px minmax(0,1fr) 25px!important;gap:8px!important}.v65-ranked b{font-size:11px!important;line-height:1.4!important}.v65-ranked small{font-size:9px!important;color:#a5b6bf!important}.v65-ranked .rank{font-size:15px!important}.v65-ranked .avatar,.v65-ranked .cover{height:42px!important;width:42px!important;background-size:cover!important}.v65-ranked .play{border:0;cursor:pointer;font-size:12px!important;min-height:28px;min-width:25px}.v65-ranked .rank:first-child{color:#ff163b}
.v65-join-card{padding:20px 16px!important}.v65-join-card h2{font-size:18px!important}.v65-join-card p{font-size:11px!important;line-height:1.45!important}.v65-join-card ul{font-size:11px!important;gap:10px!important}.v65-join-card .v65-primary{font-size:11px!important;min-height:34px!important;margin-bottom:16px!important}
.v65-studio-card>header{height:67px!important}.v65-studio-tabs{gap:5px!important;padding:0 14px!important}.v65-studio-tabs span{font-size:9px!important;padding:0 10px!important;min-height:28px!important}.v65-waveform{height:108px!important;margin-right:25%!important;gap:4px!important}.v65-waveform i{flex:1}.v65-record-center{margin:12px 25% 0 0!important}.v65-record{width:57px!important;height:57px!important}.v65-record-center>span{font-size:10px!important}.v65-project{padding-top:8px!important}.v65-project strong{font-size:12px!important}.v65-project small,.v65-project>span{font-size:9px!important}.v65-studio-card>.v65-outline{position:relative!important;z-index:2!important;min-height:30px!important;font-size:10px!important;margin-top:8px!important}
.v65-event-poster{height:278px!important;margin:6px 10px!important}.v65-event-poster-copy{padding:13px!important}.v65-event-poster-copy h3{font-size:20px!important}.v65-event-poster-copy p{font-size:11px!important}.v65-event-poster-copy>div span{font-size:9px!important}.v65-event-poster-copy .v65-primary{min-height:34px!important;font-size:11px!important}.v65-event-thumbs{height:44px!important}.v65-date b{font-size:20px!important}.v65-date span{font-size:10px!important}
.v65-feed-tabs{gap:5px!important}.v65-feed-tabs span{font-size:9px!important;min-height:27px!important}.v65-feed-user b{font-size:12px!important}.v65-feed-user small{font-size:10px!important}.v65-feed-item p{font-size:11px!important;line-height:1.5!important}.v65-feed-art{height:94px!important}.v65-feed-item .v65-outline{font-size:10px!important;min-height:30px!important}.v65-feed-user>span{width:32px!important;height:32px!important;font-size:12px!important}
.v65-profile-cover{height:79px!important}.v65-profile-head{margin-top:-26px!important}.v65-profile-head strong{font-size:14px!important}.v65-profile-head small{font-size:10px!important}.v65-profile-progress{padding:16px 12px 12px!important}.v65-profile-progress small{font-size:9px!important}.v65-profile-stats{padding:14px 0!important}.v65-profile-stats dt{font-size:15px!important}.v65-profile-stats dd{font-size:9px!important}.v65-latest-title{font-size:12px!important;margin-top:15px!important}.v65-latest b{font-size:10px!important}.v65-latest small{font-size:8px!important}.v65-skeleton{font-size:12px!important;line-height:1.6!important;color:#aebdc5!important;padding:18px!important}
.v65-dashboard button:focus-visible{outline:2px solid white!important;outline-offset:3px!important}.v65-dashboard button:hover{border-color:#ff1640!important}
@media(min-width:1181px){.v65-join-card{grid-column:auto!important}}
@media(max-width:1180px){body:is([data-view=landing],[data-view=start]) .topbar{padding:0 16px!important;gap:12px!important}body:is([data-view=landing],[data-view=start]) .nav-main button{padding:0 8px!important;font-size:10px!important}.v65-quickbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v65-overview,.v65-workspace{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v65-join-card{grid-column:auto!important}.v65-hero h1{font-size:62px!important}.v65-hero-copy{flex-basis:61%!important;width:61%!important}.v65-event-card{width:218px!important}.v65-hero-copy>p{max-width:370px!important}}
@media(max-width:820px){body:is([data-view=landing],[data-view=start]) .topbar{height:62px!important;min-height:62px!important}.v65-hero{height:530px!important;background-position:64% top!important;background-size:auto 100%!important}.v65-hero-copy{flex-basis:100%!important;width:100%!important;justify-content:flex-end!important;padding:25px 20px!important;background:linear-gradient(0deg,#03090c 2%,#03090cdc 40%,#03090c22 95%)!important}.v65-hero-copy>p{font-size:14px!important;max-width:420px!important}.v65-event-card{display:none!important}.v65-hero h1{font-size:66px!important}.v65-kicker{font-size:9px!important}.v65-hero-stats{margin-top:24px!important}.v65-overview,.v65-workspace{gap:12px!important}.v65-quickbar{gap:8px!important}.v65-quickbar button{padding:10px!important}.v65-quickbar small{font-size:9px!important}.v65-battle-row{grid-template-columns:85px 1fr!important}.v65-battle-thumb{width:85px!important}.v65-quickbar b{font-size:12px!important}body:is([data-view=landing],[data-view=start]) .nav-main{align-self:auto!important}body:is([data-view=landing],[data-view=start]) .nav-main>div{height:auto!important}body:is([data-view=landing],[data-view=start]) .nav-main button{font-size:14px!important;min-height:44px!important;height:44px!important}}
@media(max-width:560px){body:is([data-view=landing],[data-view=start]) #page-landing,body:is([data-view=landing],[data-view=start]) #page-start{padding:0 0 85px!important}.v65-hero h1{font-size:clamp(44px,11.8vw,66px)!important}.v65-hero-copy{padding:24px 16px!important}.v65-hero{height:540px!important}.v65-kicker{letter-spacing:.08em!important;font-size:8px!important;gap:8px!important}.v65-hero-actions{gap:10px!important}.v65-hero-actions button{padding:0 18px!important;font-size:11px!important;min-height:44px!important}.v65-hero-stats{gap:26px!important}.v65-hero-stats dt{font-size:17px!important}.v65-quickbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 10px!important}.v65-quickbar button{min-height:80px!important;grid-template-columns:32px 1fr!important}.v65-qicon svg{width:30px!important}.v65-overview,.v65-workspace{grid-template-columns:minmax(0,1fr)!important;margin-left:10px!important;margin-right:10px!important;margin-top:16px!important}.v65-overview>.v65-panel,.v65-join-card{height:auto!important;min-height:340px!important}.v65-workspace>.v65-panel{height:auto!important;min-height:370px!important}.v65-battle-row{grid-template-columns:112px 1fr!important}.v65-battle-thumb{width:112px!important}.v65-battle-info b{font-size:14px!important}.v65-ranked b{font-size:13px!important}.v65-ranked small{font-size:11px!important}.v65-ranked .play{min-height:44px;min-width:32px}.v65-panel>header button{min-height:44px!important}.v65-join-card p{max-width:240px!important}.v65-studio-card{padding-bottom:16px!important}.v65-feed-item p{font-size:13px!important}.v65-profile-head strong{font-size:16px!important}.v65-event-poster{height:290px!important}}
@media(prefers-reduced-motion:reduce){.v65-dashboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}