:root{
  --mm-bg:#050A13;
  --mm-bg-2:#071126;
  --mm-panel:rgba(7,17,38,.78);
  --mm-panel-strong:rgba(7,17,38,.92);
  --mm-border:rgba(120,170,255,.12);
  --mm-text:#eef4ff;
  --mm-muted:#b8c4de;
  --mm-blue:#50b7ff;
  --mm-orange:#ff8c3a;
  --mm-green:#64ff8b;
  --mm-radius:22px;
  --mm-shadow:0 18px 48px rgba(0,0,0,.35);
}

html,body{min-height:100%;}
body{
  background:
    radial-gradient(1200px 620px at 10% -10%, rgba(80,183,255,.18), transparent 58%),
    radial-gradient(900px 520px at 90% 0%, rgba(255,140,58,.14), transparent 52%),
    linear-gradient(180deg, #071126 0%, #050A13 42%, #040914 100%);
  color:var(--mm-text);
  font-family: inherit;
}

a{color:#9ad5ff;text-decoration:none;}
a:hover{color:#d6eeff;}
p,li{color:var(--mm-muted);}
h1,h2,h3,h4,h5,h6{color:var(--mm-text);}
img{max-width:100%;height:auto;display:block;}

/* Tailwind-like aliases used around the site */
.text-white{color:#fff !important;}
.text-white\/90{color:rgba(255,255,255,.9)!important;}
.text-white\/80{color:rgba(255,255,255,.8)!important;}
.text-white\/70{color:rgba(255,255,255,.7)!important;}
.text-white\/60{color:rgba(255,255,255,.6)!important;}
.text-white\/50{color:rgba(255,255,255,.5)!important;}
.text-white\/40{color:rgba(255,255,255,.4)!important;}
.text-white\/30{color:rgba(255,255,255,.3)!important;}
.text-white\/20{color:rgba(255,255,255,.2)!important;}
.hover\:text-white:hover{color:#fff!important;}
.border-white\/10{border-color:rgba(255,255,255,.10)!important;}
.border-white\/20{border-color:rgba(255,255,255,.20)!important;}
.underline{text-decoration:underline;}

.mm-blue{color:var(--mm-blue)!important;}
.mm-orange{color:var(--mm-orange)!important;}
.mm-muted{color:var(--mm-muted)!important;}

/* Header */
#preloader{display:none!important;}
.mm-header{
  position:sticky;
  top:0;
  z-index:1200;
  padding:14px 0 10px;
  backdrop-filter: blur(16px);
  background:linear-gradient(180deg, rgba(3,7,15,.92), rgba(3,7,15,.72));
  border-bottom:1px solid rgba(80,183,255,.08);
}
.mm-header-shell{
  max-width:1280px;
  margin:0 auto;
  padding:0 20px;
}
.mm-header-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 16px;
  border:1px solid var(--mm-border);
  background:linear-gradient(180deg, rgba(10,17,34,.82), rgba(6,12,24,.88));
  box-shadow:var(--mm-shadow);
  border-radius:24px;
}
.mm-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.mm-site-logo{
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 0 3px rgba(80,183,255,.08);
  flex:0 0 52px;
}
.mm-brand-text{display:flex;flex-direction:column;line-height:1.02;min-width:0;}
.mm-brand-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:4px;}
.mm-brand-title{font-size:1.05rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.mm-brand-sub{font-size:.78rem;color:var(--mm-muted);}

.mm-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;}
.mm-nav-link, .mm-nav-toggle{
  color:rgba(255,255,255,.88);
  font-weight:700;
  padding:10px 14px;
  border-radius:14px;
  transition:all .16s ease;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.mm-nav-link:hover, .mm-nav-toggle:hover{background:rgba(255,255,255,.06);color:#fff;}
.mm-nav-group{position:relative;}
.mm-nav-menu{
  display:none;
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  min-width:200px;
  padding:10px;
  border-radius:18px;
  border:1px solid var(--mm-border);
  background:linear-gradient(180deg, rgba(11,18,35,.95), rgba(7,12,24,.96));
  box-shadow:var(--mm-shadow);
}
.mm-nav-group:hover .mm-nav-menu,
.mm-nav-group:focus-within .mm-nav-menu{display:block;}
.mm-nav-menu a{display:block;padding:10px 12px;border-radius:12px;color:rgba(255,255,255,.86);}
.mm-nav-menu a:hover{background:rgba(255,255,255,.06);color:#fff;}
.mm-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.mm-mobile-toggle{display:none;background:none;border:0;color:#fff;padding:8px;}
.mm-mobile-panel{display:none;margin-top:10px;padding:12px;border-radius:18px;border:1px solid var(--mm-border);background:rgba(7,12,24,.95);}
.mm-mobile-panel.open{display:block;}
.mm-mobile-panel .mm-nav-link,
.mm-mobile-panel .mm-nav-toggle{display:block;width:100%;text-align:left;padding:12px;}
.mm-mobile-panel .mm-nav-menu{position:static;display:block;box-shadow:none;border:none;background:transparent;padding:4px 0 0 12px;min-width:unset;}

.mm-main{padding-top:22px;}

/* Buttons */
.mm-btn,.cmn-btn,.cmn-btn2{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;border-radius:14px;border:1px solid rgba(80,183,255,.28);
  background:linear-gradient(180deg, rgba(80,183,255,.16), rgba(80,183,255,.08));
  color:#fff;font-weight:800;letter-spacing:.01em;transition:all .16s ease;
}
.mm-btn:hover,.cmn-btn:hover,.cmn-btn2:hover{transform:translateY(-1px);background:linear-gradient(180deg, rgba(80,183,255,.24), rgba(80,183,255,.12));}
.mm-btn-orange,.cmn-btn2{
  border-color: rgba(255,140,58,.34);
  background: linear-gradient(180deg, rgba(255,140,58,.18), rgba(255,140,58,.10));
}
.mm-btn-orange:hover,.cmn-btn2:hover{background:linear-gradient(180deg, rgba(255,140,58,.24), rgba(255,140,58,.12));}
.mm-btn-ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);}
.mm-btn-small{padding:9px 13px;border-radius:12px;font-size:.92rem;}

/* Surfaces */
.mm-shell{max-width:1280px;margin:0 auto;padding:0 20px;}
.mm-card{
  border:1px solid var(--mm-border);
  background:linear-gradient(180deg, rgba(9,16,30,.82), rgba(6,11,22,.86));
  border-radius:var(--mm-radius);
  box-shadow:var(--mm-shadow);
  overflow:hidden;
}
.mm-card--soft{background:linear-gradient(180deg, rgba(9,16,30,.65), rgba(6,11,22,.72));}
.mm-card--hero{
  position:relative;
  overflow:hidden;
}
.mm-card--hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 220px at 12% 10%, rgba(80,183,255,.14), transparent 60%),
             radial-gradient(520px 240px at 88% 12%, rgba(255,140,58,.12), transparent 60%);
  pointer-events:none;
}
.mm-card-inner{position:relative;z-index:1;}
.mm-badge{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.84);
  font-size:.78rem;font-weight:700;letter-spacing:.02em;
}
.mm-section{padding:28px 0 0;}
.mm-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;}
.mm-section-title{font-size:clamp(1.7rem,2.7vw,2.7rem);font-weight:900;line-height:1.02;margin:0;}
.mm-section-copy{max-width:72ch;font-size:1.05rem;line-height:1.7;color:var(--mm-muted);margin-top:10px;}
.mm-link-muted{color:rgba(255,255,255,.7);font-weight:700;}
.mm-link-muted:hover{color:#fff;}

.mm-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:28px;}
.mm-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:.96;margin:0 0 14px;}
.mm-hero-sub{font-size:1.12rem;line-height:1.75;color:var(--mm-muted);max-width:64ch;margin-bottom:18px;}
.mm-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.mm-hero-art{
  min-height:280px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg, rgba(80,183,255,.10), rgba(255,140,58,.10));
}
.mm-hero-art img{width:100%;height:100%;object-fit:cover;}
.mm-kicker-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.mm-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;}
.mm-stat{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.mm-stat strong{display:block;font-size:1.45rem;color:#fff;}
.mm-stat span{font-size:.92rem;color:var(--mm-muted);}

.mm-grid{display:grid;gap:18px;}
.mm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.mm-grid-2-1{grid-template-columns:320px minmax(0,1fr);align-items:start;}
.mm-panel{padding:18px;}
.mm-media-card{display:flex;flex-direction:column;height:100%;}
.mm-media-thumb{aspect-ratio:16/9;overflow:hidden;background:rgba(255,255,255,.03);}
.mm-media-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease;}
.mm-card:hover .mm-media-thumb img{transform:scale(1.03);}
.mm-media-body{padding:18px;display:flex;flex-direction:column;gap:8px;}
.mm-meta{font-size:.78rem;color:rgba(255,255,255,.56);font-weight:700;letter-spacing:.03em;text-transform:uppercase;}
.mm-title{font-size:1.16rem;font-weight:800;color:#fff;line-height:1.25;margin:0;}
.mm-copy{font-size:.96rem;line-height:1.6;color:var(--mm-muted);margin:0;}
.mm-split-list{display:grid;gap:12px;}
.mm-split-item{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.mm-split-item h3{margin:0 0 8px;font-size:1.12rem;}

/* Filters */
.mm-filter-card{position:sticky;top:92px;}
.mm-filter-group{display:grid;gap:10px;}
.mm-input,.mm-select{
  width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);color:#fff;
}
.mm-input::placeholder{color:rgba(255,255,255,.45);}
.mm-pill{display:block;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:rgba(255,255,255,.88);font-size:.92rem;}
.mm-pill:hover{border-color:rgba(80,183,255,.26);background:rgba(80,183,255,.08);color:#fff;}
.mm-pill--active{border-color:rgba(255,140,58,.3);background:rgba(255,140,58,.09);}
.mm-guide-list{display:grid;gap:14px;}
.mm-guide-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;padding:14px;}
.mm-guide-card img{width:108px;height:108px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.08);}

/* Footer */
.mm-footer{margin-top:56px;padding:26px 0 42px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(3,7,15,0), rgba(3,7,15,.6));}
.mm-footer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:24px;}
.mm-footer h4{margin:0 0 10px;font-size:1rem;font-weight:800;}
.mm-footer-links{display:grid;gap:8px;}
.mm-footer-links a{color:rgba(255,255,255,.74);}
.mm-footer-links a:hover{color:#fff;}
.mm-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.5);font-size:.9rem;}

/* Content prose */
.prose{color:var(--mm-muted);line-height:1.8;font-size:1.02rem;}
.prose p{margin:0 0 1rem;}
.prose h2{font-size:1.7rem;line-height:1.2;margin:2rem 0 .75rem;color:#fff;font-weight:900;}
.prose h3{font-size:1.25rem;line-height:1.3;margin:1.35rem 0 .6rem;color:#fff;font-weight:800;}
.prose ul,.prose ol{margin:0 0 1rem 1.2rem;}
.prose li{margin:.35rem 0;}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);}
.prose th{background:rgba(255,255,255,.04);color:#fff;text-align:left;}
.mm-video-needed,.mm-image-needed{border:1px solid rgba(255,92,92,.3);background:rgba(255,92,92,.08);padding:14px 16px;border-radius:16px;color:#ffd2d2;margin:16px 0;}
.mm-image-needed strong,.mm-video-needed strong{color:#fff;}

/* Checklist/tool boxes */
.mm-checklist{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:16px;border-radius:18px;margin:18px 0;}
.mm-checklist .mm-checklist-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.mm-checklist .mm-checklist-controls{display:flex;gap:8px;flex-wrap:wrap;}
.mm-checklist .mm-checklist-progress{font-size:.95rem;color:#dce9ff;}
.mm-checklist ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 18px;}
.mm-checklist li{padding:0;border:0;}
.mm-checklist label{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);border-radius:14px;cursor:pointer;}
.mm-checklist input[type='checkbox']{margin-top:3px;}
.mm-checklist textarea,.mm-checklist-code{display:none!important;}
.mm-alert{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);}
.mm-alert-success{background:rgba(40,140,85,.12);color:#e8fff0;}
.mm-alert-error{background:rgba(200,50,50,.12);color:#ffe8e8;}
.mm-alert-info{background:rgba(80,183,255,.10);color:#e8f5ff;}

/* utility spacing */
.pt-80{padding-top:24px!important}
.pb-80{padding-bottom:24px!important}
.pt-120{padding-top:24px!important}
.pb-120{padding-bottom:48px!important}
.pb-60{padding-bottom:32px!important}
.mt-10{margin-top:10px!important}
.mt-12{margin-top:12px!important}
.mt-4{margin-top:16px!important}
.mt-6{margin-top:24px!important}
.mt-7{margin-top:28px!important}
.mt-8{margin-top:32px!important}
.mt-10{margin-top:40px!important}
.mt-14{margin-top:56px!important}
.mb-6{margin-bottom:24px!important}
.mb-4{margin-bottom:16px!important}
.p-8{padding:28px!important}
.p-6{padding:20px!important}
.p-5{padding:18px!important}
.rounded-xl{border-radius:18px!important}

/* Remove clunky theme leftovers */
.header-section,.footer-section{background:transparent!important;}
.header-section .header,.header-section .activetwo{position:static!important;height:auto!important;background:none!important;border:0!important;}
.header-section .beforeAfter::before,.header-section .beforeAfter::after{display:none!important;}
.mobile-menu-btn span{display:block;width:22px;height:2px;background:#fff;margin:4px 0;border-radius:2px;}

/* Mobile */
@media (max-width: 1100px){
  .mm-nav{display:none;}
  .mm-header-actions .mm-btn,.mm-header-actions .cmn-btn,.mm-header-actions .cmn-btn2{display:none;}
  .mm-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;}
  .mm-hero{grid-template-columns:1fr;}
  .mm-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mm-grid-3{grid-template-columns:1fr 1fr;}
  .mm-grid-2-1{grid-template-columns:1fr;}
  .mm-filter-card{position:static;}
}
@media (max-width: 720px){
  .mm-header-shell{padding:0 14px;}
  .mm-header-bar{padding:10px 12px;border-radius:18px;}
  .mm-site-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;}
  .mm-brand-title{font-size:.98rem;}
  .mm-main{padding-top:16px;}
  .mm-hero{padding:18px;gap:18px;}
  .mm-section-title{font-size:2rem;}
  .mm-stat-row{grid-template-columns:1fr;}
  .mm-grid-4,.mm-grid-3{grid-template-columns:1fr;}
  .mm-guide-card{grid-template-columns:1fr;}
  .mm-guide-card img{width:100%;height:180px;}
  .mm-footer-grid{grid-template-columns:1fr;}
}


/* Miswired Gaming quest-library refresh */
.mm-brand-wide-wrap{gap:14px;}
.mm-site-logo-wide{
  width:220px!important;
  height:auto!important;
  max-width:220px!important;
  border-radius:0!important;
  box-shadow:none!important;
  flex:0 0 auto;
}
.mm-site-logo-wide-footer{max-width:200px!important;}
.mm-card--questhero{
  background:
    radial-gradient(1100px 540px at 10% 10%, rgba(80,183,255,.14), transparent 58%),
    radial-gradient(850px 460px at 92% 4%, rgba(255,140,58,.12), transparent 52%),
    linear-gradient(180deg, rgba(7,17,38,.86), rgba(4,10,19,.92));
}
.mm-hero-quest{align-items:center;}
.mm-search-bar-home{margin-top:22px;max-width:860px;}
.mm-search-bar-home .mm-input{min-height:64px;}
.mm-search-shell-library{padding-bottom:0;}
.mm-guide-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  margin-top:26px;
}
.mm-guide-hero-card{overflow:hidden;}
.mm-guide-hero-media img{
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}
.mm-guide-hero-copy{padding:26px 28px 30px;}
.mm-guide-hero-copy h1{font-size:clamp(2rem,3vw,3rem);margin:10px 0 14px;}
.mm-guide-body-card{padding:28px;}
.mm-guide-body section + section{margin-top:28px;}
.mm-guide-body h2{
  font-size:1.35rem;
  margin:0 0 12px;
  padding-top:6px;
}
.mm-guide-body p{line-height:1.75;}
.mm-guide-body ul,
.mm-guide-body ol{
  margin:0;
  padding-left:1.15rem;
}
.mm-guide-body li{margin-bottom:10px; line-height:1.7;}
.mm-guide-body strong{color:#fff;}
.mm-guide-body .mm-quest-steps{padding-left:1.25rem;}
.mm-guide-body .mm-quest-steps li{
  margin-bottom:16px;
  padding:0 0 0 2px;
}
.mm-guide-body .mm-quest-steps p{
  margin:8px 0 0;
  color:var(--mm-muted);
}
.mm-quest-snapshot{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:20px 0 8px;
}
.mm-quest-snapshot > div{
  border:1px solid var(--mm-border);
  border-radius:18px;
  padding:16px 16px 14px;
  background:linear-gradient(180deg, rgba(10,17,34,.74), rgba(5,10,20,.84));
}
.mm-quest-snapshot span{
  display:block;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(255,255,255,.56);
  margin-bottom:8px;
}
.mm-quest-snapshot strong{
  font-size:1rem;
  color:#fff;
}
.mm-guide-sidebar{display:flex;flex-direction:column;}
.mm-footer-links a{word-break:break-word;}
@media (max-width: 980px){
  .mm-guide-layout{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  .mm-site-logo-wide{max-width:180px!important;width:180px!important;}
  .mm-brand-text .mm-brand-kicker{font-size:10px;letter-spacing:.14em;}
  .mm-quest-snapshot{grid-template-columns:repeat(2,minmax(0,1fr));}
}