/* Racer lime concept. This stylesheet belongs to the separate preview only. */
:root{
  --lime:#bdf171;
  --lime-bright:#96e91f;
  --lime-text:#d1f59e;
}

/* Preserve the approved goat/wordmark geometry while shifting its gold ink
   into the softer lime used by the Register button. */
.brand .logo,.footer-brand img,.modal-logo img{
  filter:hue-rotate(43deg) saturate(1.1) brightness(1.15);
}

.home-main .home-hero{
  background:radial-gradient(circle at 43% 24%,#79db1c1d,transparent 44%),
    linear-gradient(100deg,#101611,#18251a 58%,#0d110e);
  border-bottom-color:#adf45c40;
}
.home-main .home-hero:before{
  background-image:radial-gradient(circle,#b3ef5c 1px,transparent 1.25px);
}

#app .site-rail .rail-race-banner{
  border-color:#a8ef5366;
  background:radial-gradient(circle at 78% 48%,#87d92345,transparent 56%),
    linear-gradient(105deg,#192019,#111515 82%);
}
#app .site-rail .rail-race-banner strong,
#app .site-rail .rail-race-banner span{color:var(--lime-text)}

.sidebar-tabs .active,.bet-kind-tabs button.active{
  background:var(--lime-bright);
  color:#142009;
}
.reward-tabs button.active{
  background:#1c2a18;
  border-color:var(--lime);
  color:var(--lime-text);
}
.rewards-hero{
  background:radial-gradient(circle at 77% 38%,#8de01666,transparent 32%),
    linear-gradient(105deg,#17221a,#111715);
}

.case-tile.case-art-new.case-style-full-art>span,
.case-tile.case-art-new.case-style-vivid>span,
.case-designs-back,.case-designs-option-head>span{
  color:var(--lime-text);
}
.case-designs-back{border-color:#b1ef5977}
.case-designs-back:hover{background:#b1ef5933}
.home-content .case-compare-link{border-color:#b1ef5977;color:var(--lime-text)}
.home-content .case-compare-link:hover{background:#b1ef5933}

/* Compact grouped navigation for the Racer Lime preview. */
#app .site-rail .rail-promo-list{gap:2px}
#app .site-rail .rail-promo-list>.rail-promo-heading,
#app .site-rail .rail-promo-list>a{height:48px;min-height:48px;display:flex;align-items:center;gap:10px;padding:5px 8px;border:0;border-radius:5px;color:#e9e8e4;font-size:.78rem;font-weight:750;text-align:left;background:linear-gradient(90deg,#2a2524,#1d1e20 78%)}
#app .site-rail .rail-promo-list>.rail-promo-heading{width:100%;cursor:pointer}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:first-child{width:34px;display:grid;place-items:center;flex:none;color:#b6df8a}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:first-child svg{width:20px;height:20px}
#app .site-rail .rail-promo-list>.rail-promo-heading:hover,
#app .site-rail .rail-promo-list>a:hover{background:#34302b;color:#d3ff94}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:last-child{margin-left:auto;width:18px;color:#aeb5ad;transition:transform .2s}
#app .site-rail .rail-promo-list>.rail-promo-heading[aria-expanded="true"] .nav-icon:last-child{transform:rotate(180deg)}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:last-child svg{width:15px;height:15px}
#app .site-rail .rail-promo-list>a:nth-last-child(2){background:linear-gradient(90deg,#282329,#1d1e20 78%)}
#app .site-rail .rail-promo-list>a:last-child{background:linear-gradient(90deg,#222b24,#1d1e20 78%)}
#app .site-rail .rail-promo-list>a .nav-icon{width:34px;display:grid;place-items:center;flex:none;color:#b6df8a}
#app .site-rail .rail-promo-list>a .nav-icon svg{width:20px;height:20px}
#app .site-rail .rail-promo-children{display:grid;gap:1px;margin:1px 0 4px 18px;padding-left:9px;border-left:1px solid #b1ef5940}
#app .site-rail .rail-promo-children a{height:39px;min-height:39px;background:#171d19;color:#ced3cb;font-size:.73rem;font-weight:650}
#app .site-rail .rail-promo-children a:hover{background:#243127;color:#d3ff94}
#app .site-rail .rail-promo-children img,
#app .site-rail .rail-promo-children .nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:none}
#app .site-rail .rail-promo-children .nav-icon svg{width:18px;height:18px}