:root{
  --realm-accent:#63c4a7;
  --realm-accent-strong:#78d2b7;
  --realm-bg:#07100f;
  --realm-glass:rgba(10,18,18,.58);
  --realm-glass-strong:rgba(8,15,16,.78);
  --realm-border:rgba(120,184,164,.16);
  --realm-border-hover:rgba(120,210,181,.30);
  --realm-shadow:0 22px 60px rgba(0,0,0,.28);
  --realm-soft-shadow:0 12px 34px rgba(0,0,0,.20);
}

html{background:#050a0a!important}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 14% 16%,rgba(82,162,138,.11),transparent 25rem),
    radial-gradient(circle at 86% 30%,rgba(42,105,88,.11),transparent 28rem),
    radial-gradient(circle at 54% 88%,rgba(139,102,49,.08),transparent 27rem),
    linear-gradient(180deg,#070d0d 0%,#07120f 48%,#060c0b 100%)!important;
}
body:before,body:after{
  content:"";
  position:fixed;
  z-index:-3;
  pointer-events:none;
  border-radius:50%;
  filter:blur(100px);
  opacity:.62;
  animation:realmAmbient 18s ease-in-out infinite alternate;
}
body:before{width:38vw;height:38vw;left:-11vw;top:12vh;background:rgba(68,165,137,.18)}
body:after{width:34vw;height:34vw;right:-9vw;top:40vh;background:rgba(177,128,57,.10);animation-duration:24s}

.page-backdrop{
  display:block!important;
  position:fixed;
  inset:0;
  z-index:-5;
  background:
    linear-gradient(180deg,rgba(3,8,8,.72),rgba(3,8,8,.84)),
    radial-gradient(circle at 50% 0,rgba(70,170,140,.08),transparent 35%),
    linear-gradient(125deg,rgba(20,37,32,.20),transparent 24%,rgba(59,42,19,.08) 55%,transparent 80%);
}
.page-backdrop:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 72%);
}
.page-noise{opacity:.028!important;mix-blend-mode:soft-light}
.arcadia-fall{opacity:.09!important}

.site-header{
  position:sticky!important;
  top:0;
  z-index:100!important;
  background:rgba(5,10,10,.72)!important;
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  border-bottom:1px solid rgba(255,255,255,.035)!important;
  box-shadow:0 14px 48px rgba(0,0,0,.24);
}
.utility-bar{height:36px!important;background:rgba(4,8,8,.56)!important;border-bottom:1px solid rgba(255,255,255,.03)!important}
.main-bar{
  height:78px!important;
  background:linear-gradient(90deg,rgba(6,13,13,.78),rgba(6,13,13,.48))!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
  position:relative!important;
}
.main-bar:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(94,218,180,.15) 18%,rgba(94,218,180,.72) 50%,rgba(94,218,180,.15) 82%,transparent 100%);
  box-shadow:0 0 20px rgba(94,218,180,.25);
}
.main-bar:after{display:none!important}
.nav-inner{height:100%!important;gap:28px!important}
.brand{height:74px!important;width:205px!important}.brand img{width:118px!important;height:94px!important}
.main-nav{height:100%!important;align-items:center!important;gap:5px!important}
.main-nav a{
  height:42px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  color:#91a49f!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-size:9.5px!important;
  text-transform:none!important;
}
.main-nav a:hover{
  color:#edf6f3!important;
  background:rgba(17,33,29,.72)!important;
  border-color:rgba(105,190,165,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.16)!important;
}
.main-nav a.active{
  color:#07110e!important;
  background:linear-gradient(135deg,#75c8ae,#58a88f)!important;
  border-color:rgba(159,232,208,.24)!important;
  box-shadow:0 10px 28px rgba(56,137,113,.22),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.nav-search{
  width:205px!important;height:39px!important;border-radius:11px!important;
  background:rgba(8,17,17,.58)!important;
  border:1px solid rgba(127,185,168,.12)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.14)!important;
}
.community-strip{
  min-height:42px!important;
  background:rgba(5,10,10,.58)!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.community-links a{color:#728680!important}.community-links a:hover{color:#cbd9d5!important}

.hero-home{
  width:min(1450px,calc(100% - 46px))!important;
  min-height:390px!important;
  margin:24px auto 12px!important;
  border:1px solid rgba(132,195,175,.14)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.015)!important;
  background:
    linear-gradient(90deg,rgba(4,10,10,.91) 0%,rgba(4,10,10,.72) 38%,rgba(4,10,10,.30) 68%,rgba(4,10,10,.53) 100%),
    linear-gradient(180deg,rgba(7,15,14,.02),rgba(4,9,9,.76) 100%),
    url('../img/hero-los-santos.png') center 68%/cover no-repeat!important;
  position:relative!important;
}
.hero-home:before{
  content:""!important;
  display:block!important;
  position:absolute!important;inset:0!important;
  background:radial-gradient(circle at 76% 30%,rgba(88,199,165,.12),transparent 25rem),linear-gradient(180deg,rgba(255,255,255,.018),transparent 25%)!important;
  pointer-events:none;
}
.hero-home:after{
  content:""!important;
  position:absolute!important;inset:auto 0 0 0!important;height:100px!important;
  background:linear-gradient(180deg,transparent,rgba(2,7,7,.56))!important;
  pointer-events:none;
}
.hero-home>.shell{width:100%!important;max-width:none!important;padding:0 70px!important}
.hero-layout{min-height:390px!important;grid-template-columns:minmax(0,1fr) 370px!important;gap:76px!important;padding:38px 0!important}
.hero-copy h1{font-size:46px!important;line-height:1.02!important;letter-spacing:-1.5px!important;text-shadow:0 12px 30px rgba(0,0,0,.52)!important}
.hero-copy h1 em{color:#63c4a7!important}
.hero-copy p{font-size:11.5px!important;max-width:620px!important;color:#9eb0ab!important}
.hero-status{
  min-height:214px!important;border-radius:14px!important;
  background:rgba(7,15,16,.58)!important;
  border:1px solid rgba(120,190,168,.16)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.hero-status:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at var(--mx,80%) var(--my,20%),rgba(99,196,167,.13),transparent 36%);
}
.primary-btn{border-radius:10px!important;background:linear-gradient(135deg,#75c8ae,#58aa90)!important;box-shadow:0 14px 30px rgba(54,137,113,.24)!important}
.ghost-btn,.mini-action{border-radius:10px!important;background:rgba(9,18,18,.54)!important;border:1px solid rgba(133,191,174,.12)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important}
.headline-strip{
  width:min(1450px,calc(100% - 46px))!important;
  margin:0 auto 8px!important;
  border:1px solid rgba(123,183,165,.11)!important;
  border-radius:14px!important;
  background:rgba(7,14,14,.48)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;-webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.14)!important;
}
.headline-strip>.shell{width:100%!important;padding:0 20px!important}

.page-grid{padding-top:26px!important;gap:22px!important}
.forum-section,.side-card,.showcase-card,.ips-panel,.ranking-list-panel,.podium-card,.profile-panel-modern,.profile-cover-modern,.topic-table,.topic-header,.post-card,.member-card,.team-card,.auth-card,.admin-create,.admin-category-card,.admin-settings-card,.category-hero,.subforum-panel{
  background:rgba(8,16,16,.55)!important;
  border:1px solid rgba(119,181,163,.13)!important;
  border-radius:14px!important;
  backdrop-filter:blur(19px) saturate(1.20)!important;
  -webkit-backdrop-filter:blur(19px) saturate(1.20)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
  position:relative!important;
  overflow:hidden!important;
}
.forum-section:before,.side-card:before,.showcase-card:before,.ips-panel:before,.podium-card:before,.profile-panel-modern:before,.profile-cover-modern:before,.topic-table:before,.post-card:before,.member-card:before,.team-card:before,.category-hero:before,.subforum-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at var(--mx,12%) var(--my,0%),rgba(96,198,168,.085),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 20%);
  opacity:.95;
}
.forum-section:hover,.side-card:hover,.showcase-card:hover,.ips-panel:hover,.podium-card:hover,.profile-panel-modern:hover,.topic-table:hover,.post-card:hover,.member-card:hover,.team-card:hover,.subforum-panel:hover{
  border-color:rgba(111,206,178,.24)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),0 0 0 1px rgba(99,196,167,.035),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.forum-section-title,.side-title,.ips-panel-head,.topic-table-head,.subforum-panel-head{
  background:rgba(17,34,30,.54)!important;
  border-bottom:1px solid rgba(125,184,168,.10)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
.forum-row,.topic-row,.subforum-card,.latest-item,.ips-member-row,.ranking-row{
  background:rgba(8,15,16,.28)!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
}
.forum-row:nth-child(odd){background:rgba(11,20,19,.42)!important}
.forum-row:hover,.topic-row:hover,.subforum-card:hover,.latest-item:hover,.ips-member-row:hover,.ranking-row:hover{
  background:linear-gradient(90deg,rgba(54,112,95,.17),rgba(9,17,17,.54) 38%,rgba(9,17,17,.34))!important;
  box-shadow:inset 3px 0 0 rgba(99,196,167,.40)!important;
}
.forum-symbol-image{border-radius:12px!important;background:rgba(37,80,69,.34)!important;border:1px solid rgba(100,194,166,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.14)!important}
.subforum-links a{border-radius:8px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.045)!important}
.side-card{margin-bottom:16px!important}
.discord-card{background:linear-gradient(145deg,rgba(24,66,55,.48),rgba(8,16,16,.58))!important}
.showcase-card{transform:translateZ(0)}
.showcase-card:hover{transform:translateY(-3px)!important}
.showcase-card img{filter:saturate(.82) brightness(.76) contrast(1.05)!important;transition:filter .3s ease,transform .35s ease!important}
.showcase-card:hover img{filter:saturate(1) brightness(.86) contrast(1.03)!important;transform:scale(1.018)!important}

.search-drawer{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:rgba(5,10,10,.72)!important}
.search-form{border-radius:14px!important;background:rgba(8,17,17,.74)!important;border:1px solid rgba(122,187,168,.14)!important}

.site-footer{
  background:rgba(5,10,10,.58)!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;-webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}
.footer-grid,.footer-bottom{position:relative;z-index:2}

.realm-backtop{
  position:fixed;right:28px;bottom:28px;z-index:90;
  width:48px;height:48px;border:1px solid rgba(130,214,187,.18);border-radius:50%;
  display:grid;place-items:center;background:rgba(73,164,137,.86);color:#06110e;
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 28px rgba(74,175,145,.16);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease;
  cursor:pointer;font-size:18px;font-weight:900;
}
.realm-backtop.show{opacity:1;transform:translateY(0);pointer-events:auto}
.realm-backtop:hover{transform:translateY(-2px);background:#69c6a9}

@keyframes realmAmbient{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-2vh,0) scale(1.06)}100%{transform:translate3d(-2vw,3vh,0) scale(.98)}}

@media(max-width:1100px){
  .hero-home{width:calc(100% - 28px)!important}.hero-home>.shell{padding:0 34px!important}.headline-strip{width:calc(100% - 28px)!important}
}
@media(max-width:820px){
  .site-header{position:relative!important}.hero-home{margin-top:12px!important;min-height:320px!important}.hero-home>.shell{padding:0 22px!important}.hero-copy h1{font-size:34px!important}.realm-backtop{right:18px;bottom:18px}
}
@media(max-width:580px){
  .hero-home{width:calc(100% - 14px)!important;border-radius:12px!important}.headline-strip{width:calc(100% - 14px)!important;border-radius:10px!important}.forum-section,.side-card,.showcase-card,.ips-panel,.podium-card{border-radius:10px!important}
}


/* =========================================================
   ARCADIA — FULL FORUM GTA BACKGROUND
   background.png covers the whole forum, not only the hero.
   ========================================================= */

html {
    min-height: 100%;
    background: #030708 !important;
}

body {
    min-height: 100vh;
    position: relative;
    isolation: isolate;
    overflow-x: hidden;
    background: transparent !important;
}

/* Real full-page image layer */
.page-backdrop {
    display: block !important;
    position: fixed !important;
    inset: -40px !important;
    z-index: -10 !important;
    pointer-events: none !important;
    background:
        url('../img/background.png') center center / cover no-repeat fixed !important;
    filter: blur(26px) brightness(.42) saturate(.88) contrast(1.05) !important;
    transform: scale(1.08) !important;
    opacity: 1 !important;
    will-change: transform, filter;
}

/* The old grid on the backdrop is disabled */
.page-backdrop::after {
    display: none !important;
}

/* Dark cinematic layer over the image */
body::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -9 !important;
    pointer-events: none !important;
    width: auto !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    filter: none !important;
    opacity: 1 !important;
    animation: none !important;
    background:
        radial-gradient(circle at 15% 18%, rgba(76, 192, 158, .17), transparent 28%),
        radial-gradient(circle at 86% 22%, rgba(59, 137, 117, .12), transparent 26%),
        radial-gradient(circle at 55% 82%, rgba(183, 127, 59, .08), transparent 26%),
        linear-gradient(180deg,
            rgba(2, 7, 8, .58) 0%,
            rgba(3, 9, 10, .67) 32%,
            rgba(3, 10, 10, .77) 68%,
            rgba(2, 7, 8, .88) 100%) !important;
}

/* Soft moving ambient light above the dark layer */
body::after {
    content: "" !important;
    position: fixed !important;
    inset: -10vh -10vw !important;
    z-index: -8 !important;
    pointer-events: none !important;
    width: auto !important;
    height: auto !important;
    right: auto !important;
    top: auto !important;
    border-radius: 0 !important;
    filter: blur(60px) !important;
    opacity: .8 !important;
    background:
        radial-gradient(circle at 20% 28%, rgba(80, 208, 171, .10), transparent 20%),
        radial-gradient(circle at 82% 46%, rgba(72, 136, 175, .08), transparent 22%) !important;
    animation: arcadiaFullBgFloat 20s ease-in-out infinite alternate !important;
}

.page-noise {
    position: fixed !important;
    inset: 0 !important;
    z-index: -7 !important;
    pointer-events: none !important;
    opacity: .028 !important;
    mix-blend-mode: soft-light !important;
}

/* Main surfaces must stay transparent enough to see the GTA background */
main,
.page-home main,
.arcadia-showcase,
.home-bottom {
    background: transparent !important;
}

.site-header {
    background: rgba(4, 10, 11, .58) !important;
    backdrop-filter: blur(26px) saturate(1.22) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.22) !important;
}

.utility-bar {
    background: rgba(3, 8, 9, .48) !important;
}

.main-bar {
    background:
        linear-gradient(90deg, rgba(5, 12, 13, .70), rgba(5, 12, 13, .50)) !important;
    backdrop-filter: blur(24px) saturate(1.20) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.20) !important;
}

.community-strip {
    background: rgba(4, 10, 11, .48) !important;
    backdrop-filter: blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
}

/* Hero remains readable but no longer looks like a separate unrelated page */
.hero-home {
    background:
        linear-gradient(90deg,
            rgba(4, 10, 11, .79) 0%,
            rgba(4, 10, 11, .59) 39%,
            rgba(4, 10, 11, .28) 70%,
            rgba(4, 10, 11, .50) 100%),
        url('../img/hero-los-santos.png') center 68% / cover no-repeat !important;
    backdrop-filter: blur(4px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(4px) saturate(1.12) !important;
}

/* Stronger glass effect on the whole forum */
.forum-section,
.side-card,
.showcase-card,
.hero-status,
.headline-strip,
.ips-panel,
.ranking-list-panel,
.podium-card,
.profile-panel-modern,
.profile-cover-modern,
.topic-table,
.topic-header,
.post-card,
.member-card,
.team-card,
.auth-card,
.admin-create,
.admin-category-card,
.admin-settings-card,
.category-hero,
.subforum-panel,
.discord-card {
    background:
        linear-gradient(180deg, rgba(14, 26, 25, .58), rgba(6, 14, 15, .52)) !important;
    border: 1px solid rgba(133, 204, 182, .14) !important;
    backdrop-filter: blur(24px) saturate(1.20) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.20) !important;
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .27),
        inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.forum-section:hover,
.side-card:hover,
.showcase-card:hover,
.ips-panel:hover,
.podium-card:hover,
.profile-panel-modern:hover,
.topic-table:hover,
.post-card:hover,
.member-card:hover,
.team-card:hover,
.subforum-panel:hover {
    border-color: rgba(111, 220, 187, .24) !important;
    box-shadow:
        0 26px 70px rgba(0, 0, 0, .31),
        0 0 34px rgba(73, 181, 150, .045),
        inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.forum-section-title,
.side-title,
.ips-panel-head,
.topic-table-head,
.subforum-panel-head {
    background: rgba(19, 42, 36, .48) !important;
    backdrop-filter: blur(20px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.18) !important;
}

.forum-row,
.topic-row,
.subforum-card,
.latest-item,
.ips-member-row,
.ranking-row {
    background: rgba(6, 14, 15, .30) !important;
}

.forum-row:nth-child(odd) {
    background: rgba(8, 17, 18, .39) !important;
}

.site-footer {
    background: rgba(3, 8, 9, .52) !important;
    backdrop-filter: blur(25px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(25px) saturate(1.18) !important;
}

@keyframes arcadiaFullBgFloat {
    0% {
        transform: translate3d(-1.5vw, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(1.5vw, -1vh, 0) scale(1.04);
    }
    100% {
        transform: translate3d(0, 1vh, 0) scale(1.01);
    }
}

@media (max-width: 820px) {
    .page-backdrop {
        inset: -28px !important;
        filter: blur(20px) brightness(.39) saturate(.85) !important;
        transform: scale(1.10) !important;
        background-attachment: scroll !important;
    }
}

/* =========================================================
   ARCADIA — RULES / LEGAL REFRESH
   ========================================================= */
.utility-inner{justify-content:flex-end!important}
.utility-bar .server-state{display:none!important}

.footer-bottom-legal{min-height:92px!important;align-items:center!important;gap:28px!important}
.footer-copyright{display:flex;flex-direction:column;gap:7px;max-width:780px}
.footer-copyright>span{color:#61766f;font-size:7.5px}
.footer-copyright>small{max-width:760px;color:#3f5550;font-size:6.6px;line-height:1.55}
.footer-game-link{margin-left:auto;color:#445b55!important;font-size:7px!important;white-space:nowrap}

.rules-hub{padding:30px 0 64px}
.rules-hub-wrap{max-width:1160px}
.rules-hero-modern{min-height:218px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:center;padding:34px 38px;border:1px solid rgba(126,210,184,.16);border-radius:10px;background:linear-gradient(120deg,rgba(8,19,19,.64),rgba(6,13,16,.44));backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);position:relative;overflow:hidden}
.rules-hero-modern:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-220px;border:1px solid rgba(109,201,174,.09);box-shadow:0 0 80px rgba(79,170,145,.07)}
.rules-hero-modern:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0%,rgba(95,212,180,.10),transparent 15rem);pointer-events:none}
.rules-hero-modern>div{position:relative;z-index:1}
.rules-hero-modern h1{margin-top:9px;font-size:39px;line-height:1.02;letter-spacing:-1.2px}
.rules-hero-modern h1 em{font-style:normal;color:#6ac7ad}
.rules-hero-modern p{max-width:700px;margin-top:14px;color:#748b84;font-size:9.5px;line-height:1.75}
.rules-hero-badge{min-height:92px;display:flex!important;align-items:center;gap:13px;padding:16px;border:1px solid rgba(109,201,174,.14);border-radius:7px;background:rgba(5,13,15,.43)}
.rules-hero-badge>span{width:48px;height:48px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#24483f,#142a25);border:1px solid rgba(109,201,174,.22);color:#72cdb3;font-size:17px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.rules-hero-badge>div{display:flex;flex-direction:column;gap:3px}
.rules-hero-badge small{color:#56716a;font-size:6px;font-weight:900;letter-spacing:1px}
.rules-hero-badge b{color:#dce7e4;font-size:10px}
.rules-hero-badge em{font-style:normal;color:#5b716b;font-size:7px}

.rules-tabs-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0 20px}
.rules-tabs-modern>a{min-height:74px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(126,210,184,.12);border-radius:7px;background:rgba(6,14,16,.48);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);transition:.2s ease}
.rules-tabs-modern>a:hover{transform:translateY(-1px);border-color:rgba(109,201,174,.24);background:rgba(12,26,23,.58)}
.rules-tabs-modern>a.active{border-color:rgba(109,201,174,.35);background:linear-gradient(135deg,rgba(27,61,52,.72),rgba(9,21,19,.55));box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 -2px #6da396}
.rules-tabs-modern>a>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(109,201,174,.16);border-radius:5px;background:rgba(109,201,174,.05);color:#66867d;font-size:7px;font-weight:900}
.rules-tabs-modern>a.active>span{color:#87d5c0;border-color:rgba(109,201,174,.28);background:rgba(109,201,174,.10)}
.rules-tabs-modern>a>div{display:flex;flex-direction:column;gap:3px}
.rules-tabs-modern small{color:#536b64;font-size:6px;font-weight:900;letter-spacing:1px}
.rules-tabs-modern b{color:#cbd8d4;font-size:10px}
.rules-tabs-modern em{font-style:normal;color:#566c66;font-size:6.6px}
.rules-tabs-modern>a.active b{color:#f0f6f4}
.rules-tabs-modern>a.active small{color:#6fc4ad}

.rules-section-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:13px 18px;border:1px solid rgba(126,210,184,.13);border-radius:7px;background:rgba(7,16,18,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.rules-section-head>div{display:flex;flex-direction:column;gap:3px}
.rules-section-head span{color:#5cae9a;font-size:6px;font-weight:900;letter-spacing:1px}
.rules-section-head h2{font-size:17px;color:#e7efed}
.rules-section-head p{font-size:7.5px;color:#5f756e}
.rules-section-head>strong{font-size:34px;color:rgba(109,163,150,.18);font-weight:900}

.rules-modern-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rule-modern-card{min-height:145px;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px;border:1px solid rgba(126,210,184,.12);border-radius:7px;background:linear-gradient(145deg,rgba(8,18,19,.57),rgba(5,12,15,.48));backdrop-filter:blur(20px) saturate(1.16);-webkit-backdrop-filter:blur(20px) saturate(1.16);box-shadow:0 14px 40px rgba(0,0,0,.15);transition:.2s ease}
.rule-modern-card:hover{transform:translateY(-1px);border-color:rgba(109,201,174,.22);box-shadow:0 20px 50px rgba(0,0,0,.21),0 0 24px rgba(74,180,151,.04)}
.rule-modern-card>span{width:37px;height:37px;display:grid;place-items:center;border-radius:5px;border:1px solid rgba(109,201,174,.18);background:rgba(109,201,174,.055);color:#67b9a4;font-size:7px;font-weight:900}
.rule-modern-card h3{color:#dce7e4;font-size:13px;margin-bottom:8px}
.rule-modern-card p{color:#6d827c;font-size:8.5px;line-height:1.75}
.rules-legal-layout{display:flex;flex-direction:column;gap:9px}
.rockstar-card-main{min-height:168px;display:grid;grid-template-columns:78px 1fr;align-items:center;gap:18px;padding:23px;border:1px solid rgba(109,201,174,.14);border-radius:8px;background:linear-gradient(120deg,rgba(11,27,23,.68),rgba(7,15,18,.50));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 54px rgba(0,0,0,.18)}
.rockstar-mark{width:68px;height:68px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#254a40,#122720);border:1px solid rgba(109,201,174,.23);color:#76cdb5;font-size:24px;font-weight:900}
.rockstar-card-main small{color:#5fb09b;font-size:6px;font-weight:900;letter-spacing:1px}
.rockstar-card-main h3{margin-top:5px;color:#edf4f2;font-size:18px}
.rockstar-card-main p{max-width:760px;margin-top:8px;color:#71877f;font-size:8.5px;line-height:1.7}
.legal-grid{grid-template-columns:1fr 1fr}
.rules-footer-note{min-height:70px;display:flex;align-items:center;gap:13px;margin-top:10px;padding:13px 17px;border:1px solid rgba(109,201,174,.13);border-radius:7px;background:rgba(6,15,16,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.rules-footer-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(109,201,174,.22);color:#72c6af;font-size:11px;font-weight:900}
.rules-footer-note>div{display:flex;flex-direction:column;gap:3px}
.rules-footer-note b{color:#b9c9c5;font-size:8.5px}
.rules-footer-note p{color:#566c65;font-size:7px}

@media(max-width:820px){.rules-hero-modern{grid-template-columns:1fr;padding:25px}.rules-hero-badge{max-width:360px}.rules-tabs-modern{grid-template-columns:1fr}.rules-modern-grid,.legal-grid{grid-template-columns:1fr}.footer-bottom-legal{align-items:flex-start!important;flex-direction:column!important;padding:18px 0!important}.footer-game-link{margin-left:0!important}}
@media(max-width:560px){.rules-hub{padding-top:14px}.rules-hero-modern{padding:20px}.rules-hero-modern h1{font-size:31px}.rules-hero-badge{display:none!important}.rules-section-head>strong{display:none}.rule-modern-card{grid-template-columns:1fr;min-height:auto}.rule-modern-card>span{display:none}.rockstar-card-main{grid-template-columns:1fr}.rockstar-mark{width:50px;height:50px;font-size:18px}.footer-copyright>small{font-size:6.2px}}