/* Dark Crime Premium — Stage 2: page-specific interfaces */
:root{
  --s2-gold:#f3cd82;
  --s2-gold-2:#b98642;
  --s2-red:#b82e24;
  --s2-red-2:#6d130f;
  --s2-green:#66a34b;
  --s2-ink:#080706;
  --s2-card:#171310;
  --s2-text:#f0e3ce;
  --s2-muted:#ac9c85;
  --s2-line:rgba(220,175,95,.22);
  --s2-shadow:0 14px 32px rgba(0,0,0,.43);
}

/* Shared page identity */
.main[class*="page-"] .wm-screen-title,
.main[class*="page-"] .mp-card,
.main[class*="page-"] .mc-card,
.main[class*="page-"] .boss-card,
.main[class*="page-"] .br-card,
.main[class*="page-"] .district-card,
.main[class*="page-"] .gp-card{
  position:relative;
  overflow:hidden;
}
.main[class*="page-"] .wm-screen-title:before,
.main[class*="page-"] .mp-card:before,
.main[class*="page-"] .mc-card:before,
.main[class*="page-"] .boss-card:before,
.main[class*="page-"] .br-card:before,
.main[class*="page-"] .district-card:before,
.main[class*="page-"] .gp-card:before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,220,151,.38),transparent);
  pointer-events:none;
}
.main[class*="page-"] .mp-title,
.main[class*="page-"] .mc-title,
.main[class*="page-"] .boss-title,
.main[class*="page-"] .br-title,
.main[class*="page-"] .district-title-small,
.main[class*="page-"] .gp-section,
.main[class*="page-"] .wm-shop-section{
  position:relative;
  margin:12px 0 9px !important;
  padding:0 0 8px 13px !important;
  border:0 !important;
  border-bottom:1px solid var(--s2-line) !important;
  color:var(--s2-gold) !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
}
.main[class*="page-"] .mp-title:before,
.main[class*="page-"] .mc-title:before,
.main[class*="page-"] .boss-title:before,
.main[class*="page-"] .br-title:before,
.main[class*="page-"] .district-title-small:before,
.main[class*="page-"] .gp-section:before,
.main[class*="page-"] .wm-shop-section:before{
  content:"";
  position:absolute;
  left:0;top:1px;bottom:9px;
  width:4px;
  border-radius:4px;
  background:linear-gradient(180deg,#f0c970,#8f2018);
  box-shadow:0 0 10px rgba(216,154,65,.25);
}

/* PROFILE — criminal dossier */
.main.page-profile .mafia-profile{padding:4px 8px 14px !important}
.main.page-profile .mp-card{
  border-radius:20px !important;
  border:1px solid rgba(220,175,95,.23) !important;
  background:linear-gradient(180deg,rgba(30,25,21,.98),rgba(10,9,8,.99)) !important;
  box-shadow:var(--s2-shadow),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.main.page-profile .mp-hero{
  min-height:210px;
  border-color:rgba(220,175,95,.4) !important;
  background-position:center 25% !important;
}
.main.page-profile .mp-hero:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,2,2,.08),rgba(4,4,4,.68) 60%,rgba(4,4,4,.92));
  pointer-events:none;
}
.main.page-profile .mp-hero-in{position:relative;z-index:2;padding:18px 15px !important}
.main.page-profile .mp-avatar-wrap{position:relative;filter:drop-shadow(0 14px 15px rgba(0,0,0,.5))}
.main.page-profile .mp-avatar{
  width:82px !important;height:82px !important;
  border-radius:23px !important;
  border:1px solid rgba(243,205,130,.7) !important;
  box-shadow:0 0 0 4px rgba(0,0,0,.48),0 0 22px rgba(183,43,34,.25) !important;
}
.main.page-profile .mp-name{font-size:22px !important;line-height:1.05;color:#fff0d4 !important;letter-spacing:.02em}
.main.page-profile .mp-sub{font-size:12px !important;color:#c9b89b !important;margin-top:4px}
.main.page-profile .mp-side{border-radius:999px !important;padding:5px 10px !important;font-size:10px !important;letter-spacing:.1em}
.main.page-profile .mp-progress{height:9px !important;border-radius:999px !important;background:#080706 !important;border:1px solid rgba(220,175,95,.2) !important}
.main.page-profile .mp-progress i{background:linear-gradient(90deg,#781713,#d49a41,#ffe2a1) !important}
.main.page-profile .mp-line{
  min-height:43px;
  padding:9px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
}
.main.page-profile .mp-line span:first-child{color:#a99b85}
.main.page-profile .mp-line b{color:#f4d28f}
.main.page-profile .mp-linkgrid{gap:9px !important}
.main.page-profile .mp-link{
  min-height:52px;
  border-radius:14px !important;
  background:linear-gradient(180deg,#211a15,#0f0c0a) !important;
  border:1px solid rgba(220,175,95,.19) !important;
  display:flex !important;align-items:center;justify-content:center;
  text-align:center;font-weight:700;letter-spacing:.02em;
}
.main.page-profile .mp-link:hover{border-color:rgba(220,175,95,.42)!important;transform:translateY(-1px)}
.main.page-profile .mp-actions{gap:8px !important}
.main.page-profile .mp-btn{border-radius:13px !important;padding:9px 12px !important}
.main.page-profile .mp-trip-box,
.main.page-profile .mp-trophies-box,
.main.page-profile .mp-staff-panel{
  border-radius:18px !important;
  background:linear-gradient(180deg,#1a1511,#0b0908) !important;
  border:1px solid rgba(220,175,95,.2) !important;
  box-shadow:var(--s2-shadow) !important;
}
.main.page-profile .mp-trip-grid,.main.page-profile .mp-trophy-grid,.main.page-profile .mp-staff-grid{gap:8px !important}
.main.page-profile .mp-trip-cell,.main.page-profile .mp-trophy-mini,.main.page-profile .mp-staff-cell{
  border-radius:13px !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.055) !important;
}

/* BAG — inventory cases */
.main.page-bag .mafia-profile{padding:4px 8px 14px !important}
.main.page-bag .mp-card{
  border-radius:19px !important;
  background:linear-gradient(180deg,#1b1612,#0b0908) !important;
  border:1px solid rgba(220,175,95,.2) !important;
  box-shadow:var(--s2-shadow) !important;
}
.main.page-bag .mp-hero{background:linear-gradient(135deg,rgba(77,37,17,.7),rgba(10,9,8,.96)),url('/images/start_image.jpg') center/cover !important}
.main.page-bag .bag-item{
  display:grid !important;
  grid-template-columns:66px 1fr !important;
  gap:11px !important;
  padding:11px !important;
  margin:9px 0 !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,rgba(31,25,21,.98),rgba(12,10,9,.99)) !important;
  border:1px solid rgba(220,175,95,.2) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
}
.main.page-bag .bag-img{
  width:66px !important;height:66px !important;
  border-radius:16px !important;
  background:radial-gradient(circle at 40% 30%,#2b2119,#080706 72%) !important;
  border:1px solid rgba(220,175,95,.32) !important;
  padding:5px !important;
}
.main.page-bag .bag-img img{width:100%!important;height:100%!important;object-fit:contain!important}
.main.page-bag .bag-grow{min-width:0}
.main.page-bag .bag-name{color:#f4d59a !important;font-size:15px !important;line-height:1.15}
.main.page-bag .bag-info{color:#b4a58d !important;line-height:1.45;margin-top:5px}
.main.page-bag .bag-actions{
  grid-column:1/-1;
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px !important;
  margin-top:2px;
}
.main.page-bag .bag-actions .mp-btn{margin:0!important;border-radius:12px!important;padding:8px 6px!important}
.main.page-bag .mp-pagination a,.main.page-bag .mp-pagination span{border-radius:10px!important;padding:7px 10px!important}

/* CLAN LIST + CLAN HQ */
.main.page-clans .wm-page{padding:5px 9px 15px !important}
.main.page-clans .wm-screen-title{
  min-height:84px;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(89,42,17,.72),rgba(10,9,8,.95)),url('/images/start_image.jpg') center/cover !important;
  border:1px solid rgba(220,175,95,.35) !important;
}
.main.page-clans .wm-screen-icon{width:48px!important;height:48px!important;border-radius:15px!important;font-size:26px!important}
.main.page-clans .wm-screen-name{font-size:20px!important;color:#fff0d4!important}
.main.page-clans .wm-tabs{gap:8px!important}
.main.page-clans .wm-tabs a{border-radius:13px!important;padding:10px 7px!important}
.main.page-clans .wm-rank-card{
  min-height:76px;
  padding:11px !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,#1d1713,#0b0908) !important;
  border:1px solid rgba(220,175,95,.18) !important;
}
.main.page-clans .wm-rank-num{font-size:18px!important;color:#f0c970!important}
.main.page-clans .wm-avatar{width:52px!important;height:52px!important;border-radius:15px!important}
.main.page-clans .wm-name{font-size:15px!important;color:#f3d69d!important}
.main.page-clans .wm-main-btn{border-radius:14px!important;padding:11px!important}

.main.page-clan .mafia-clan{padding:4px 8px 14px !important}
.main.page-clan .mc-card{
  border-radius:19px !important;
  background:linear-gradient(180deg,#1b1612,#0a0908) !important;
  border:1px solid rgba(220,175,95,.2) !important;
  box-shadow:var(--s2-shadow) !important;
}
.main.page-clan .mc-hero{min-height:175px;border-color:rgba(220,175,95,.4)!important}
.main.page-clan .mc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.75));pointer-events:none}
.main.page-clan .mc-hero-in{position:relative;z-index:2;padding:16px!important}
.main.page-clan .mc-clan-icon{width:76px!important;height:76px!important;border-radius:22px!important;border:1px solid rgba(243,205,130,.65)!important;box-shadow:0 0 0 4px rgba(0,0,0,.4),0 12px 22px rgba(0,0,0,.35)!important}
.main.page-clan .mc-name{font-size:22px!important;color:#fff0d5!important}
.main.page-clan .mc-sub{color:#c3b293!important}
.main.page-clan .mc-line{min-height:42px;padding:9px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.main.page-clan .mc-links{gap:8px!important}
.main.page-clan .mc-link,.main.page-clan .mc-mini-btn{
  border-radius:13px!important;
  background:linear-gradient(180deg,#211914,#0e0c0a)!important;
  border:1px solid rgba(220,175,95,.18)!important;
  min-height:45px;
}
.main.page-clan .mc-user{
  padding:10px!important;margin:7px 0!important;border-radius:15px!important;
  background:rgba(255,255,255,.024)!important;border:1px solid rgba(255,255,255,.05)!important;
}
.main.page-clan .mc-avatar{width:46px!important;height:46px!important;border-radius:14px!important}

/* SHOPS — premium storefront */
.main.page-equipment_shop .wm-shop-page,
.main.page-black_market .mafia-profile{padding:5px 8px 15px !important}
.main.page-equipment_shop .wm-shop-title{
  min-height:90px;
  padding:16px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(99,50,19,.72),rgba(9,8,7,.96)),url('/images/start_image.jpg') center/cover!important;
  border:1px solid rgba(220,175,95,.35)!important;
  box-shadow:var(--s2-shadow)!important;
}
.main.page-equipment_shop .wm-shop-grid{gap:9px!important}
.main.page-equipment_shop .wm-shop-card{
  min-height:104px;
  border-radius:17px!important;
  background:linear-gradient(135deg,#1c1713,#0b0908)!important;
  border:1px solid rgba(220,175,95,.18)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.main.page-equipment_shop .wm-shop-icon{width:62px!important;height:62px!important;border-radius:16px!important;background:radial-gradient(circle,#31241a,#090807 72%)!important;border:1px solid rgba(220,175,95,.26)!important}
.main.page-equipment_shop .wm-shop-name{font-size:15px!important;color:#f2d394!important}
.main.page-equipment_shop .wm-shop-arrow{width:34px!important;height:34px!important;border-radius:12px!important;background:#6e1712!important}

.main.page-black_market .bm-hero{border-radius:20px!important;border-color:rgba(220,175,95,.36)!important;min-height:145px}
.main.page-black_market .bm-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.75));pointer-events:none}
.main.page-black_market .bm-hero-in{position:relative;z-index:2!important;padding:16px!important}
.main.page-black_market .market-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px!important}
.main.page-black_market .market-tab{border-radius:13px!important;padding:10px 5px!important;background:#15110e!important;border:1px solid rgba(220,175,95,.16)!important}
.main.page-black_market .market-lot{
  margin:9px 0!important;padding:12px!important;border-radius:18px!important;
  background:linear-gradient(135deg,#1d1713,#0c0a09)!important;
  border:1px solid rgba(220,175,95,.2)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.3)!important;
}
.main.page-black_market .bm-lot-icon{width:68px!important;height:68px!important;border-radius:17px!important;background:radial-gradient(circle,#34261b,#080706 72%)!important;border:1px solid rgba(220,175,95,.28)!important}
.main.page-black_market .bm-lot-title{font-size:15px!important;color:#f4d49a!important}
.main.page-black_market .market-price{font-size:17px!important;color:#ffd36a!important}
.main.page-black_market .bm-sell-box{border-radius:16px!important;background:rgba(255,255,255,.022)!important;border:1px solid rgba(255,255,255,.05)!important}

/* BOSSES — raid dossiers */
.main.page-bosses .boss-page,.main.page-boss_fight .boss-page{padding:5px 8px 15px!important}
.main.page-bosses .boss-card,.main.page-boss_fight .boss-card{
  border-radius:19px!important;
  background:linear-gradient(180deg,#1c1612,#0a0908)!important;
  border:1px solid rgba(220,175,95,.2)!important;
  box-shadow:var(--s2-shadow)!important;
}
.main.page-bosses .boss-hero,.main.page-boss_fight .boss-hero{min-height:145px;border-color:rgba(220,175,95,.38)!important}
.main.page-bosses .boss-hero:after,.main.page-boss_fight .boss-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.76));pointer-events:none}
.main.page-bosses .boss-hero-in,.main.page-boss_fight .boss-hero-in{position:relative;z-index:2;padding:16px!important}
.main.page-bosses .boss-icon,.main.page-boss_fight .boss-icon{width:76px!important;height:76px!important;border-radius:21px!important;border:1px solid rgba(243,205,130,.55)!important;box-shadow:0 0 0 4px rgba(0,0,0,.4)!important}
.main.page-bosses .boss-name,.main.page-boss_fight .boss-name{font-size:21px!important;color:#fff0d4!important}
.main.page-bosses .boss-list-item{
  min-height:83px;padding:11px!important;margin:9px 0!important;border-radius:17px!important;
  background:linear-gradient(135deg,#1d1713,#0b0908)!important;border:1px solid rgba(220,175,95,.18)!important;
}
.main.page-bosses .boss-list-img{width:58px!important;height:58px!important;border-radius:16px!important;background:#090807!important}
.main.page-bosses .boss-list-name{font-size:15px!important;color:#f2d394!important}
.main.page-boss_fight .boss-stats-grid{gap:8px!important}
.main.page-boss_fight .boss-stat-card{border-radius:15px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.055)!important;padding:11px!important}
.main.page-boss_fight .boss-progress{height:12px!important;border-radius:999px!important;background:#080706!important}
.main.page-boss_fight .boss-progress i{box-shadow:0 0 12px rgba(211,49,37,.35)}
.main.page-boss_fight .boss-btn{border-radius:14px!important;padding:11px!important}
.main.page-boss_fight .boss-result{border-radius:17px!important;padding:13px!important}

/* BRAWL + ARENA — combat cards */
.main.page-brawl .br-card{
  border-radius:18px!important;
  background:linear-gradient(180deg,#1c1612,#0a0908)!important;
  border:1px solid rgba(220,175,95,.19)!important;
  box-shadow:var(--s2-shadow)!important;
}
.main.page-brawl .br-opponent{
  padding:11px!important;margin:9px 0!important;border-radius:17px!important;
  background:linear-gradient(135deg,#1e1814,#0b0908)!important;border:1px solid rgba(220,175,95,.18)!important;
}
.main.page-brawl .br-ava{width:60px!important;height:60px!important;border-radius:18px!important;border:1px solid rgba(220,175,95,.36)!important}
.main.page-brawl .br-op-name{font-size:16px!important;color:#f5d89e!important}
.main.page-brawl .br-power{border-radius:999px!important;padding:4px 9px!important}
.main.page-brawl .br-actions{gap:8px!important}
.main.page-brawl .br-btn{border-radius:13px!important;padding:9px!important}
.main.page-brawl .br-result{border-radius:18px!important;padding:14px!important}

.main.page-arena .mafia-profile{padding:5px 8px 15px!important}
.main.page-arena .mp-card{border-radius:19px!important;background:linear-gradient(180deg,#1c1612,#0a0908)!important;border:1px solid rgba(220,175,95,.2)!important;box-shadow:var(--s2-shadow)!important}
.main.page-arena .mp-hero{min-height:145px;border-color:rgba(220,175,95,.36)!important}
.main.page-arena .arena-team{gap:10px!important}
.main.page-arena .arena-logo{width:72px!important;height:72px!important;border-radius:20px!important;border:1px solid rgba(243,205,130,.5)!important}
.main.page-arena .arena-actions{gap:8px!important}
.main.page-arena .arena-action{border-radius:14px!important;min-height:48px!important;background:linear-gradient(180deg,#211914,#0f0c0a)!important;border:1px solid rgba(220,175,95,.18)!important}
.main.page-arena .arena-log{border-radius:15px!important;background:rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.05)!important;padding:10px!important}

/* DISTRICT — territorial command center */
.main.page-district .district-wrap{padding:5px 8px 15px!important}
.main.page-district .district-card{
  border-radius:19px!important;
  background:linear-gradient(180deg,#1c1612,#0a0908)!important;
  border:1px solid rgba(220,175,95,.2)!important;
  box-shadow:var(--s2-shadow)!important;
}
.main.page-district .district-hero{min-height:170px;border-color:rgba(220,175,95,.36)!important}
.main.page-district .district-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.78))!important}
.main.page-district .district-hero-in{padding:16px!important;gap:12px!important}
.main.page-district .district-title{font-size:21px!important;color:#fff0d4!important}
.main.page-district .district-side{border-radius:999px!important;padding:5px 10px!important}
.main.page-district .district-actions{gap:8px!important}
.main.page-district .district-btn{border-radius:14px!important;min-height:45px!important;padding:10px!important}
.main.page-district .district-ability{border-radius:15px!important;padding:10px!important;background:linear-gradient(180deg,#1f1814,#0d0b09)!important;border:1px solid rgba(220,175,95,.16)!important}
.main.page-district .district-under-log{gap:8px!important}
.main.page-district .district-enemies{border-radius:15px!important;background:rgba(255,255,255,.022)!important;border:1px solid rgba(255,255,255,.05)!important}
.main.page-district .district-capture-btn{border-radius:15px!important;padding:11px 18px!important}
.main.page-district .battle-log{border-radius:15px!important;background:rgba(0,0,0,.18)!important;padding:9px!important}
.main.page-district .wm-chat-tabs{gap:8px!important}
.main.page-district .wm-chat-tabs a{border-radius:13px!important;padding:10px!important}
.main.page-district .wm-chat-msg{border-radius:15px!important;padding:10px!important;margin:8px 0!important}
.main.page-district .wm-chat-avatar{border-radius:13px!important}
.main.page-district .wm-chat-form{border-radius:17px!important;padding:10px!important}

/* SEASON — war room */
.main.page-faction_season .gp{max-width:456px!important;padding:5px 8px 15px!important}
.main.page-faction_season .gp-card{
  border-radius:19px!important;
  background:linear-gradient(180deg,#1c1612,#0a0908)!important;
  border:1px solid rgba(220,175,95,.2)!important;
  box-shadow:var(--s2-shadow)!important;
}
.main.page-faction_season .gp-hero{min-height:130px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(108,52,17,.58),rgba(7,7,7,.84),rgba(109,9,18,.58)),url('/images/start_image.jpg') center/cover!important;border-color:rgba(220,175,95,.4)!important}
.main.page-faction_season .gp-body{padding:14px!important;width:100%}
.main.page-faction_season .gp-title{font-size:23px!important;color:#fff0d4!important;letter-spacing:.03em}
.main.page-faction_season .gp-grid{gap:9px!important}
.main.page-faction_season .gp-note{border-radius:15px!important;padding:11px!important;background:rgba(255,255,255,.026)!important;border:1px solid rgba(255,255,255,.055)!important}
.main.page-faction_season .gp-bar{height:12px!important;border-radius:999px!important;background:#080706!important;border:1px solid rgba(220,175,95,.16)!important}
.main.page-faction_season .gp table{border-collapse:separate!important;border-spacing:0 5px!important}
.main.page-faction_season .gp tr{background:rgba(255,255,255,.022)!important}
.main.page-faction_season .gp th,.main.page-faction_season .gp td{padding:9px 6px!important;border-bottom:0!important}
.main.page-faction_season .gp-btn{border-radius:14px!important;padding:11px!important}

/* Responsive refinements */
@media(max-width:360px){
  .main.page-profile .mp-avatar{width:70px!important;height:70px!important}
  .main.page-profile .mp-name,.main.page-clan .mc-name{font-size:19px!important}
  .main.page-bag .bag-item{grid-template-columns:58px 1fr!important}
  .main.page-bag .bag-img{width:58px!important;height:58px!important}
  .main.page-black_market .market-tabs{grid-template-columns:1fr!important}
  .main.page-faction_season .gp-grid{grid-template-columns:1fr!important}
}
