/*
 * ROYALEBEAST PREMIUM EXCLUSIVE UI — HD Typography & Image Pass V6.0.1
 * Visual-only override. Original logo and application/backend authority are untouched.
 */
:root{
  --rb-text-main:#f6ede4;
  --rb-text-soft:#d7cbc0;
  --rb-text-muted:#aa9b8f;
  --rb-hd-shadow:0 1px 0 rgba(0,0,0,.9),0 5px 18px rgba(0,0,0,.48);
}

/* HD text rendering and more readable global scale */
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body.rnet-v5.rnet-2026{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:15px;
  line-height:1.55;
}
body.rnet-v5.rnet-2026 :is(h1,h2,h3,h4,h5,h6,strong,b,.v5-btn,.v5-nav-link,.v5-header-cta,.v5-login,.v5-logout){
  text-rendering:geometricPrecision;
}

/* Header typography — no more micro text */
.v5-header-shell{min-height:78px!important}
.v5-brand-mark{width:52px!important;height:52px!important}
.v5-brand-copy strong{font-size:13px!important;line-height:1.2!important;letter-spacing:.15em!important}
.v5-brand-copy small{font-size:9.5px!important;line-height:1.25!important;letter-spacing:.25em!important}
.v5-nav-link{font-size:11.5px!important;font-weight:700!important;letter-spacing:.095em!important;padding:11px 13px!important}
.v5-dropdown a{font-size:12px!important;line-height:1.4!important}
.v5-login,.v5-header-cta,.v5-logout{min-height:40px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.085em!important;padding-inline:15px!important}
.v5-account-chip{font-size:11px!important}

/* Hero — larger premium editorial typography */
.v5-eyebrow span{font-size:10.5px!important;font-weight:800!important;letter-spacing:.27em!important}
.v5-hero-copy h1{
  font-size:clamp(54px,4.75vw,82px)!important;
  line-height:.98!important;
  letter-spacing:-.032em!important;
  text-shadow:0 2px 0 #2a1006,0 8px 30px rgba(0,0,0,.7),0 0 1px rgba(255,255,255,.22)!important;
}
.v5-hero-copy p{font-size:16px!important;line-height:1.72!important;font-weight:500!important;color:var(--rb-text-soft)!important;max-width:650px!important}
.v5-btn{min-height:48px!important;padding:0 24px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.105em!important}
.v5-hero-signature{font-size:8.5px!important;letter-spacing:.21em!important}

/* Live HUD — readable from 1366px to 4K */
.v5-nation-hud{width:350px!important}
.v5-nation-hud-head{min-height:46px!important}
.v5-nation-hud-head b{font-size:9.5px!important}
.v5-nation-hud-head strong{font-size:10.5px!important}
.v5-nation-hud-grid small,.v5-nation-hud-grid span{font-size:9px!important;line-height:1.35!important}
.v5-nation-hud-grid strong{font-size:19px!important;line-height:1.15!important}
.v5-season-active>small{font-size:8.5px!important}
.v5-season-time strong{font-size:20px!important}
.v5-season-time span{font-size:8.5px!important}

/* Supporter section typography */
.v586-supporter-kicker{font-size:10px!important;font-weight:800!important}
.v586-supporter-head h2{font-size:clamp(24px,2vw,31px)!important;line-height:1.15!important;letter-spacing:-.015em!important}
.v586-support-list-head h3{font-size:18px!important;line-height:1.2!important}
.v586-supporter-head p,.v586-supporter-copy,.v586-supporter-meta,.v586-support-list-panel{font-size:12.5px!important;line-height:1.55!important}
.v586-supporter-total strong{font-size:clamp(32px,3vw,43px)!important;line-height:1!important}
.v586-supporter-total small,.v586-supporter-goal,.v586-supporter-badge{font-size:9.5px!important}

/* Footer */
.v5-footer-brand strong,.v5-footer-center span{font-size:10px!important}
.v5-footer-brand span,.v5-footer-center small,.v5-footer-links{font-size:9.5px!important;line-height:1.4!important}
.v5-music-toggle{font-size:10px!important}

/* Universal subpage readability */
body.rnet-subpage-2026{font-size:15px!important;line-height:1.55!important;-webkit-font-smoothing:antialiased}
body.rnet-subpage-2026 :is(h1,.page-title){font-size:clamp(30px,3vw,44px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
body.rnet-subpage-2026 :is(h2,.section-title){font-size:clamp(22px,2vw,30px)!important;line-height:1.14!important}
body.rnet-subpage-2026 h3{font-size:18px!important;line-height:1.2!important}
body.rnet-subpage-2026 :is(p,li,td,th,label,.help,.muted){font-size:max(12px,1em)!important}
body.rnet-subpage-2026 :is(input,select,textarea){font-size:14px!important;min-height:42px!important}
body.rnet-subpage-2026 :is(button,.btn,.rnet-btn){font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;min-height:40px}

/* Crisp image/video presentation. No source asset replacement, no logo redraw. */
body.rnet-v5.rnet-2026 :is(img,video,picture,canvas){
  max-width:100%;
}
body.rnet-v5.rnet-2026 img{
  image-rendering:auto;
  -ms-interpolation-mode:bicubic;
}
.v5-brand-mark img,.v5-footer-brand img{
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 5px 13px rgba(172,54,9,.24)) contrast(1.03) saturate(1.02)!important;
}
.v5-hero-media :is(img,video){
  width:100%!important;height:100%!important;object-fit:cover!important;
  image-rendering:auto!important;
  filter:contrast(1.045) saturate(1.035) brightness(.99)!important;
}
/* Keep overlays clean; avoid blur filters over actual artwork */
.v5-hero-media{filter:none!important}

/* High-DPI screens */
@media(min-resolution:144dpi){
  .v5-hero-copy h1{letter-spacing:-.026em!important}
  .v5-nav-link,.v5-btn{letter-spacing:.085em!important}
}

@media(max-width:1050px){
  .v5-hero-copy h1{font-size:clamp(50px,7vw,72px)!important}
  .v5-hero-copy p{font-size:15px!important}
}
@media(max-width:720px){
  body.rnet-v5.rnet-2026{font-size:14px}
  .v5-header-shell{min-height:66px!important}
  .v5-brand-mark{width:44px!important;height:44px!important}
  .v5-header-cta{font-size:9.5px!important;min-height:38px!important}
  .v5-hero-copy h1{font-size:clamp(43px,13vw,61px)!important;line-height:1!important}
  .v5-hero-copy p{font-size:14.5px!important;line-height:1.65!important}
  .v5-btn{font-size:10.5px!important;min-height:45px!important}
  .v5-nation-hud-head b{font-size:9px!important}.v5-nation-hud-head strong{font-size:10px!important}
  .v586-supporter-head h2{font-size:25px!important}
}
@media(max-width:420px){
  .v5-hero-copy h1{font-size:clamp(39px,12.5vw,53px)!important}
  .v5-hero-copy p{font-size:14px!important}
  .v5-btn{padding:0 16px!important}
}