/* RAPF*CK V17.1 — layout fixes + stronger underground modules */

/* MC card: avatar -> LVL/XP -> identity. Exactly in that order. */
.player-card.rf17-player-layout{grid-template-columns:126px 92px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;overflow:visible!important}
.player-card.rf17-player-layout .player-card-photo{width:126px!important;height:150px!important;border-radius:26px!important}
.player-card.rf17-player-layout .player-card-main{grid-column:3!important;min-width:0!important}
.player-card.rf17-player-layout .player-card-progress{grid-column:1/-1!important}
.player-card.rf17-player-layout .player-card-score{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:stretch!important;display:grid!important;gap:8px!important}
.player-card-score span{display:block!important;padding:7px 8px!important;border:1px solid #5d4b29!important;border-radius:999px!important;background:#15110d!important;color:#f2b84b!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.9px!important;text-align:center!important;white-space:nowrap!important}
.player-card-score strong{display:block!important;color:#d9ff43!important;font-size:25px!important;line-height:.9!important;letter-spacing:-1px!important;text-align:center!important}
.player-card-score strong small{display:block!important;margin-top:5px!important;color:#8f867c!important;font-size:8px!important;letter-spacing:1px!important}
.player-card.rf17-player-layout .player-card-meta{margin-top:8px!important}

#home .player-card.compact.rf17-player-layout{grid-template-columns:94px 76px minmax(0,1fr)!important;gap:11px!important;min-height:118px!important;padding:13px 14px!important}
#home .player-card.compact.rf17-player-layout .player-card-photo{width:94px!important;height:98px!important;border-radius:22px!important}
#home .player-card.compact.rf17-player-layout .player-card-main{grid-column:3!important}
#home .player-card.compact.rf17-player-layout .player-card-aka{font-size:28px!important;line-height:.9!important}
#home .player-card.compact.rf17-player-layout .player-card-kicker{font-size:7px!important}
#home .player-card.compact.rf17-player-layout .player-card-score{grid-column:2!important}
#home .player-card.compact.rf17-player-layout .player-card-score strong{font-size:22px!important}

/* Copy is never a skinny orphan on the right again. */
.section-head.big{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)!important;gap:20px!important;align-items:end!important}
.section-head.big>div{min-width:0!important}
.section-copy-card{width:100%!important;max-width:none!important;align-self:end!important;padding:18px 19px!important;border:1px solid #3f382f!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(165,108,255,.09),transparent 36%),linear-gradient(145deg,#17130f,#0b0a09)!important;box-shadow:7px 8px 0 rgba(0,0,0,.30)!important;transform:rotate(.25deg)!important}
.section-copy-card>span{display:inline-flex!important;margin:0 0 10px!important;padding:5px 8px!important;border:1px solid rgba(217,255,67,.34)!important;border-radius:999px!important;color:#d9ff43!important;background:#12130c!important;font-size:8px!important;font-weight:1000!important;letter-spacing:1.2px!important}
.section-copy-card>p{margin:0!important;color:#b7ada2!important;font-size:14px!important;line-height:1.55!important}
.rf17-mini-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 10px!important;border:1px solid #3a342d!important;border-radius:999px!important;background:#11100e!important;color:#9f968c!important;font-size:8px!important;font-weight:1000!important;letter-spacing:1px!important;line-height:1.1!important;max-width:170px!important;text-align:center!important}

/* Values / culture: compact, rounded, no awkward giant empty slabs. */
.values-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin-top:22px!important}
.value-card{min-height:0!important;padding:20px!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.025),transparent 34%),linear-gradient(145deg,#16130f,#0b0a09)!important;box-shadow:7px 8px 0 rgba(0,0,0,.28)!important}
.value-card h3{margin:24px 0 8px!important;font-size:27px!important;line-height:.95!important}
.value-card p{margin:0!important;color:#9f968c!important;font-size:13px!important;line-height:1.48!important}
.values-intro{max-width:none!important;padding:18px 19px!important;border:1px solid #3c352e!important;border-radius:23px!important;background:linear-gradient(145deg,#15120f,#0b0a09)!important;color:#aaa095!important;box-shadow:6px 7px 0 rgba(0,0,0,.26)!important}
.culture-line{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;overflow:hidden!important;border-radius:20px!important;padding:13px 15px!important}
.culture-line span{min-width:0!important;white-space:normal!important;line-height:1.35!important}

/* More basement / flyer personality without hurting readability. */
.v4-section .section-head h2,.app-v4 .section-head h2{position:relative!important}
.v4-section .section-head h2:after,.app-v4 .section-head h2:after{content:'//';display:inline-block;margin-left:8px;color:rgba(217,255,67,.20);font-size:.55em;transform:rotate(8deg)}
.feature-grid article,.big-mode-grid article,.mode-card,.value-card,.rank-row{outline:1px solid rgba(255,255,255,.018)!important;outline-offset:-7px!important}

/* V18: Community is a page. Plain links cannot freeze the app. */
.rf-community-shortcuts{display:flex;align-items:center;gap:7px;margin-left:auto}
.rf-community-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 11px;border:1px solid #453c34;border-radius:12px;background:linear-gradient(145deg,#17130f,#0b0a09);color:#fff0dc;text-decoration:none;font-size:8px;font-weight:1000;letter-spacing:.8px;box-shadow:4px 4px 0 #000}
.rf-community-shortcuts a:first-child{transform:rotate(-1deg)}.rf-community-shortcuts a:last-child{transform:rotate(1deg)}
.rf-community-entry-link{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;min-height:62px;margin-top:18px;padding:0 18px;border:0;border-radius:18px;background:#d9ff43;color:#090909!important;text-decoration:none!important;font-size:15px;font-weight:1000;letter-spacing:.2px;box-shadow:6px 7px 0 #252a11}

/* Ranking order is fixed in CSS too: # -> avatar -> LVL/XP -> identity. */
.landing-ranking .rank-row,#rankingList .rank-row{display:grid!important;grid-template-columns:42px 78px 72px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;overflow:visible!important}
.landing-ranking .rank-row>b,#rankingList .rank-row>b{grid-column:1!important;grid-row:1!important}
.landing-ranking .rank-row>img,#rankingList .rank-row>img{grid-column:2!important;grid-row:1!important;width:74px!important;height:74px!important;border-radius:22px!important;object-fit:cover!important}
.landing-ranking .rank-row>.rank-score,#rankingList .rank-row>.rank-score,.landing-ranking .rank-row>em,#rankingList .rank-row>em{grid-column:3!important;grid-row:1!important;display:grid!important;justify-items:start!important;align-content:center!important;gap:5px!important;min-width:0!important;margin:0!important;color:#d9ff43!important;font-style:normal!important;font-weight:1000!important;font-size:14px!important;line-height:1!important}
.landing-ranking .rank-row>.rank-score small,#rankingList .rank-row>.rank-score small{display:inline-flex!important;padding:5px 7px!important;border:1px solid #51442e!important;border-radius:999px;background:#15120d;color:#f2b84b!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.5px!important;white-space:nowrap!important}
.landing-ranking .rank-row>.rank-score strong,#rankingList .rank-row>.rank-score strong{font-size:14px!important;color:#d9ff43!important;white-space:nowrap!important}
.landing-ranking .rank-row>span:not(.rank-score):not(.rf-plan-badge),#rankingList .rank-row>span:not(.rank-score):not(.rf-plan-badge){grid-column:4!important;grid-row:1!important;min-width:0!important}
.landing-ranking .rank-row>span:not(.rank-score):not(.rf-plan-badge)>strong,#rankingList .rank-row>span:not(.rank-score):not(.rf-plan-badge)>strong{font-size:18px!important;line-height:1.05!important;white-space:normal!important}
.landing-ranking .rank-row .rf-plan-badge.compact,#rankingList .rank-row .rf-plan-badge.compact{position:absolute!important;top:-10px!important;right:13px!important;z-index:5!important;transform:rotate(3deg)!important}

@media(max-width:760px){
  .section-head.big{grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}
  .section-copy-card{transform:rotate(-.18deg)!important}
  .values-grid{grid-template-columns:1fr!important}
  .value-card{padding:18px!important}
  .value-card h3{font-size:25px!important;margin-top:20px!important}

  .top-user #topAka{display:none!important}.rf-community-shortcuts{gap:5px}.rf-community-shortcuts a{min-height:38px;padding:0 8px;font-size:7px}

  #home .player-card.compact.rf17-player-layout{grid-template-columns:92px 70px minmax(0,1fr)!important;gap:9px!important;padding:12px!important}
  #home .player-card.compact.rf17-player-layout .player-card-photo{width:92px!important;height:98px!important}
  #home .player-card.compact.rf17-player-layout .player-card-aka{font-size:24px!important}
  #home .player-card.compact.rf17-player-layout .player-card-meta{gap:5px!important}
  #home .player-card.compact.rf17-player-layout .player-card-chip{font-size:6.5px!important;padding:4px 6px!important}
  #home .player-card.compact.rf17-player-layout .player-card-score span{font-size:8px!important;padding:6px!important}
  #home .player-card.compact.rf17-player-layout .player-card-score strong{font-size:20px!important}

  .profile-preview .player-card.rf17-player-layout{grid-template-columns:112px 78px minmax(0,1fr)!important;gap:10px!important;padding:14px!important}
  .profile-preview .player-card.rf17-player-layout .player-card-photo{width:112px!important;height:136px!important}

  .landing-ranking .rank-row,#rankingList .rank-row{grid-template-columns:34px 64px 60px minmax(0,1fr)!important;gap:8px!important;padding:14px 12px!important;min-height:104px!important}
  .landing-ranking .rank-row>img,#rankingList .rank-row>img{width:62px!important;height:62px!important;border-radius:19px!important}
  .landing-ranking .rank-row>.rank-score strong,#rankingList .rank-row>.rank-score strong{font-size:12px!important}.landing-ranking .rank-row>.rank-score small,#rankingList .rank-row>.rank-score small{font-size:6.5px!important;padding:4px 5px!important}
  .landing-ranking .rank-row>span:not(.rank-score):not(.rf-plan-badge)>strong,#rankingList .rank-row>span:not(.rank-score):not(.rf-plan-badge)>strong{font-size:16px!important}
}

@media(max-width:430px){
  #home .player-card.compact.rf17-player-layout{grid-template-columns:86px 66px minmax(0,1fr)!important}
  #home .player-card.compact.rf17-player-layout .player-card-photo{width:86px!important;height:92px!important}
  #home .player-card.compact.rf17-player-layout .player-card-aka{font-size:22px!important}
  .landing-ranking .rank-row,#rankingList .rank-row{grid-template-columns:30px 58px 54px minmax(0,1fr)!important;gap:7px!important}
  .landing-ranking .rank-row>img,#rankingList .rank-row>img{width:56px!important;height:56px!important}
  .landing-ranking .rank-row>span:not(.rank-score):not(.rf-plan-badge)>strong,#rankingList .rank-row>span:not(.rank-score):not(.rf-plan-badge)>strong{font-size:15px!important}
}
