/* PinkyRust v42 — compact server-browser inspired redesign */
:root{
  --pr-bg:#0d0a0f;
  --pr-bg-2:#120d13;
  --pr-panel:#171119;
  --pr-panel-2:#1d151e;
  --pr-border:#2d222f;
  --pr-border-soft:#241b26;
  --pr-text:#f3edf2;
  --pr-muted:#9d929c;
  --pr-primary:#ff4f9a;
  --pr-primary-2:#d72d7d;
  --pr-primary-soft:rgba(255,79,154,.12);
  --pr-green:#45d99a;
  --pr-yellow:#f0c64f;
  --pr-shadow:0 18px 60px rgba(0,0,0,.34);
}
*{scrollbar-width:thin;scrollbar-color:#3a2635 #0d0a0f}
html{background:var(--pr-bg)}
body{
  background:
    radial-gradient(circle at 86% 4%,rgba(255,79,154,.10),transparent 30rem),
    linear-gradient(180deg,var(--pr-bg),#09070b 72%);
  color:var(--pr-text);
  font-family:"Roboto Condensed","Arial Narrow",Inter,Arial,sans-serif;
  letter-spacing:.01em;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 70%);
}
.wrap{width:min(calc(100% - 32px),1320px)!important}
.block{padding:58px 0!important}.block-alt{background:rgba(255,255,255,.012)!important;border-block:1px solid var(--pr-border-soft)}
.h2,.panel-title,.hero-v10-title,.profile-name,.shop-cases-title{font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif!important;text-transform:none;letter-spacing:-.035em!important}
.h2{font-size:clamp(2rem,4vw,3.35rem)!important;line-height:.96!important}
.eyebrow{color:var(--pr-primary)!important;font-size:.68rem!important;letter-spacing:.16em!important;text-transform:uppercase}

/* compact top bar */
.top{height:62px!important;background:rgba(13,10,15,.96)!important;border-bottom:1px solid var(--pr-border)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
.top>.wrap{min-height:62px!important;gap:10px!important}
.top .brand{padding:0 4px!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:1.15rem!important;font-weight:900!important}
.top .brand span{color:var(--pr-primary)!important}
.nav-links{gap:1px!important}
.nav-links>a{height:62px;display:flex;align-items:center;padding:0 14px!important;border-radius:0!important;background:transparent!important;border:0!important;color:#a99faa!important;font-size:.72rem!important;text-transform:uppercase;letter-spacing:.05em!important}
.nav-links>a:hover{color:#fff!important;background:rgba(255,255,255,.025)!important}
.nav-links>a.tab-active{color:#fff!important;box-shadow:none!important}
.nav-links>a.tab-active:after{left:12px!important;right:12px!important;bottom:0!important;height:3px!important;background:var(--pr-primary)!important;border-radius:3px 3px 0 0!important}
.lang-current,.notice-bell,.profile-chip,.coin-chip,.chip-logout{border-color:var(--pr-border)!important;background:#151017!important;border-radius:8px!important;height:40px!important}
.profile-chip{max-width:178px!important}.profile-chip:hover,.coin-chip:hover,.notice-bell:hover,.lang-current:hover{border-color:#493546!important;background:#1d151e!important}
.currency-mark,.pcoin-mark{background:var(--pr-primary)!important;color:#160810!important}

/* hero: editorial + server browser */
.hero-v10{padding:46px 0 34px!important;min-height:auto!important;background:transparent!important}
.hero-v10-bg{opacity:.28!important;background:radial-gradient(circle at 72% 18%,rgba(255,79,154,.14),transparent 30rem)!important}
.hero-v10-wrap{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr)!important;gap:18px 24px!important;align-items:stretch!important}
.hero-v10-copy{padding:42px!important;border:1px solid var(--pr-border)!important;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,79,154,.035))!important;box-shadow:var(--pr-shadow)!important}
.hero-v10-title{font-size:clamp(4.2rem,8vw,7.2rem)!important;line-height:.82!important;margin:0 0 28px!important}
.hero-v10-title span{color:#fff!important}.hero-v10-title em{color:var(--pr-primary)!important;font-style:normal!important}
.hero-v10-lead{max-width:650px!important;color:#b6aab4!important;font-size:1.12rem!important;line-height:1.55!important}
.hero-v10-actions{gap:8px!important}.btn-v10{min-height:48px!important;border-radius:7px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.76rem!important}
.btn-v10-primary{background:var(--pr-primary)!important;color:#140810!important}.btn-v10-secondary{background:#171119!important;border:1px solid var(--pr-border)!important}
.hero-v10-connect{margin-top:26px!important;padding-top:18px!important;border-top:1px solid var(--pr-border)!important}
.server-v10{border-radius:0!important;border:1px solid var(--pr-border)!important;background:#151017!important;box-shadow:var(--pr-shadow)!important;padding:0!important;overflow:hidden}
.server-v10-head{padding:26px 28px 18px!important;border-bottom:1px solid var(--pr-border)!important}
.server-v10-head h2{font-size:2rem!important}.server-v10-head h2 em{color:var(--pr-primary)!important}
.server-v10-status i,.live-badge i{background:var(--pr-green)!important;box-shadow:0 0 16px rgba(69,217,154,.55)!important}
.server-v10-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-bottom:1px solid var(--pr-border)!important}
.server-v10-stats>div{padding:18px!important;border-right:1px solid var(--pr-border)!important}.server-v10-stats>div:last-child{border-right:0!important}
.server-v10-wipe{padding:22px 28px!important}.server-v10-timer span{border-radius:6px!important;background:#211821!important;border:1px solid #332535!important}
.server-v10-foot{padding:14px 28px!important;border-top:1px solid var(--pr-border)!important;background:#100c12!important}
.hero-v10-strip{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;border:1px solid var(--pr-border)!important;border-radius:0!important;background:#141016!important;overflow:hidden}
.hero-v10-strip>div{padding:16px 18px!important;border-right:1px solid var(--pr-border)!important}.hero-v10-strip>div:last-child{border-right:0!important}
.online-strip{grid-column:1/-1!important}

/* server list */
.section-head{margin-bottom:18px!important}.live-badge{border-radius:5px!important;background:#151017!important;border:1px solid var(--pr-border)!important}
.server-grid{display:flex!important;flex-direction:column!important;gap:1px!important;border:1px solid var(--pr-border)!important;background:var(--pr-border)!important}
.server-grid>*{border-radius:0!important;margin:0!important;background:#141016!important;border:0!important;box-shadow:none!important;transition:.18s ease!important}
.server-grid>*:hover{background:#1a131b!important;transform:none!important;box-shadow:inset 3px 0 0 var(--pr-primary)!important}

/* common cards */
.panel,.card,.step,.wipe-rule-card,.profile-shell,.metric,.profile-lower-card,.donation-card,.shop-product-card,.case-card,.faq details,.wipe-hero{
  border-radius:8px!important;border:1px solid var(--pr-border)!important;background:linear-gradient(180deg,#171119,#120e14)!important;box-shadow:none!important;
}
.panel:hover,.card:hover,.step:hover,.donation-card:hover,.shop-product-card:hover,.case-card:hover{border-color:#493246!important;transform:translateY(-2px)!important}
.panel-head{border-bottom:1px solid var(--pr-border)!important;padding-bottom:16px!important}
.chart-wrap{background:#100c12!important;border:1px solid var(--pr-border-soft)!important;border-radius:6px!important}
.steps{gap:8px!important}.step{padding:22px!important}.step .n{color:var(--pr-primary)!important}
.faq details{margin-bottom:8px!important}.faq summary{padding:18px 20px!important}

/* shop */
.shop-tabs{gap:0!important;margin-bottom:20px!important;border-bottom:1px solid var(--pr-border)!important}
.shop-tab{border-radius:0!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;padding:14px 18px!important;color:#9d929c!important}
.shop-tab.active{color:#fff!important;border-bottom-color:var(--pr-primary)!important;background:rgba(255,79,154,.06)!important}
.shop-grid{gap:12px!important}
.donation-card{padding:22px!important;min-height:430px!important}.donation-card:before{display:none!important}.donation-card .donation-glow{opacity:.22!important}
.favorite-btn{border-radius:5px!important}.donation-duration{border-radius:4px!important;background:#241923!important;border:1px solid #3a2938!important}
.donation-media{height:120px!important}.donation-bottom{border-top:1px solid var(--pr-border)!important}
.btn{border-radius:6px!important;text-transform:uppercase!important;letter-spacing:.035em!important}.btn-pink{background:var(--pr-primary)!important;color:#150810!important}.btn-pink:hover{background:#ff67a9!important}
.shop-cases-section{border-top-color:var(--pr-border)!important}.shop-cases-note{border-radius:4px!important;background:#1b131b!important;border-color:#3b2938!important}

/* profile */
#page-profile .profile-shell{border-radius:8px!important;background:linear-gradient(100deg,rgba(255,79,154,.075),#151017 28%,#121013)!important}
#page-profile .profile-avatar{border-radius:7px!important}.profile-rank-card{border-radius:7px!important;background:#1b141c!important}
#page-profile .profile-stats{gap:8px!important}.profile-stats .metric{min-height:108px!important;border-radius:7px!important;padding:18px!important}
.profile-game-grid{gap:8px!important}.profile-game-grid .metric{border-radius:7px!important}
.profile-lower-grid{gap:10px!important}.profile-lower-card{border-radius:7px!important}

/* wipe, rules, complaint */
.wipe-hero{overflow:hidden}.timer .unit{border-radius:6px!important;border:1px solid var(--pr-border)!important;background:#100c12!important}
.rules-list,.report-form{border-radius:8px!important;border:1px solid var(--pr-border)!important;background:#151017!important}
input,textarea,select{border-radius:6px!important;border-color:var(--pr-border)!important;background:#100c12!important;color:#fff!important}
input:focus,textarea:focus,select:focus{border-color:var(--pr-primary)!important;box-shadow:0 0 0 3px rgba(255,79,154,.10)!important}

/* utility polish */
.empty{border-radius:6px!important;border:1px dashed #3a2a38!important;background:#120e14!important}
code,.mono{font-family:"Roboto Mono",Consolas,monospace!important}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d0a0f}::-webkit-scrollbar-thumb{background:#3a2635;border:2px solid #0d0a0f;border-radius:10px}

@media(max-width:980px){
  .hero-v10-wrap{grid-template-columns:1fr!important}.hero-v10-copy{padding:32px!important}.hero-v10-title{font-size:clamp(3.8rem,13vw,6rem)!important}
  .hero-v10-strip{grid-template-columns:repeat(2,1fr)!important}.hero-v10-strip>div{border-bottom:1px solid var(--pr-border)!important}
  .top{height:auto!important}.top>.wrap{min-height:62px!important;flex-wrap:wrap!important;padding-block:8px!important}.nav-links{order:3;width:100%!important;overflow-x:auto!important}
}
@media(max-width:640px){
  .wrap{width:min(calc(100% - 18px),1320px)!important}.block{padding:38px 0!important}.hero-v10{padding-top:18px!important}.hero-v10-copy{padding:24px 20px!important}
  .hero-v10-title{font-size:3.9rem!important}.hero-v10-lead{font-size:1rem!important}.hero-v10-actions{flex-direction:column!important}.hero-v10-actions>*{width:100%!important}
  .server-v10-stats{grid-template-columns:1fr!important}.server-v10-stats>div{border-right:0!important;border-bottom:1px solid var(--pr-border)!important}.server-v10-stats>div:last-child{border-bottom:0!important}
  .hero-v10-strip{grid-template-columns:1fr!important}.nav-links>a{height:44px!important;padding:0 10px!important;font-size:.66rem!important}
}