/* RAPF*CK V17 — unified underground / flyer / basement visual system */
:root{
  --rf17-black:#070707;--rf17-panel:#100f0d;--rf17-panel2:#171410;--rf17-cream:#fff0dc;
  --rf17-acid:#d9ff43;--rf17-red:#ff4a32;--rf17-purple:#a56cff;--rf17-gold:#f2b84b;--rf17-muted:#9b9288;
}
body.app-v4,body.landing-body,body.blog-body,body.public-body{
  background:
    radial-gradient(circle at 7% 3%,rgba(255,74,50,.16),transparent 24%),
    radial-gradient(circle at 95% 18%,rgba(165,108,255,.13),transparent 25%),
    repeating-linear-gradient(118deg,transparent 0 37px,rgba(255,255,255,.018) 38px 39px,transparent 40px 78px),
    #070707!important;
  color:var(--rf17-cream);
}
body.app-v4:before,body.landing-body:before,body.blog-body:before,body.public-body:before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;
  background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.08) 0 1px,transparent 1.5px);
  background-size:19px 19px,27px 27px;mix-blend-mode:soft-light;
}
body.app-v4>*,body.landing-body>*,body.blog-body>*,body.public-body>*{position:relative;z-index:1}
.brand,.blog-brand{transform:skew(-8deg) rotate(-1deg)!important;text-shadow:3px 3px 0 rgba(255,74,50,.22),-2px -1px 0 rgba(165,108,255,.12)!important}
.brand span,.blog-brand span{color:var(--rf17-red)!important}

/* Typography and stickers */
.eyebrow,.kicker,.blog-hero>span,.article-head>span,.rf17-kicker{
  display:inline-flex!important;width:max-content;max-width:100%;align-items:center;gap:6px;
  padding:6px 9px!important;border:1px solid rgba(242,184,75,.48)!important;border-radius:6px!important;
  background:rgba(242,184,75,.065)!important;color:var(--rf17-gold)!important;
  font-weight:1000!important;letter-spacing:1.6px!important;transform:rotate(-1.4deg);box-shadow:3px 3px 0 rgba(0,0,0,.30)
}
.dash-hero h1,.hero-copy h1,.blog-hero h1,.article-head h1,.section-head.big h2{
  letter-spacing:-3px!important;text-shadow:2px 2px 0 rgba(255,74,50,.14),-2px -1px 0 rgba(165,108,255,.10)!important
}
.primary,.inverted,.google-login,.cta-register,.rf-door-cta{
  box-shadow:6px 6px 0 rgba(0,0,0,.42)!important;border-radius:14px!important
}

/* Rounded editorial copy boxes — replaces narrow orphan paragraphs */
.section-copy-card{
  min-width:0;max-width:390px;padding:17px 18px;border:1px solid #39332d;border-radius:22px;
  background:linear-gradient(145deg,#15120f,#0b0a09);box-shadow:6px 7px 0 rgba(0,0,0,.28);transform:rotate(.3deg)
}
.section-copy-card>span{display:block;margin-bottom:8px;color:var(--rf17-acid);font-size:9px;font-weight:1000;letter-spacing:1.5px;text-transform:uppercase}
.section-copy-card>p{margin:0!important;color:#b1a79d!important;font-size:14px!important;line-height:1.55!important;max-width:none!important}

/* Landing sections and cards */
.landing-body .v4-section{position:relative;padding-top:58px!important}
.landing-body .v4-section:before{content:'';position:absolute;left:0;top:22px;width:86px;height:7px;border-radius:99px;background:var(--rf17-acid);transform:rotate(-1deg);box-shadow:34px 0 0 rgba(165,108,255,.14)}
.landing-body .feature-grid article,.landing-body .value-card,.landing-body .big-mode-grid article,.landing-body .beat-list article,.landing-body .faq details{
  position:relative;border-radius:24px!important;background:linear-gradient(145deg,#15130f,#0c0b09)!important;
  box-shadow:7px 8px 0 rgba(0,0,0,.30)!important;border-color:#39332d!important;overflow:hidden
}
.landing-body .feature-grid article:nth-child(odd),.landing-body .value-card:nth-child(odd),.landing-body .big-mode-grid article:nth-child(odd){transform:rotate(-.28deg)}
.landing-body .feature-grid article:nth-child(even),.landing-body .value-card:nth-child(even),.landing-body .big-mode-grid article:nth-child(even){transform:rotate(.28deg)}
.landing-body .feature-grid article:after,.landing-body .big-mode-grid article:after{
  content:'//';position:absolute;right:16px;top:12px;color:rgba(217,255,67,.13);font-size:36px;font-weight:1000;transform:rotate(10deg)
}
.landing-body .ticker{border-block:1px solid rgba(217,255,67,.30)!important;transform:rotate(-.2deg)}

/* Landing ranking — bigger identity, XP and level on the right */
.landing-ranking .rank-row{
  display:grid!important;grid-template-columns:56px 86px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
  min-height:132px!important;padding:16px 18px!important;border-radius:28px!important;background:linear-gradient(145deg,#151310,#0b0a09)!important;
  border:1px solid #3b352f!important;box-shadow:7px 8px 0 rgba(0,0,0,.28)!important;overflow:visible!important
}
.landing-ranking .rank-row>img{width:82px!important;height:82px!important;border-radius:24px!important;object-fit:cover!important;border:2px solid rgba(242,184,75,.55)!important;box-shadow:0 0 0 5px rgba(242,184,75,.055)}
.landing-ranking .rank-row>b{font-size:31px!important;color:var(--rf17-acid)!important}
.landing-ranking .rank-row>span:not(.rf-plan-badge):not(.rank-score){min-width:0}
.landing-ranking .rank-row>span:not(.rf-plan-badge):not(.rank-score)>strong{font-size:22px!important;color:var(--rf17-cream)!important}
.landing-ranking .rank-row .rank-score{display:grid;gap:6px;justify-items:end;min-width:86px}
.landing-ranking .rank-row .rank-score small{padding:5px 8px;border-radius:999px;background:#17140f;border:1px solid #50412c;color:var(--rf17-gold);font-size:9px;font-weight:1000;letter-spacing:.8px}
.landing-ranking .rank-row .rank-score strong{font-size:17px!important;line-height:1!important;color:var(--rf17-acid)!important}
.landing-ranking .rank-row .rf-plan-badge.compact{top:-10px!important;right:16px!important;transform:rotate(3deg)}

/* App dashboard / training / ranking / profile */
.app-v4 .dash-hero,.app-v4 .dashboard-panel,.app-v4 .setup-card,.app-v4 .beats-panel,.app-v4 .profile-card,.app-v4 .profile-v148{
  border-radius:26px!important
}
.app-v4 .daily-card{transform:rotate(-.45deg)!important;border-radius:22px!important}
.app-v4 .stats-grid article{position:relative;border-radius:22px!important;box-shadow:6px 7px 0 rgba(0,0,0,.30)!important;background:linear-gradient(145deg,#15130f,#0c0b09)!important}
.app-v4 .stats-grid article:nth-child(1){border-color:rgba(242,184,75,.48)!important;transform:rotate(-.4deg)}
.app-v4 .stats-grid article:nth-child(2){border-color:rgba(165,108,255,.48)!important;transform:rotate(.35deg)}
.app-v4 .stats-grid article:nth-child(3){border-color:rgba(255,74,50,.48)!important;transform:rotate(-.25deg)}
.app-v4 .mode-card{border-radius:24px!important;box-shadow:7px 8px 0 rgba(0,0,0,.30)!important;background:linear-gradient(145deg,#15130f,#0b0a09)!important}
.app-v4 .mode-card:nth-child(odd){transform:rotate(-.35deg)}.app-v4 .mode-card:nth-child(even){transform:rotate(.35deg)}
.app-v4 .mode-card:nth-child(1){border-color:rgba(217,255,67,.40)!important}.app-v4 .mode-card:nth-child(2){border-color:rgba(165,108,255,.42)!important}.app-v4 .mode-card:nth-child(3){border-color:rgba(255,74,50,.42)!important}.app-v4 .mode-card:nth-child(4){border-color:rgba(242,184,75,.42)!important}
.app-v4 .rank-row{border-radius:22px!important;box-shadow:5px 6px 0 rgba(0,0,0,.24)!important;background:linear-gradient(145deg,#14120f,#0b0a09)!important;overflow:visible!important}
.app-v4 .rank-row img{width:58px!important;height:58px!important;border-radius:18px!important;object-fit:cover!important}
.app-v4 .bottom-nav{border:1px solid rgba(217,255,67,.20)!important;box-shadow:0 -12px 34px rgba(0,0,0,.42)!important;background:rgba(8,8,8,.97)!important}
.app-v4 .bottom-nav:before{content:'UNDERGROUND TRAINING';position:absolute;right:16px;top:-11px;padding:4px 7px;background:var(--rf17-red);color:white;border-radius:4px;font-size:7px;font-weight:1000;letter-spacing:.8px;transform:rotate(4deg)}

/* Player cards — bigger photo, level + XP on the right */
#home .player-card.compact{grid-template-columns:78px minmax(0,1fr) auto!important;gap:12px!important;min-height:104px!important;padding:12px 14px!important;border-radius:24px!important;overflow:visible!important}
#home .player-card.compact .player-card-photo{width:78px!important;height:82px!important;border-radius:20px!important}
#home .player-card.compact .player-card-main{align-self:center}
#home .player-card.compact .player-card-aka{font-size:27px!important}
.player-card-score{display:grid;justify-items:end;align-content:center;gap:7px;min-width:74px;position:relative;z-index:2}
.player-card-score span{padding:5px 8px;border-radius:999px;border:1px solid #574625;background:#15120d;color:var(--rf17-gold);font-size:8px;font-weight:1000;letter-spacing:.8px}
.player-card-score strong{color:var(--rf17-acid);font-size:17px;line-height:1;text-align:right}
.profile-preview .player-card:not(.compact){grid-template-columns:126px minmax(0,1fr)!important}
.profile-preview .player-card:not(.compact) .player-card-photo{width:126px!important;height:154px!important;border-radius:26px!important}
.public-identity #pubAvatar{width:118px!important;height:136px!important;border-radius:28px!important;object-fit:cover!important}

/* Pricing door: right side is deliberately huge */
.rf-price-door{grid-template-columns:minmax(0,.9fr) minmax(190px,1.1fr)!important}
.rf-door-plans>span{font-size:clamp(48px,8vw,84px)!important}
.rf-door-plans .free{color:var(--rf17-gold)!important}.rf-door-plans .pro{color:var(--rf17-acid)!important}.rf-door-plans .elite{color:var(--rf17-purple)!important}

/* Blog */
.blog-card{border-radius:24px!important;box-shadow:7px 8px 0 rgba(0,0,0,.28)!important;background:linear-gradient(145deg,#15130f,#0c0b09)!important}
.blog-card:nth-child(odd){transform:rotate(-.25deg)}.blog-card:nth-child(even){transform:rotate(.25deg)}
.article-body h2{position:relative}.article-body h2:before{content:'//';margin-right:8px;color:var(--rf17-acid);font-weight:1000}
.article-body .rhyme-example,.article-mid-cta{border-radius:22px!important;box-shadow:6px 7px 0 rgba(0,0,0,.26)!important}

/* V17 Community: isolated from every legacy overlay */
.rf17-tools{display:flex;gap:7px;margin-left:auto;align-items:center}
.rf17-tools button{position:relative;min-width:58px;height:40px;padding:0 10px;border:1px solid #453d35;border-radius:12px;background:linear-gradient(145deg,#17130f,#0c0b09);color:var(--rf17-cream);font-size:9px;font-weight:1000;letter-spacing:.8px;box-shadow:4px 4px 0 #000}
.rf17-tools button:first-child{transform:rotate(-1deg)}.rf17-tools button:last-child{transform:rotate(1deg)}
.rf17-tools button>span{position:absolute;right:-6px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--rf17-red);color:white;font-size:9px;display:grid;place-items:center;border:2px solid #080808}
.rf17-tools button>span:empty{display:none}
.rf17-drawer{position:fixed;inset:0;z-index:5000;display:none;background:rgba(0,0,0,.70);backdrop-filter:blur(7px)}
.rf17-drawer.open{display:block}
.rf17-sheet{position:absolute;right:0;top:0;bottom:0;width:min(560px,92vw);overflow:auto;padding:18px 16px 110px;background:radial-gradient(circle at 100% 0,rgba(217,255,67,.10),transparent 28%),radial-gradient(circle at 0 100%,rgba(165,108,255,.10),transparent 30%),linear-gradient(#0d0b09,#070707);border-left:1px solid #40382f;box-shadow:-20px 0 60px rgba(0,0,0,.55)}
.rf17-head{position:sticky;top:-18px;z-index:4;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 0 16px;background:linear-gradient(#0b0908 82%,transparent)}
.rf17-head>div>span{color:var(--rf17-acid);font-size:9px;font-weight:1000;letter-spacing:1.5px}.rf17-head h2{margin:7px 0 0;font-size:34px;line-height:.86;letter-spacing:-2px}.rf17-head>button{width:48px;height:48px;border:1px solid #584d42;border-radius:14px;background:#1a1511;color:white;font-size:20px;box-shadow:4px 4px 0 #000}
.rf17-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 18px;padding:6px;border:1px solid #302a25;border-radius:18px;background:#0c0a09}.rf17-tabs button{min-height:43px;border:0;border-radius:11px;background:transparent;color:#8f867c;font-size:9px;font-weight:1000;letter-spacing:.6px}.rf17-tabs button.active{background:var(--rf17-acid);color:#090909;transform:rotate(-1deg)}
.rf17-panel{display:none}.rf17-panel.active{display:block}.rf17-box,.rf17-aff{padding:18px;border:1px solid #342e28;border-radius:22px;background:linear-gradient(145deg,#17130f,#0b0a09);box-shadow:6px 7px 0 rgba(0,0,0,.30);margin-bottom:12px}.rf17-box h3,.rf17-aff h3{margin:8px 0 8px;font-size:24px;line-height:.95}.rf17-box p,.rf17-aff p{margin:0;color:#998f85;font-size:12px;line-height:1.5}.rf17-label{margin:22px 0 9px;color:var(--rf17-acid);font-size:9px;font-weight:1000;letter-spacing:1.4px}
.rf17-search,.rf17-compose,.rf17-aff-link{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.rf17-search input,.rf17-compose input{min-width:0;height:52px;border:1px solid #3c352e;border-radius:15px;background:#090807;color:white;padding:0 14px;font-size:14px}.rf17-search button,.rf17-compose button,.rf17-aff-link button,.rf17-actions button,.rf17-setting button{border:0;border-radius:13px;background:var(--rf17-acid);color:#090909;font-weight:1000;font-size:10px;padding:0 13px;min-height:42px}.rf17-actions button.ghost{background:#17130f;color:#d5cabd;border:1px solid #484037}
.rf17-user{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;margin-bottom:8px;border:1px solid #302a25;border-radius:19px;background:#100e0c;box-shadow:4px 5px 0 rgba(0,0,0,.22);overflow:visible}.rf17-user>img{width:50px;height:50px;border-radius:16px;object-fit:cover}.rf17-user-copy strong{display:block;font-size:14px}.rf17-user-copy small{display:block;margin-top:4px;color:#7f776e;font-size:9px}.rf17-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rf17-empty{padding:22px 14px;border:1px dashed #39322b;border-radius:17px;text-align:center;color:#786f66;font-size:10px;font-weight:900;letter-spacing:.5px}.rf17-thread{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:13px;margin-bottom:8px;border:1px solid #302a25;border-radius:19px;background:#100e0c;color:white;text-align:left}.rf17-thread img{width:48px;height:48px;border-radius:15px;object-fit:cover}.rf17-thread span strong,.rf17-thread span small{display:block}.rf17-thread span small{margin-top:4px;color:#867d73;font-size:10px}.rf17-thread>b{min-width:22px;height:22px;border-radius:999px;background:var(--rf17-red);display:grid;place-items:center;font-size:9px}
.rf17-chat-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #302a25}.rf17-chat-head button{width:42px;height:42px;border:1px solid #40382f;border-radius:12px;background:#15110e;color:white}.rf17-chat-head img{width:44px;height:44px;border-radius:14px;object-fit:cover}.rf17-chat-messages{min-height:300px;max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 0}.rf17-bubble{align-self:flex-start;max-width:84%;padding:11px 13px;border-radius:18px 18px 18px 6px;background:#17130f;border:1px solid #342e28;color:#e6dbce;font-size:13px;line-height:1.45}.rf17-bubble.mine{align-self:flex-end;background:var(--rf17-acid);color:#090909;border-color:var(--rf17-acid);border-radius:18px 18px 6px 18px}.rf17-bubble time{display:block;margin-top:5px;font-size:8px;opacity:.55}
.rf17-notice{padding:14px;margin-bottom:8px;border:1px solid #302a25;border-radius:18px;background:#0f0d0b}.rf17-notice.unread{border-color:#66752b;background:rgba(217,255,67,.04)}.rf17-notice strong{display:block;font-size:13px}.rf17-notice p{margin:6px 0;color:#9a9086;font-size:12px}.rf17-notice small{font-size:8px;color:#6e665e}.rf17-aff>span{color:var(--rf17-acid);font-size:9px;font-weight:1000;letter-spacing:1.4px}.rf17-aff-link code{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;border:1px solid #39322c;border-radius:13px;background:#080706;color:#d7ccbf;font-size:10px}.rf17-aff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.rf17-aff-stats article{padding:14px;border:1px solid #322c27;border-radius:18px;background:#100e0c}.rf17-aff-stats span{display:block;color:#81786f;font-size:8px;font-weight:1000}.rf17-aff-stats strong{display:block;margin-top:5px;font-size:21px}.rf17-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #302a25}.rf17-setting:last-child{border-bottom:0}.rf17-setting strong,.rf17-setting small{display:block}.rf17-setting small{margin-top:4px;color:#827970;font-size:9px}.rf17-setting button.on{background:var(--rf17-purple);color:white}

@media(max-width:720px){
  .section-head.big{align-items:stretch!important;gap:16px!important}.section-copy-card{max-width:none;width:100%;transform:none}
  .landing-ranking .rank-row{grid-template-columns:45px 76px minmax(0,1fr) auto!important;gap:10px!important;padding:14px!important;min-height:118px!important}.landing-ranking .rank-row>img{width:72px!important;height:72px!important}.landing-ranking .rank-row>b{font-size:26px!important}.landing-ranking .rank-row .rank-score{min-width:72px}.landing-ranking .rank-row .rank-score strong{font-size:14px!important}.landing-ranking .rank-row>span:not(.rf-plan-badge):not(.rank-score)>strong{font-size:18px!important}
  .rf-price-door{grid-template-columns:minmax(0,.82fr) minmax(150px,1.18fr)!important}.rf-door-plans>span{font-size:48px!important}
  .rf17-tools{gap:5px}.rf17-tools button{min-width:50px;height:38px;padding:0 8px;font-size:8px}.rf17-sheet{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88vh;border-left:0;border-top:1px solid #453c33;border-radius:26px 26px 0 0;padding:16px 12px 104px}.rf17-head{top:-16px}.rf17-tabs{grid-template-columns:repeat(2,1fr)}.rf17-user{grid-template-columns:auto 1fr}.rf17-actions{grid-column:1/-1;justify-content:stretch}.rf17-actions button{flex:1}.rf17-aff-stats{grid-template-columns:1fr 1fr}.rf17-aff-stats article:last-child{grid-column:1/-1}.rf17-search,.rf17-compose,.rf17-aff-link{grid-template-columns:1fr}.rf17-search button,.rf17-compose button,.rf17-aff-link button{min-height:48px}
  #home .player-card.compact{grid-template-columns:74px minmax(0,1fr) auto!important;padding:11px 12px!important}.player-card-score{min-width:64px}.player-card-score strong{font-size:14px}.profile-preview .player-card:not(.compact){grid-template-columns:106px minmax(0,1fr)!important}.profile-preview .player-card:not(.compact) .player-card-photo{width:106px!important;height:136px!important}
}
@media(max-width:430px){
  .landing-ranking .rank-row{grid-template-columns:40px 70px minmax(0,1fr)!important}.landing-ranking .rank-row .rank-score{grid-column:3;justify-items:start;margin-top:4px}.landing-ranking .rank-row .rf-plan-badge.compact{right:10px!important}
  .rf-price-door{grid-template-columns:.78fr 1.22fr!important}.rf-door-plans>span{font-size:42px!important}
  #home .player-card.compact{grid-template-columns:70px minmax(0,1fr)!important}.player-card-score{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;align-items:center;gap:7px}.player-card-score strong{font-size:13px}
}