:root{
  --bg:#08090b;--surface:#101216;--surface-2:#15181d;--surface-3:#1b1f25;
  --line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.12);
  --text:#f4f5f7;--muted:#a0a6b0;--subtle:#6f7682;
  --gold:#f7b733;--orange:#ff8c2b;--green:#48d597;--red:#ef6b6b;
  --radius:14px;--shadow:0 18px 50px rgba(0,0,0,.28);
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}
a{color:inherit}
button,input,select,textarea{font:inherit}
.mc-app-body{background:linear-gradient(180deg,#090a0d 0%,#07080a 100%)}
.mc-app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.mc-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0d0f12,#090a0d);display:flex;flex-direction:column}
.mc-sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:2px 4px 24px}
.mc-sidebar-brand>span:last-child{display:grid}
.mc-sidebar-brand strong{font-size:1rem;letter-spacing:-.02em}
.mc-sidebar-brand small{color:var(--muted);font-size:.73rem}
.mc-brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--gold));color:#19120a;font-weight:900;box-shadow:0 10px 28px rgba(255,140,43,.22)}
.mc-sidebar-nav{display:grid;gap:4px}
.mc-sidebar-nav a{padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:.88rem;font-weight:620}
.mc-sidebar-nav a:hover,.mc-sidebar-nav a.is-active{background:rgba(255,255,255,.055);color:var(--text)}
.mc-sidebar-nav a.is-active{box-shadow:inset 3px 0 0 var(--gold)}
.mc-sidebar-card{margin-top:auto;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:5px}
.mc-sidebar-card strong{font-size:1.1rem}
.mc-sidebar-card small,.mc-sidebar-card span{color:var(--muted);font-size:.74rem}
.mc-sidebar-label{text-transform:uppercase;letter-spacing:.11em;color:var(--gold)!important;font-weight:750}
.mc-mini-progress{height:5px;border-radius:999px;background:#252830;overflow:hidden;margin:8px 0 2px}
.mc-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold))}
.mc-discord-link{margin-top:12px;padding:10px 12px;border-radius:9px;text-align:center;text-decoration:none;font-size:.82rem;font-weight:700;color:#1b1308;background:linear-gradient(135deg,var(--orange),var(--gold))}
.mc-main{padding:26px 30px 36px;min-width:0}
.mc-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.mc-topbar h1{margin:2px 0 0;font-size:1.65rem;letter-spacing:-.035em}
.mc-breadcrumb{color:var(--subtle);font-size:.76rem}
.mc-topbar-actions{display:flex;align-items:center;gap:10px}
.mc-live-pill{padding:7px 10px;border:1px solid rgba(72,213,151,.2);background:rgba(72,213,151,.07);color:var(--green);border-radius:999px;font-size:.74rem;font-weight:750}
.mc-outline-button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--muted);font-size:.8rem;font-weight:650}
.mc-outline-button:hover{color:var(--text);border-color:var(--line-strong)}
.mc-command-panel{min-height:210px;border:1px solid var(--line);border-radius:18px;background:
linear-gradient(120deg,rgba(255,140,43,.12),transparent 34%),
linear-gradient(180deg,#15171c,#101216);padding:30px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);align-items:center;gap:30px;box-shadow:var(--shadow)}
.mc-kicker,.mc-panel-label{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:.69rem;font-weight:760}
.mc-command-copy h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.045em;max-width:700px}
.mc-command-copy p{max-width:760px;margin:0;color:var(--muted);line-height:1.7}
.mc-command-progress{justify-self:end;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.18)}
.mc-command-progress strong{display:block;font-size:.88rem}
.mc-command-progress small{color:var(--muted)}
.mc-progress-ring{--size:82px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--value)*1%),#24272e 0);position:relative}
.mc-progress-ring:after{content:"";position:absolute;inset:7px;background:#15171b;border-radius:50%}
.mc-progress-ring span{position:relative;z-index:1;font-size:1rem;font-weight:800}
.mc-metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.mc-metric-row article{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;gap:4px}
.mc-metric-row span,.mc-metric-row small{color:var(--muted);font-size:.74rem}
.mc-metric-row strong{font-size:1.08rem;letter-spacing:-.02em}
.mc-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.48fr);gap:14px;margin-top:14px}
.mc-panel,.mc-section-block{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.mc-panel{padding:20px}
.mc-panel-wide{min-width:0}
.mc-panel-header,.mc-block-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.mc-panel-header h3,.mc-block-header h2{margin:4px 0 0;letter-spacing:-.025em}
.mc-panel-header h3{font-size:1.05rem}
.mc-block-header h2{font-size:1.35rem}
.mc-panel-header a{color:var(--gold);font-size:.78rem;text-decoration:none;font-weight:700}
.mc-state-badge{padding:6px 9px;border-radius:999px;background:rgba(247,183,51,.07);border:1px solid rgba(247,183,51,.18);color:var(--gold);font-size:.7rem;font-weight:750}
.mc-task-list,.mc-health-list,.mc-activity-list{margin-top:14px}
.mc-task-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.mc-task-row:last-child{border-bottom:0}
.mc-task-index{color:var(--subtle);font-size:.72rem;font-weight:700}
.mc-task-name{font-size:.87rem;font-weight:600}
.mc-task-status{color:var(--muted);font-size:.75rem}
.mc-health-list{display:grid}
.mc-health-list div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.mc-health-list div:last-child{border-bottom:0}
.mc-health-list span{color:var(--muted);font-size:.8rem}
.mc-health-list strong{font-size:.8rem;color:var(--green)}
.mc-section-block{margin-top:14px;padding:20px}
.mc-block-header{align-items:end;margin-bottom:14px}
.mc-block-header>span{color:var(--subtle);font-size:.74rem}
.mc-roadmap-table{display:grid;gap:8px}
.mc-roadmap-table details{border:1px solid var(--line);border-radius:11px;background:var(--surface-2);overflow:hidden}
.mc-roadmap-table summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) 54px 20px;align-items:center;gap:12px;padding:13px 14px}
.mc-roadmap-table summary::-webkit-details-marker{display:none}
.mc-roadmap-number{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(247,183,51,.08);border:1px solid rgba(247,183,51,.16);color:var(--gold);font-size:.72rem;font-weight:800}
.mc-roadmap-title{display:grid}
.mc-roadmap-title strong{font-size:.9rem}
.mc-roadmap-title small{color:var(--muted);font-size:.72rem}
.mc-roadmap-progress{color:var(--muted);font-size:.75rem;text-align:right}
.mc-roadmap-arrow{color:var(--subtle);transition:.18s}
.mc-roadmap-table details[open] .mc-roadmap-arrow{transform:rotate(180deg)}
.mc-roadmap-details{padding:0 14px 14px 68px;display:grid;gap:7px}
.mc-roadmap-details div{color:var(--muted);font-size:.8rem;display:flex;align-items:center;gap:8px}
.mc-roadmap-details div span{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.mc-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mc-stat-grid article{padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.mc-stat-grid strong{display:block;font-size:1.35rem}
.mc-stat-grid span{color:var(--muted);font-size:.74rem}
.mc-activity-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.mc-activity-list>div:last-child{border-bottom:0}
.mc-activity-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);margin-top:7px}
.mc-activity-list strong{display:block;font-size:.82rem}
.mc-activity-list small{color:var(--muted);font-size:.72rem}
.mc-featured-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.mc-featured-articles a{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);text-decoration:none;display:grid;gap:6px;transition:.18s}
.mc-featured-articles a:hover{transform:translateY(-2px);border-color:rgba(247,183,51,.22)}
.mc-featured-articles span{color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:750}
.mc-featured-articles strong{font-size:.88rem;line-height:1.35}
.mc-featured-articles small{color:var(--muted);font-size:.7rem}
.mc-changelog-list{display:grid}
.mc-changelog-list div{display:grid;grid-template-columns:90px minmax(0,1fr) 80px;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}
.mc-changelog-list div:last-child{border-bottom:0}
.mc-changelog-list span,.mc-changelog-list small{color:var(--muted);font-size:.73rem}
.mc-changelog-list strong{font-size:.82rem}
.mc-app-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 2px 0;color:var(--subtle);font-size:.72rem}

/* Shared compatibility styles for articles, installer and admin */
.mc-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 34px}
.mc-reading-shell{width:min(900px,calc(100% - 32px))}
.mc-glass,.mc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.mc-nav{min-height:62px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:10px;z-index:20}
.mc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750}
.mc-logo{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--gold));color:#1c1409;font-weight:900}
.mc-links{display:flex;gap:4px}.mc-links a{padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.8rem;font-weight:650}.mc-links a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.mc-page-header{margin-top:14px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:end}
.mc-page-header h1,.mc-article-page h1{margin:6px 0 10px;letter-spacing:-.04em}.mc-page-header h1{font-size:2.4rem}.mc-page-header p,.mc-section p{color:var(--muted)}
.mc-eyebrow{color:var(--gold);font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;font-weight:750}
.mc-article-count strong{display:block;font-size:2rem}.mc-article-count span{color:var(--muted);font-size:.74rem}
.mc-toolbar{margin-top:12px;padding:14px;display:grid;grid-template-columns:1fr 240px;gap:10px}
.mc-input,.mc-select{width:100%;padding:10px 11px;border-radius:9px;border:1px solid var(--line);background:#0d0f12;color:var(--text);outline:none}
.mc-input:focus,.mc-select:focus{border-color:rgba(247,183,51,.3)}
.mc-section{margin-top:24px}
.mc-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}
.mc-section-head h2{margin:4px 0 0;font-size:1.35rem}
.mc-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mc-article-card{padding:18px;display:flex;flex-direction:column;min-height:240px}
.mc-article-card h2,.mc-article-card h3{margin:12px 0 8px;font-size:1.08rem}
.mc-article-card p{color:var(--muted);font-size:.84rem;line-height:1.65;flex:1}
.mc-article-meta,.mc-article-footer,.mc-article-byline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem}
.mc-article-meta span:first-child{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.mc-article-footer{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.mc-article-footer a{color:var(--gold);text-decoration:none;font-weight:700}
.mc-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mc-tag{padding:4px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.68rem}
.mc-back-link{display:inline-block;margin:20px 0 10px;color:var(--muted);text-decoration:none;font-size:.8rem}
.mc-article-page{padding:34px}.mc-article-page h1{font-size:3rem}.mc-article-lead{color:var(--muted);line-height:1.7}
.mc-article-content{margin-top:30px;line-height:1.8}.mc-article-content h2{font-size:1.4rem;margin-top:30px}.mc-article-content h3{font-size:1.08rem;margin-top:24px}.mc-article-content p{color:#c9cdd3}
.mc-article-bullet{padding:6px 0 6px 18px;position:relative}.mc-article-bullet:before{content:"";position:absolute;left:0;top:1em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.mc-button{padding:9px 12px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-weight:700;font-size:.8rem;cursor:pointer}.mc-button.primary{background:linear-gradient(135deg,var(--orange),var(--gold));color:#1d1509}.mc-button.secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}
.mc-form{display:grid;gap:12px}.mc-form label{display:grid;gap:6px;color:var(--muted);font-size:.78rem}.mc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mc-alert{padding:12px;border:1px solid rgba(247,183,51,.18);background:rgba(247,183,51,.05);border-radius:9px;color:#d8d0bf;font-size:.8rem}
.mc-table{width:100%;border-collapse:collapse}.mc-table td,.mc-table th{padding:10px;border-bottom:1px solid var(--line);font-size:.8rem;text-align:left}
.mc-footer{margin-top:28px;padding:16px;display:flex;justify-content:space-between;color:var(--subtle);font-size:.72rem}
.mc-engagement{margin-top:14px;padding:18px}.mc-reaction-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mc-reaction-button{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);display:grid;grid-template-columns:auto 1fr auto;gap:8px;cursor:pointer}.mc-reaction-button.is-selected{border-color:rgba(247,183,51,.28);background:rgba(247,183,51,.06)}
.mc-comment-list{display:grid;gap:8px}.mc-comment{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.mc-comment>div{display:flex;justify-content:space-between}.mc-comment p{color:#c8ccd2;font-size:.82rem}.mc-inline-message{min-height:18px;color:var(--gold);font-size:.76rem;margin-top:8px}
@media(max-width:1000px){.mc-app-shell{grid-template-columns:1fr}.mc-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.mc-sidebar-nav{display:flex}.mc-sidebar-card,.mc-discord-link{display:none}.mc-command-panel{grid-template-columns:1fr}.mc-command-progress{justify-self:start}.mc-metric-row,.mc-stat-grid{grid-template-columns:repeat(2,1fr)}.mc-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:720px){.mc-main{padding:18px}.mc-topbar{align-items:flex-start}.mc-topbar-actions{display:none}.mc-sidebar{grid-template-columns:1fr}.mc-sidebar-nav{margin-top:10px;overflow-x:auto}.mc-command-panel{padding:22px}.mc-command-copy h2{font-size:2.1rem}.mc-featured-articles,.mc-article-grid{grid-template-columns:1fr}.mc-roadmap-table summary{grid-template-columns:38px minmax(0,1fr) 40px}.mc-roadmap-arrow{display:none}.mc-changelog-list div{grid-template-columns:72px minmax(0,1fr)}.mc-changelog-list small{display:none}}
@media(max-width:480px){.mc-metric-row,.mc-stat-grid{grid-template-columns:1fr}.mc-sidebar{padding:14px}.mc-command-progress{width:100%}.mc-page-header{display:block}.mc-toolbar{grid-template-columns:1fr}.mc-reaction-row{grid-template-columns:1fr 1fr}.mc-article-page h1{font-size:2.2rem}}

html::before{
  content:"";
  position:fixed;
  width:1px;
  height:1px;
  opacity:.001;
  pointer-events:none;
}
.mc-brand-image{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 8px 18px rgba(255,140,43,.22));
}
.mc-brand-image-fallback{
  width:38px;
  height:38px;
  border-radius:10px;
  display:none;
  place-items:center;
  background:linear-gradient(135deg,var(--orange),var(--gold));
  color:#19120a;
  font-weight:900;
}
.mc-command-panel{
  background:
    linear-gradient(90deg,rgba(8,9,11,.96),rgba(8,9,11,.72)),
    url('/assets/images/branding/banner.webp') center/cover no-repeat,
    linear-gradient(120deg,rgba(255,140,43,.12),transparent 34%),
    linear-gradient(180deg,#15171c,#101216);
}

/* Phase 0 final design-system additions */
.mc-design-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.mc-col-4{grid-column:span 4}.mc-col-6{grid-column:span 6}.mc-col-8{grid-column:span 8}.mc-col-12{grid-column:span 12}
.mc-stat-card{padding:18px;border-radius:12px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.14)}
.mc-stat-card span{display:block;color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.07em}
.mc-stat-card strong{display:block;margin-top:8px;font-size:1.45rem;letter-spacing:-.03em}
.mc-stat-card small{display:block;margin-top:4px;color:var(--subtle);font-size:.72rem}
.mc-empty-state{padding:34px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:14px;background:rgba(255,255,255,.018)}
.mc-empty-state-icon{font-size:1.8rem;color:var(--gold)}.mc-empty-state h3{margin:10px 0 5px}.mc-empty-state p{max-width:520px;margin:0 auto 16px;color:var(--muted)}
.mc-toast{position:fixed;right:20px;bottom:20px;z-index:1000;width:min(360px,calc(100% - 40px));padding:14px 16px;border-radius:11px;background:#17191e;border:1px solid var(--line-strong);box-shadow:var(--shadow);display:grid;gap:3px}.mc-toast span{color:var(--muted);font-size:.8rem}
.mc-skeleton{height:var(--skeleton-height);border-radius:8px;background:linear-gradient(90deg,#17191d,#24272c,#17191d);background-size:220% 100%;animation:mcSkeleton 1.3s infinite}
@keyframes mcSkeleton{to{background-position:-220% 0}}
.mc-timeline{display:grid}.mc-timeline article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.mc-timeline article:last-child{border-bottom:0}.mc-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:7px;box-shadow:0 0 0 4px rgba(247,183,51,.08)}.mc-timeline strong{font-size:.85rem}.mc-timeline p{margin:3px 0;color:var(--muted);font-size:.79rem}.mc-timeline small{color:var(--subtle);font-size:.69rem}
.mc-icon{display:inline-block;width:var(--mc-icon-size);height:var(--mc-icon-size);border:1.8px solid currentColor;border-radius:4px;opacity:.9}
.mc-icon-circle{border-radius:50%}.mc-icon-check{border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);width:calc(var(--mc-icon-size)*.48);height:calc(var(--mc-icon-size)*.8)}
.mc-reading-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--gold));width:0;z-index:2000}
.mc-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mc-feature-strip article{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.mc-feature-strip strong{display:block;font-size:.84rem}.mc-feature-strip span{color:var(--muted);font-size:.72rem}
.mc-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mc-diagnostic-item{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:flex;justify-content:space-between;gap:14px}.mc-diagnostic-item span{color:var(--muted);font-size:.78rem}.mc-diagnostic-item strong{font-size:.78rem;color:var(--green)}
@media(max-width:900px){.mc-col-4,.mc-col-6,.mc-col-8{grid-column:span 12}.mc-feature-strip,.mc-diagnostic-grid{grid-template-columns:1fr}}

.mc-roadmap-summary{text-align:right;display:grid}.mc-roadmap-summary strong{font-size:.83rem}.mc-roadmap-summary span{color:var(--muted);font-size:.72rem}
.mc-roadmap-complete .mc-roadmap-phase{position:relative}
.mc-roadmap-complete summary{grid-template-columns:42px minmax(260px,1fr) 80px 62px 82px 48px 20px}
.mc-roadmap-title small{max-width:720px;line-height:1.45;margin-top:2px}
.mc-roadmap-build,.mc-roadmap-count{color:var(--muted);font-size:.72rem;text-align:center}
.mc-roadmap-state{padding:5px 8px;border-radius:999px;font-size:.67rem;font-weight:760;text-align:center;border:1px solid var(--line)}
.mc-roadmap-state.is-complete{color:var(--green);background:rgba(72,213,151,.07);border-color:rgba(72,213,151,.2)}
.mc-roadmap-state.is-next{color:var(--gold);background:rgba(247,183,51,.07);border-color:rgba(247,183,51,.2)}
.mc-roadmap-state.is-locked{color:var(--muted);background:rgba(255,255,255,.025)}
.mc-roadmap-progressbar{height:4px;background:#24272d;margin:0 14px;border-radius:999px;overflow:hidden}
.mc-roadmap-progressbar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold))}
.mc-roadmap-complete .mc-roadmap-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 18px 16px 68px}
.mc-roadmap-complete .mc-roadmap-details div{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}
.mc-roadmap-complete .mc-roadmap-details div>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid var(--line);font-size:.62rem}
.mc-roadmap-complete .mc-roadmap-details div.is-complete{color:#cdd4d0;border-color:rgba(72,213,151,.14);background:rgba(72,213,151,.025)}
.mc-roadmap-complete .mc-roadmap-details div.is-complete>span{color:var(--green);border-color:rgba(72,213,151,.24);background:rgba(72,213,151,.08)}
.mc-roadmap-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 18px 14px 68px;color:var(--muted);font-size:.72rem}
.mc-roadmap-footer nav{display:flex;gap:8px}.mc-roadmap-footer a{color:var(--gold);text-decoration:none;font-weight:700}
@media(max-width:1100px){.mc-roadmap-complete summary{grid-template-columns:42px minmax(0,1fr) 62px 80px 45px 20px}.mc-roadmap-build{display:none}}
@media(max-width:800px){.mc-roadmap-complete summary{grid-template-columns:40px minmax(0,1fr) 75px}.mc-roadmap-count,.mc-roadmap-progress,.mc-roadmap-arrow{display:none}.mc-roadmap-complete .mc-roadmap-details{grid-template-columns:1fr;padding-left:16px}.mc-roadmap-footer{padding-left:16px}.mc-roadmap-summary{text-align:left;margin-top:8px}}

/* Phase 1: permanent website mode pages */
.mc-mode-body{min-height:100vh;background:#090a0c;color:var(--text);overflow-x:hidden}
.mc-mode-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,140,43,.14),transparent 30%),radial-gradient(circle at 82% 78%,rgba(72,213,151,.07),transparent 28%)}
.mc-mode-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:32px}
.mc-mode-card{width:min(980px,100%);padding:38px;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(180deg,rgba(23,25,30,.96),rgba(13,15,18,.98));box-shadow:0 30px 90px rgba(0,0,0,.45)}
.mc-mode-brand,.mc-live-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.mc-mode-brand>div,.mc-live-brand>span:last-child{display:grid}.mc-mode-brand small,.mc-live-brand small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.mc-mode-logo{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--gold));color:#181109;font-weight:950;box-shadow:0 10px 30px rgba(255,140,43,.2)}
.mc-mode-status{display:inline-flex;align-items:center;gap:8px;margin-top:42px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mc-mode-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px currentColor;opacity:.85}.mc-mode-status.is-maintenance{color:var(--gold);background:rgba(247,183,51,.06);border-color:rgba(247,183,51,.18)}.mc-mode-status.is-live{color:var(--green);background:rgba(72,213,151,.06);border-color:rgba(72,213,151,.18)}
.mc-mode-card h1{max-width:760px;margin:18px 0 14px;font-size:clamp(2.7rem,7vw,5rem);line-height:.95;letter-spacing:-.065em}.mc-mode-lead{max-width:730px;color:var(--muted);font-size:1rem;line-height:1.75}
.mc-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.mc-mode-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.mc-mode-grid span,.mc-mode-grid small{display:block;color:var(--muted);font-size:.72rem}.mc-mode-grid strong{display:block;margin:7px 0 4px;font-size:1rem}
.mc-mode-notice{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:14px;padding:17px;border:1px solid rgba(247,183,51,.14);border-radius:12px;background:rgba(247,183,51,.035)}.mc-mode-notice p{margin:4px 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}.mc-mode-pulse{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(247,183,51,.08)}
.mc-mode-history{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.mc-mode-history>span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.mc-mode-history div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.78rem}.mc-mode-history small{color:var(--muted)}.mc-mode-card footer{display:flex;justify-content:space-between;gap:15px;margin-top:22px;color:var(--subtle);font-size:.7rem}
.mc-live-shell{position:relative;z-index:1;width:min(1220px,calc(100% - 34px));margin:0 auto}.mc-live-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mc-live-nav nav{display:flex;gap:22px}.mc-live-nav nav a{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:700}.mc-live-nav nav a:hover{color:var(--text)}
.mc-live-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:56px;padding:70px 0}.mc-live-copy h1{margin:18px 0;font-size:clamp(4.2rem,9vw,8rem);line-height:.82;letter-spacing:-.075em}.mc-live-copy h1 em{color:var(--gold);font-style:normal}.mc-live-copy>p{max-width:650px;color:var(--muted);font-size:1.05rem;line-height:1.75}.mc-server-address{display:inline-grid;margin-top:28px;padding:14px 18px;border-left:3px solid var(--gold);background:rgba(255,255,255,.025)}.mc-server-address span,.mc-server-address small{color:var(--muted);font-size:.67rem}.mc-server-address strong{margin:4px 0;font-size:1rem;letter-spacing:.04em}
.mc-live-card{padding:28px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow)}.mc-live-card>span{color:var(--gold);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.mc-live-card>strong{display:block;margin:10px 0;font-size:1.7rem;line-height:1.05}.mc-live-card>p{color:var(--muted);font-size:.83rem;line-height:1.65}.mc-live-card>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.78rem}.mc-live-card>div span{color:var(--muted)}
.mc-live-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:30px 0 80px}.mc-live-features article{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.mc-live-features article>span{color:var(--gold);font-size:.7rem}.mc-live-features strong{display:block;margin:15px 0 7px}.mc-live-features p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.6}
.mc-live-news{padding:70px 0;border-top:1px solid var(--line)}.mc-live-news>header{display:flex;justify-content:space-between;align-items:end;gap:20px}.mc-live-news header span{color:var(--gold);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.mc-live-news h2{margin:7px 0 0;font-size:2.2rem}.mc-live-news header a{color:var(--gold);text-decoration:none;font-size:.8rem}.mc-live-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.mc-live-news-grid a{min-height:170px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-decoration:none;display:flex;flex-direction:column}.mc-live-news-grid span,.mc-live-news-grid small{color:var(--muted);font-size:.7rem}.mc-live-news-grid strong{margin:18px 0;line-height:1.25;color:var(--text);flex:1}.mc-live-footer{display:flex;justify-content:space-between;gap:18px;padding:26px 0;border-top:1px solid var(--line);color:var(--subtle);font-size:.7rem}.mc-mode-preview-links{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}.mc-mode-preview-links a{padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--gold);text-decoration:none;font-size:.7rem}
@media(max-width:850px){.mc-mode-grid,.mc-live-features,.mc-live-news-grid{grid-template-columns:1fr}.mc-live-hero{grid-template-columns:1fr;min-height:auto;padding:55px 0}.mc-live-card{margin-bottom:25px}}
@media(max-width:560px){.mc-mode-shell{padding:15px}.mc-mode-card{padding:24px}.mc-mode-card footer,.mc-live-footer,.mc-live-news>header{display:grid}.mc-live-nav nav{gap:10px}.mc-live-nav nav a:first-child{display:none}.mc-live-copy h1{font-size:4.1rem}}

/* Phase 1.9: centralized settings framework */
.mc-page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:42px 0 20px}.mc-page-head h1{margin:7px 0;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.055em}.mc-page-head p{max-width:760px;color:var(--muted);line-height:1.65}.mc-head-actions{display:flex;gap:8px;flex-wrap:wrap}.mc-links .is-active{color:var(--gold)}
.mc-alert{margin:12px 0;padding:13px 15px;border-radius:10px;border:1px solid var(--line);font-size:.82rem}.mc-alert.is-success{color:var(--green);border-color:rgba(72,213,151,.25);background:rgba(72,213,151,.05)}.mc-alert.is-error{color:#ff9d9d;border-color:rgba(255,100,100,.24);background:rgba(255,100,100,.05)}
.mc-settings-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}.mc-settings-nav{position:sticky;top:16px;padding:8px;border-radius:14px}.mc-settings-nav a{display:grid;gap:3px;padding:12px;border-radius:9px;text-decoration:none;color:var(--text);border:1px solid transparent}.mc-settings-nav a:hover,.mc-settings-nav a.is-active{background:rgba(247,183,51,.055);border-color:rgba(247,183,51,.16)}.mc-settings-nav a.is-active strong{color:var(--gold)}.mc-settings-nav small{color:var(--muted);font-size:.68rem;line-height:1.35}.mc-settings-main{display:grid;gap:14px}.mc-settings-main .mc-card{padding:22px}.mc-section-head p{margin:5px 0 0;color:var(--muted);font-size:.8rem}
.mc-settings-form{display:grid;gap:0;margin-top:16px}.mc-setting-field{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr);align-items:center;gap:24px;padding:15px 0;border-top:1px solid var(--line)}.mc-setting-field>span{display:grid;gap:4px}.mc-setting-field small{color:var(--muted);font-size:.68rem;line-height:1.4}.mc-setting-field textarea{width:100%;resize:vertical}.mc-setting-field.is-toggle{grid-template-columns:minmax(220px,1fr) auto;position:relative}.mc-setting-field.is-toggle input{position:absolute;opacity:0}.mc-setting-field.is-toggle i{width:44px;height:24px;border-radius:999px;background:#2a2d33;border:1px solid var(--line-strong);position:relative;cursor:pointer}.mc-setting-field.is-toggle i:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#8c929b;transition:.18s}.mc-setting-field.is-toggle input:checked+i{background:rgba(72,213,151,.16);border-color:rgba(72,213,151,.35)}.mc-setting-field.is-toggle input:checked+i:after{left:22px;background:var(--green)}.mc-form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid var(--line)}.mc-form-actions span{color:var(--muted);font-size:.7rem}.mc-inline-test{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;margin-top:14px}
@media(max-width:900px){.mc-settings-layout{grid-template-columns:1fr}.mc-settings-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.mc-setting-field{grid-template-columns:1fr;gap:8px}.mc-inline-test{grid-template-columns:1fr}.mc-page-head{display:grid}}
@media(max-width:560px){.mc-settings-nav{grid-template-columns:1fr}.mc-form-actions{display:grid}}