:root{
  --dc-bg:#060606;
  --dc-panel:#12100f;
  --dc-panel-2:#1a1513;
  --dc-edge:rgba(212,168,92,.26);
  --dc-edge-strong:rgba(212,168,92,.48);
  --dc-gold:#f1c97a;
  --dc-gold-soft:#c79b58;
  --dc-red:#af251d;
  --dc-red-2:#e25d49;
  --dc-text:#efe4d1;
  --dc-muted:#b3a28c;
  --dc-shadow:0 18px 42px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{background:#010101}
body{
  max-width:100% !important;
  color:var(--dc-text);
  background:
    radial-gradient(circle at 15% 0, rgba(171,30,25,.22), transparent 22%),
    radial-gradient(circle at 85% 0, rgba(211,160,74,.16), transparent 22%),
    linear-gradient(180deg,#090909 0%,#030303 100%) fixed !important;
}
body .main{
  width:100%;
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  padding:0 0 56px;
  background:
    linear-gradient(180deg,rgba(25,21,18,.98),rgba(12,11,10,.99) 35%,rgba(7,7,7,.99) 100%) !important;
  border-left:1px solid rgba(212,168,92,.18);
  border-right:1px solid rgba(212,168,92,.18);
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 45px rgba(0,0,0,.75);
}
body a:link,body a:visited{color:var(--dc-gold);text-decoration:none}
body a:hover{color:#fff3cb}
body .main .btn,body .main .mf-btn,body .wm-page .btn,body .wm-page button,body .wm-page a.btn{
  border-radius:14px;
  border:1px solid rgba(212,168,92,.4);
  background:linear-gradient(180deg,#2a221a,#11100f);
  color:var(--dc-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.28);
}
body .main .btnr,body .main .mf-btn-red,body .mf-form button,body .wm-page .btnr{
  background:linear-gradient(180deg,#c2362b,#6f1510) !important;
  border-color:#ef7866 !important;
  color:#fff7e9 !important;
}
body .main .btng,body .main .mf-btn-green,body .wm-page .btng{
  background:linear-gradient(180deg,#587d2f,#274313) !important;
  border-color:#91c15c !important;
}
body .main .btn:hover,body .main .mf-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
body .main .mf-panel,body .main .wm-card,body .wm-page .evnt,body .wm-page .battle-item,body .wm-page .block,body .wm-page form,body .wm-page .battle,body .wm-page ul.online-list li,body .wm-page table tr{
  background:
    linear-gradient(180deg,rgba(29,24,21,.98),rgba(11,10,10,.99)),
    radial-gradient(circle at top left, rgba(255,255,255,.03), transparent 35%);
  border:1px solid var(--dc-edge);
  border-radius:18px !important;
  box-shadow:var(--dc-shadow), inset 0 1px 0 rgba(255,255,255,.035);
}
body .main .mf-panel{padding:12px}
body .main .mf-panel-title,body .wm-page .ttl,body .wm-page span.ttl,body .wm-page div.ttl,.ttl,.page-title{
  color:var(--dc-gold) !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  border:0;
  margin:0 0 12px;
  padding:0 0 8px;
  background:none !important;
  border-bottom:1px solid rgba(212,168,92,.18);
}
body .mf-logo-title{
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:.12em;
  text-shadow:0 3px 18px rgba(0,0,0,.85),0 0 18px rgba(196,41,34,.2);
}
body .mf-muted,body .wm-screen-sub,body .wm-sub,body .main small{color:var(--dc-muted)}
body .mf-grid{gap:10px}
body .mf-battle-link{
  gap:10px;
  padding:10px 12px;
  margin:8px 0;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(34,28,24,.98),rgba(13,12,11,.98));
  border:1px solid rgba(212,168,92,.22);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
body .mf-battle-link:hover{transform:translateY(-1px);border-color:rgba(212,168,92,.42);box-shadow:0 12px 26px rgba(0,0,0,.26)}
body .mf-battle-link img{width:46px;height:46px;border-radius:12px;border-color:rgba(212,168,92,.35);background:#0a0908;padding:3px}
body .mf-battle-link b{font-size:14px;letter-spacing:.02em}
body .mf-battle-link small{margin-top:4px}
body .mf-auth-card{max-width:440px;padding:14px}
body .mf-form label{letter-spacing:.12em;color:#dcc189;font-size:11px}
body .mf-form input,body .mf-form select,body .mf-form textarea,body .wm-page input[type=text],body .wm-page input[type=password],body .wm-page input[type=number],body .wm-page textarea,body .wm-page select{
  background:linear-gradient(180deg,#0d0b0a,#141110) !important;
  border:1px solid rgba(212,168,92,.34) !important;
  border-radius:14px !important;
  color:var(--dc-text) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.55);
}
body .error,body .wm-page .error{background:rgba(103,18,18,.24)!important;border:1px solid rgba(225,94,94,.44)!important;border-radius:14px!important;color:#ffd4d4!important}
body .ok,body .wm-page .ok{background:rgba(25,92,41,.22)!important;border:1px solid rgba(87,186,102,.4)!important;border-radius:14px!important;color:#d8ffdf!important}

/* Header redesign */
body .mafia-top{
  margin:0 0 14px;
  border-radius:0 0 24px 24px;
  border-bottom:1px solid rgba(212,168,92,.26);
  box-shadow:0 18px 32px rgba(0,0,0,.55), inset 0 -1px 0 rgba(212,168,92,.18);
  background:#050505;
}
body .mafia-top:before{transform:scale(1.04);filter:saturate(1.05) contrast(1.08) brightness(.7)}
body .mafia-top:after{
  background:
    linear-gradient(180deg,rgba(5,5,5,.12),rgba(5,5,5,.55) 52%,rgba(5,5,5,.82)),
    linear-gradient(90deg,rgba(195,36,32,.13),transparent 35%,transparent 65%,rgba(212,168,92,.14));
}
body .mafia-row{
  padding:14px 12px 12px;
  background:linear-gradient(180deg,rgba(3,3,3,.25),rgba(3,3,3,.46));
  backdrop-filter:blur(2px);
  border-bottom:1px solid rgba(212,168,92,.1);
}
body .mafia-prof{gap:10px}
body .mafia-ava{width:54px;height:54px;border-radius:16px;border:1px solid rgba(212,168,92,.65);box-shadow:0 0 0 3px rgba(0,0,0,.45),0 10px 20px rgba(0,0,0,.3)}
body .mafia-name{font-size:17px;letter-spacing:.02em;color:#f6ddb2}
body .mafia-lvl{font-size:11px;color:#ccbc9d}
body .mafia-progress{height:10px;border-radius:999px;background:rgba(7,7,7,.88);border:1px solid rgba(212,168,92,.3)}
body .mafia-progress i{background:linear-gradient(90deg,#761714,#d89a41,#ffe2a0)}
body .mafia-exp-line{font-size:10px;color:#cfbe9d}
body .mafia-res{gap:8px;padding:0 12px 14px}
body .mafia-stat{
  min-height:52px;
  padding:8px 10px;
  border-radius:15px;
  border-color:rgba(212,168,92,.22);
  background:linear-gradient(180deg,rgba(17,15,15,.86),rgba(7,7,7,.84));
}
body .mafia-stat img{width:28px;height:28px}
body .mafia-title{padding:10px 12px 12px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.38))}
body .mafia-title b{font-size:26px;line-height:1.02;letter-spacing:.12em;color:#f4dbc0}
body .mafia-title em{font-size:10px;letter-spacing:.22em;color:#cf9e52}
body .mafia-vs{padding:0 12px 14px;gap:8px}
body .mafia-side{min-height:50px;padding:10px 12px;border-radius:14px;border:1px solid rgba(212,168,92,.18)}
body .mafia-vs-badge{width:46px;height:46px;border-color:rgba(212,168,92,.5)}
body .mafia-mail,body .mafia-menu{border-radius:14px}
body .mafia-badge{box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 12px rgba(215,56,40,.45)}

/* Bottom nav redesign */
body .mf-bottom-menu{
  max-width:480px;
  margin:12px auto 0;
  background:linear-gradient(180deg,#130f0d,#070606);
  border-top:1px solid rgba(212,168,92,.25);
  box-shadow:0 -10px 24px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.03);
}
body .mf-resources{padding:8px;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.04));border-bottom:1px solid rgba(212,168,92,.12)}
body .mf-res-item{
  min-height:32px;
  padding:6px 8px;
  border-radius:12px;
  background:linear-gradient(180deg,#201915,#0f0c0a);
  border:1px solid rgba(212,168,92,.18);
  font-size:11px;
}
body .mf-res-item img{width:18px;height:18px}
body .mf-res-item b{font-size:11px}
body .mf-bottom-row{gap:8px;padding:8px}
body .mf-bottom-menu a{
  min-height:52px;
  border-radius:14px;
  background:linear-gradient(180deg,#1f1813,#0f0c0a);
  border:1px solid rgba(212,168,92,.2);
  color:#dac8ab !important;
  font-size:10px;
  letter-spacing:.05em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body .mf-bottom-menu a.active{
  background:linear-gradient(180deg,#802018,#270907);
  border-color:#dc8164;
  box-shadow:0 0 0 1px rgba(220,129,100,.08),0 8px 18px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
}
body .mf-bottom-menu img{width:22px;height:22px;filter:drop-shadow(0 1px 2px #000)}
body .mf-promo-banner{
  border-top:1px solid rgba(212,168,92,.18)!important;
  border-bottom:1px solid rgba(212,168,92,.18)!important;
  background:linear-gradient(90deg,#24130d,#4a2411,#24130d)!important;
  color:#ffda8a;
}
body .mf-online-line{padding:8px 10px;background:rgba(255,255,255,.01);border-top:1px solid rgba(212,168,92,.1);color:#b69b6b}
body .mf-copy-line{color:#aa9166}
body .mf-counter img{opacity:.9}

/* Landing page redesign */
.landing{max-width:470px;margin:0 auto 12px;color:#e6d8bc}
.landing .hero2{background:linear-gradient(180deg,#050505,#110d0a);border-radius:0 0 22px 22px;border-bottom:1px solid rgba(212,168,92,.35);box-shadow:0 18px 36px rgba(0,0,0,.6)}
.landing .hero-banner{aspect-ratio:16/9;object-position:center top;border-bottom:1px solid rgba(212,168,92,.18)}
.landing .hero-in{padding:14px 14px 16px;background:linear-gradient(180deg,rgba(15,11,8,.96),rgba(8,7,6,.99))}
.landing .cta{padding:15px 12px;border-radius:16px;background:linear-gradient(180deg,#cf3d31,#7b1711);border:1px solid #ee7566;font-size:18px;letter-spacing:.02em;box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.landing .proof{font-size:12px;color:#baa88b}
.land-card{margin:12px 8px;padding:14px;background:linear-gradient(180deg,rgba(28,22,18,.98),rgba(10,10,10,.99));border:1px solid rgba(212,168,92,.2);border-radius:18px;box-shadow:0 12px 26px rgba(0,0,0,.34)}
.land-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#f2cf8a;margin-bottom:10px}
.land-grid{gap:8px}
.land-feature{padding:12px 10px;background:linear-gradient(180deg,rgba(16,13,11,.96),rgba(8,7,6,.96));border:1px solid rgba(212,168,92,.12);border-radius:16px;font-size:12px;line-height:1.4}
.land-feature img{width:56px;height:56px;margin-bottom:8px}
.land-feature b{display:block;color:#f5d79f;font-size:14px;margin-bottom:4px}
.land-row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);gap:10px}
.land-actions{gap:8px;margin:12px 8px}
.land-actions a,.land-install{padding:12px;border-radius:14px;background:linear-gradient(180deg,#231a14,#0f0c09);border:1px solid rgba(212,168,92,.26);font-size:14px}
.land-actions a:last-child{border-color:rgba(212,168,92,.14)}
.land-install{margin-bottom:12px}

@media (max-width:360px){
  body .mafia-row{padding:12px 10px 10px}
  body .mafia-ava{width:48px;height:48px}
  body .mafia-title b{font-size:22px}
  body .mf-bottom-row{gap:6px}
  body .mf-bottom-menu a{min-height:48px;font-size:9px}
  .land-grid{grid-template-columns:1fr}
  .landing .cta{font-size:16px}
}