/* Ojerk V18.1 — visible rankings, mobile login and Surprise Me CTA. */

/* Remove the catalogue eyebrow even when an old translated fragment survives. */
.oj-v13-grid-head > div > span:first-child{display:none!important}
.oj-v13-grid-head > div{max-width:none!important}

.oj-v181-home-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:22px}
.oj-v181-surprise-button{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:min(100%,330px);min-height:70px;padding:11px 15px 11px 11px;border:1px solid rgba(var(--oj-accent-rgb),.72);border-radius:18px;background:linear-gradient(135deg,rgba(var(--oj-accent-rgb),.24),rgba(13,15,20,.97) 58%);box-shadow:0 18px 44px rgba(var(--oj-accent-rgb),.12),inset 0 1px rgba(255,255,255,.06);color:#fff;text-decoration:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.oj-v181-surprise-button:before{content:"";position:absolute;inset:-60% auto -60% -22%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);transform:rotate(18deg);transition:transform .5s ease}
.oj-v181-surprise-button:hover{transform:translateY(-2px);border-color:var(--oj-accent-hover,var(--oj-accent));box-shadow:0 22px 54px rgba(var(--oj-accent-rgb),.2),inset 0 1px rgba(255,255,255,.08)}
.oj-v181-surprise-button:hover:before{transform:translateX(370%) rotate(18deg)}
.oj-v181-surprise-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--oj-accent);color:#fff;box-shadow:0 10px 24px rgba(var(--oj-accent-rgb),.27)}
.oj-v181-surprise-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.oj-v181-surprise-button span:nth-child(2){display:grid;gap:3px;min-width:0}
.oj-v181-surprise-button strong{font-size:15px;font-weight:950;letter-spacing:.01em}
.oj-v181-surprise-button small{color:#b9bec8;font-size:11px;font-weight:700}
.oj-v181-surprise-button>b{font-size:20px;color:var(--oj-accent-hover,var(--oj-accent))}
.oj-v181-surprise-button.is-loading{pointer-events:none;opacity:.72}

.oj-v181-home-rankings{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(9,11,15,.78)}
.oj-v181-home-rankings a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 16px;border:1px solid transparent;border-radius:13px;color:#d7dae0;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;transition:.18s ease}
.oj-v181-home-rankings a:hover{border-color:rgba(var(--oj-accent-rgb),.55);background:rgba(var(--oj-accent-rgb),.12);color:#fff}

/* Unique V18.1 ranking card cannot be mistaken for a removed numeric stat. */
.oj-v181-ranking-card{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;min-height:0!important;height:auto!important;overflow:visible!important}
.oj-v181-ranking-card *{visibility:visible!important;opacity:1!important}
.oj-v181-ranking-card .oj-v1616-ranking-tabs{display:grid!important}
.oj-v181-ranking-card .oj-v1616-ranking-tabs>a{display:grid!important}

/* Login/account belongs inside the burger explorer on small screens. */
.oj-v181-mobile-account{display:none}
.oj-v181-account-link{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:10px 12px;border:1px solid rgba(var(--oj-accent-rgb),.5);border-radius:15px;background:linear-gradient(120deg,rgba(var(--oj-accent-rgb),.16),rgba(13,15,20,.95));color:#fff;text-decoration:none}
.oj-v181-account-link>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--oj-accent);font-size:8px}
.oj-v181-account-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.oj-v181-account-link strong{font-size:14px;font-weight:950}
.oj-v181-account-link>b{color:var(--oj-accent-hover,var(--oj-accent));font-size:18px}
.oj-v181-account-link.is-secondary{grid-template-columns:minmax(0,1fr) auto;margin-top:7px;background:#11141a;border-color:rgba(255,255,255,.1)}

@media(max-width:1100px){
  .oj-v181-home-actions{align-items:stretch}
  .oj-v181-home-rankings{flex:1 1 330px}
  .oj-v181-home-rankings a{flex:1 1 auto}
}

@media(max-width:782px){
  .oj-v181-mobile-account{display:block;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
  .oj-v181-home-actions{display:grid;grid-template-columns:1fr;margin-top:18px}
  .oj-v181-surprise-button{width:100%;min-width:0}
  .oj-v181-home-rankings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:6px}
  .oj-v181-home-rankings a{min-height:46px;padding:0 7px;font-size:11px}
  .oj-v181-ranking-card{width:100%!important}
}

@media(max-width:430px){
  .oj-v181-home-rankings{grid-template-columns:1fr}
  .oj-v181-home-rankings a{min-height:44px}
  .oj-v181-surprise-button{grid-template-columns:43px minmax(0,1fr) auto;border-radius:16px}
  .oj-v181-surprise-icon{width:43px;height:43px}
}