/*
 * ROYALEBEAST PREMIUM EXCLUSIVE UI — Modern Base V6.0.0
 * Visual layer only. Original logo/assets and application authority remain untouched.
 */
:root{
  --rb-bg:#050504;
  --rb-surface:rgba(14,11,9,.84);
  --rb-surface-2:rgba(22,16,12,.72);
  --rb-line:rgba(204,92,18,.26);
  --rb-line-hi:rgba(239,126,40,.5);
  --rb-ember:#e77725;
  --rb-ember-soft:#b84d11;
  --rb-gold:#e7b16b;
  --rb-ivory:#f4eadf;
  --rb-muted:#9c9187;
  --rb-success:#41d885;
  --rb-radius:16px;
  --rb-shadow:0 22px 70px rgba(0,0,0,.5);
  --rb-inset:inset 0 1px 0 rgba(255,255,255,.035);
}

html{background:var(--rb-bg);scroll-behavior:smooth}
body.rnet-v5.rnet-2026{
  background:
    radial-gradient(circle at 50% -14%,rgba(109,41,9,.18),transparent 34rem),
    linear-gradient(180deg,#070605 0,#050504 46%,#080604 100%);
  color:var(--rb-ivory);
  letter-spacing:.01em;
}
body.rnet-v5.rnet-2026::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.v5-page-ambient{opacity:.55}

/* Header — logo asset is intentionally preserved */
.v5-header{
  position:sticky!important;top:0;z-index:1200;
  background:linear-gradient(180deg,rgba(5,5,4,.96),rgba(8,6,5,.84))!important;
  backdrop-filter:blur(18px) saturate(120%);
  border-bottom:1px solid rgba(231,119,37,.14)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.22)!important;
}
.v5-header::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(82vw,1140px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(231,119,37,.38),transparent)}
.v5-header-shell{width:min(1320px,calc(100% - 44px))!important;min-height:72px!important;margin:auto;gap:28px!important}
.v5-brand{gap:11px!important;text-decoration:none!important;transition:transform .25s ease,filter .25s ease}
.v5-brand:hover{transform:translateY(-1px);filter:brightness(1.08)}
.v5-brand-mark{width:48px!important;height:48px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.v5-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 5px 12px rgba(172,54,9,.28))}
.v5-brand-copy strong{font-size:12px!important;letter-spacing:.17em!important;color:#f0c091!important}
.v5-brand-copy small{font-size:8px!important;letter-spacing:.34em!important;color:#8d7666!important}
.v5-nav{gap:4px!important}
.v5-nav-link{padding:9px 11px!important;border-radius:9px!important;font-size:10px!important;letter-spacing:.12em!important;color:#bdb2a8!important;transition:all .2s ease!important}
.v5-nav-link:hover,.v5-nav-link.is-active,.v5-nav-group.is-active>.v5-nav-link{color:#fff0df!important;background:rgba(231,119,37,.075)!important}
.v5-nav-link.is-active::after{height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,#a84912,#ef8b3c)!important;box-shadow:0 0 14px rgba(231,119,37,.35)!important}
.v5-dropdown{border:1px solid rgba(231,119,37,.24)!important;border-radius:14px!important;background:rgba(12,9,7,.97)!important;box-shadow:0 24px 60px rgba(0,0,0,.55)!important;backdrop-filter:blur(20px)}
.v5-dropdown::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.v5-dropdown a{border-radius:9px!important}.v5-dropdown a:hover{background:rgba(231,119,37,.075)!important}
.v5-login,.v5-header-cta,.v5-logout{min-height:38px!important;border-radius:9px!important;letter-spacing:.095em!important}
.v5-login,.v5-logout{border-color:rgba(225,150,96,.22)!important;background:rgba(255,255,255,.022)!important}
.v5-header-cta{border-color:#b65315!important;background:linear-gradient(180deg,#f08a38,#bd4c11)!important;color:#180b04!important;box-shadow:0 8px 24px rgba(189,76,17,.2),inset 0 1px 0 rgba(255,255,255,.35)!important}
.v5-header-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}
.v5-account-chip{border-radius:10px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(231,119,37,.18)!important}

/* Hero */
.v5-hero{min-height:clamp(610px,74vh,830px)!important;border-bottom:1px solid rgba(231,119,37,.12)!important}
.v5-hero::before{content:"";position:absolute;z-index:3;inset:18px;pointer-events:none;border:1px solid rgba(231,119,37,.18);border-radius:18px;box-shadow:inset 0 0 90px rgba(0,0,0,.22)}
.v5-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,3,3,.83) 0%,rgba(5,4,3,.48) 37%,rgba(5,4,3,.16) 62%,rgba(4,3,3,.48) 100%),linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.52));z-index:4}
.v5-hero-inner{width:min(1320px,calc(100% - 72px))!important;min-height:inherit!important;align-items:center!important;gap:48px!important}
.v5-hero-copy{max-width:690px!important;padding:78px 0 54px!important;position:relative;z-index:10}
.v5-eyebrow{gap:12px!important;margin-bottom:19px!important}
.v5-eyebrow i{width:34px!important;height:1px!important;background:linear-gradient(90deg,#e27629,rgba(226,118,41,.22))!important}
.v5-eyebrow span{font-size:9px!important;letter-spacing:.32em!important;color:#c78751!important}
.v5-hero-copy h1{margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(49px,4.5vw,76px)!important;line-height:.98!important;letter-spacing:-.035em!important;font-weight:700!important;color:#f5e7d8!important;text-shadow:0 3px 0 #291108,0 14px 38px rgba(0,0,0,.62)!important}
.v5-hero-copy h1 em{font-style:normal!important;color:#e4853d!important;background:linear-gradient(180deg,#f3c18a 0,#d96a24 55%,#8e310b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgba(64,19,3,.9))}
.v5-hero-copy p{max-width:590px!important;margin:25px 0 0!important;font-size:14px!important;line-height:1.75!important;color:#d0c6bd!important;text-shadow:0 2px 10px #000}
.v5-hero-actions{margin-top:29px!important;gap:11px!important}
.v5-btn{min-height:45px!important;padding:0 22px!important;border-radius:10px!important;font-size:9px!important;letter-spacing:.13em!important;box-shadow:var(--rb-inset)!important}
.v5-btn-gold{background:linear-gradient(180deg,#f09343 0,#c85212 100%)!important;border:1px solid #ec8b3e!important;color:#1c0d05!important;box-shadow:0 12px 28px rgba(155,55,7,.24),inset 0 1px 0 rgba(255,255,255,.42)!important}
.v5-btn-dark{background:rgba(10,8,7,.7)!important;border:1px solid rgba(226,139,79,.28)!important;color:#eadfd4!important;backdrop-filter:blur(8px)}
.v5-btn:hover{transform:translateY(-2px)!important}
.v5-hero-signature{margin-top:34px!important;color:#7f6a5d!important;letter-spacing:.24em!important;font-size:7px!important}
.v5-hero-signature i{background:linear-gradient(90deg,transparent,rgba(214,103,29,.44),transparent)!important}

/* Premium live server HUD */
.v5-nation-hud{position:relative!important;z-index:10!important;align-self:end!important;margin-bottom:70px!important;width:330px!important;border:1px solid rgba(231,119,37,.38)!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(18,12,9,.86),rgba(5,5,4,.82))!important;box-shadow:0 24px 62px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(16px) saturate(115%)}
.v5-nation-hud::before{content:"";position:absolute;left:0;top:0;width:84px;height:2px;background:linear-gradient(90deg,#f28b3a,transparent)}
.v5-nation-hud-head{min-height:43px!important;padding:0 14px!important;border-bottom:1px solid rgba(231,119,37,.16)!important;background:rgba(255,255,255,.016)!important}
.v5-nation-hud-head b{font-size:8px!important;letter-spacing:.17em!important;color:#a99585!important}
.v5-nation-hud-head strong{font-size:9px!important;letter-spacing:.14em!important;color:var(--rb-success)!important;text-shadow:0 0 14px rgba(65,216,133,.2)}
.v5-live-dot{box-shadow:0 0 11px rgba(65,216,133,.55)!important}
.v5-nation-hud-grid-clean>div{padding:15px!important;background:rgba(255,255,255,.01)!important}
.v5-nation-hud-grid-clean>div+div{border-left:1px solid rgba(231,119,37,.14)!important}
.v5-nation-hud-grid small,.v5-nation-hud-grid span{letter-spacing:.13em!important;color:#8a7667!important}
.v5-nation-hud-grid strong{font-size:17px!important;color:#f2ddc9!important}
.v5-season-active{padding:12px 14px 14px!important;border-top:1px solid rgba(231,119,37,.15)!important;background:linear-gradient(180deg,rgba(231,119,37,.025),rgba(0,0,0,.08))!important}
.v5-season-active>small{color:#9c7558!important;letter-spacing:.19em!important}
.v5-season-time strong{font-family:Georgia,serif!important;color:#f0d4ba!important;font-size:18px!important}
.v5-season-time span{color:#8e7564!important}.v5-season-time i{background:rgba(231,119,37,.25)!important}

/* Home support fund */
.v586-supporter-home{padding:54px 0 72px!important;background:radial-gradient(circle at 50% 0,rgba(122,49,11,.09),transparent 42rem)!important}
.v586-supporter-home .v5-home-container{width:min(1100px,calc(100% - 44px))!important}
.v586-supporter-layout{gap:15px!important;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr)!important}
.v586-supporter-card,.v586-support-list-panel{border:1px solid rgba(231,119,37,.22)!important;border-radius:var(--rb-radius)!important;background:linear-gradient(155deg,rgba(20,14,11,.84),rgba(8,7,6,.9))!important;box-shadow:var(--rb-shadow),var(--rb-inset)!important;overflow:hidden!important}
.v586-supporter-card::before,.v586-support-list-panel::before{content:"";display:block;height:2px;background:linear-gradient(90deg,#d8661d,rgba(216,102,29,.1) 36%,transparent)}
.v586-supporter-head,.v586-support-list-head{border-bottom-color:rgba(231,119,37,.13)!important}
.v586-supporter-kicker{color:#b96a37!important;letter-spacing:.19em!important}
.v586-supporter-head h2,.v586-support-list-head h3{color:#f0d1b3!important;text-shadow:none!important}
.v586-supporter-badge{border-color:rgba(231,119,37,.28)!important;background:rgba(231,119,37,.06)!important;color:#d27a3d!important}
.v586-supporter-qr{border-radius:12px!important;border:1px solid rgba(231,119,37,.22)!important;box-shadow:0 12px 30px rgba(0,0,0,.26)!important;overflow:hidden}
.v586-supporter-total strong{font-family:Georgia,serif!important;color:#f4e4d4!important;text-shadow:none!important}
.v586-supporter-progress{border-radius:999px!important;background:#170b06!important;border-color:rgba(231,119,37,.15)!important;overflow:hidden}
.v586-supporter-progress i{background:linear-gradient(90deg,#9f3d0b,#e77927,#f0b477)!important;box-shadow:0 0 20px rgba(231,119,37,.24)!important}

/* Footer */
.v5-footer{background:#050504!important;border-top:1px solid rgba(231,119,37,.09)!important}
.v5-footer-line{background:linear-gradient(90deg,transparent,rgba(231,119,37,.2),transparent)!important}
.v5-footer-shell{width:min(1100px,calc(100% - 44px))!important;min-height:105px!important}
.v5-footer-brand img{filter:drop-shadow(0 5px 12px rgba(172,54,9,.18))}
.v5-footer-brand strong,.v5-footer-center span{color:#cc7941!important;letter-spacing:.14em!important}.v5-footer-brand span,.v5-footer-center small,.v5-footer-links{color:#74675f!important}
.v5-music-toggle{border-radius:999px!important;border-color:rgba(231,119,37,.28)!important;background:rgba(8,7,6,.78)!important;backdrop-filter:blur(10px)!important;box-shadow:0 9px 26px rgba(0,0,0,.35)!important}

/* Universal premium treatment for sub-pages, keeping markup/functionality unchanged */
body.rnet-subpage-2026 main{position:relative}
body.rnet-subpage-2026 .rnet-shell,
body.rnet-subpage-2026 .page-shell,
body.rnet-subpage-2026 .container,
body.rnet-subpage-2026 .max-w-7xl{isolation:isolate}
body.rnet-subpage-2026 :is(.rnet-card,.rb-card,.panel,.card,.v5-panel){border-color:rgba(231,119,37,.18)!important;border-radius:14px!important;background:linear-gradient(155deg,rgba(20,14,11,.82),rgba(8,7,6,.92))!important;box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025)!important}
body.rnet-subpage-2026 :is(input,select,textarea){border-radius:9px!important;border-color:rgba(231,119,37,.2)!important;background:#0b0908!important;color:#eee2d5!important;outline:none!important;transition:border-color .2s,box-shadow .2s!important}
body.rnet-subpage-2026 :is(input,select,textarea):focus{border-color:rgba(236,133,61,.56)!important;box-shadow:0 0 0 3px rgba(231,119,37,.08)!important}
body.rnet-subpage-2026 :is(button,.btn,.rnet-btn)[class*="primary"],body.rnet-subpage-2026 .btn-primary{border-radius:9px!important;background:linear-gradient(180deg,#eb873a,#b94a10)!important;border-color:#d86b25!important;color:#180b05!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 20px rgba(119,42,8,.18)!important}

/* Registration welcome */
.rnet-register-welcome{border-radius:13px!important;border-color:rgba(65,216,133,.28)!important;background:rgba(7,15,11,.94)!important;box-shadow:0 18px 48px rgba(0,0,0,.42)!important}

/* Mobile */
@media(max-width:1050px){
  .v5-header-shell{width:min(100% - 28px,1320px)!important}.v5-nav{display:none!important}.v5-mobile-btn{display:flex!important}
  .v5-hero-inner{width:min(100% - 44px,900px)!important;grid-template-columns:1fr!important;align-content:center!important}
  .v5-hero-copy{padding:70px 0 18px!important}.v5-nation-hud{align-self:auto!important;margin:0 0 58px!important;width:min(100%,390px)!important}
}
@media(max-width:720px){
  .v5-header-shell{width:calc(100% - 22px)!important;min-height:62px!important}.v5-brand-mark{width:41px!important;height:41px!important}.v5-brand-copy{display:none!important}.v5-header-actions{gap:7px!important}.v5-login{display:none!important}.v5-header-cta{padding:0 11px!important;font-size:8px!important}
  .v5-hero{min-height:690px!important}.v5-hero::before{inset:9px;border-radius:13px}.v5-hero-inner{width:calc(100% - 38px)!important}.v5-hero-copy{padding-top:60px!important}.v5-hero-copy h1{font-size:clamp(41px,13vw,60px)!important}.v5-hero-copy p{font-size:13px!important}.v5-btn{min-height:43px!important;padding:0 16px!important}.v5-hero-signature{display:none!important}
  .v5-nation-hud{margin-bottom:38px!important;width:100%!important}.v586-supporter-home .v5-home-container{width:calc(100% - 26px)!important}.v586-supporter-layout{grid-template-columns:1fr!important}.v5-footer-shell{width:calc(100% - 28px)!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
