/* Minico components v1.3.0 — requires tokens/minico-tokens.css. Prefix .mc-
   The Minico Cut is painted on ::before so focus outlines are never clipped. */
.mc-cut{position:relative;isolation:isolate}
.mc-cut::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--_bg,transparent);
  clip-path:polygon(var(--c,10px) 0,100% 0,100% calc(100% - var(--c,10px)),calc(100% - var(--c,10px)) 100%,0 100%,0 var(--c,10px))}
.mc-cut--one::before{clip-path:polygon(0 0,calc(100% - var(--c,16px)) 0,100% var(--c,16px),100% 100%,0 100%)}
:where(.mc-btn,.mc-input,.mc-card,.mc-chip):focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}

/* Button */
.mc-btn{--c:var(--mc-button-primary-chamfer);--_bg:var(--mc-button-primary-bg);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--mc-space-2);
  min-height:var(--mc-button-height-md);padding:0 var(--mc-space-5);border:0;background:none;color:var(--mc-button-primary-text);cursor:pointer;text-decoration:none;
  font:600 var(--mc-font-size-15)/1 var(--mc-font-family-sans);transition:color var(--mc-duration-fast) var(--mc-easing-standard)}
.mc-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--_bg);transition:background var(--mc-duration-fast) var(--mc-easing-standard);
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.mc-btn:hover::before{background:var(--mc-action-primary-bg-hover)}
.mc-btn--lg{min-height:var(--mc-button-height-lg);padding:0 var(--mc-space-7);font-size:var(--mc-font-size-16)}
.mc-btn--ink{color:var(--mc-action-secondary-text)}.mc-btn--ink::before,.mc-btn--ink:hover::before{background:var(--mc-action-secondary-bg)}
.mc-btn--ghost::before{background:transparent}.mc-btn--ghost{color:var(--mc-text-primary);box-shadow:inset 0 0 0 1.5px var(--mc-border-strong)}
.mc-btn--ghost:hover::before{background:var(--mc-bg-subtle)}
.mc-btn[disabled],.mc-btn[aria-disabled="true"]{color:var(--mc-text-secondary);cursor:not-allowed}.mc-btn[disabled]::before,.mc-btn[aria-disabled="true"]::before,.mc-btn[disabled]:hover::before,.mc-btn[aria-disabled="true"]:hover::before{background:var(--mc-bg-subtle)}
.mc-btn[aria-busy="true"]::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mc-spin .8s linear infinite}
@keyframes mc-spin{to{transform:rotate(360deg)}}

/* Input (Check My Game) */
.mc-field{display:flex;gap:var(--mc-space-2);flex-wrap:wrap}
.mc-input{flex:1 1 260px;min-height:var(--mc-input-height);padding:0 var(--mc-space-3-5);border:1.5px solid var(--mc-border-strong);border-radius:var(--mc-input-radius);
  background:var(--mc-bg-surface);color:var(--mc-text-primary);font:400 var(--mc-font-size-16) var(--mc-font-family-sans)}
.mc-input::placeholder{color:var(--mc-text-secondary)}
.mc-input[aria-invalid="true"]{border-color:var(--mc-status-blocker)}
.mc-help{font-size:var(--mc-font-size-13);color:var(--mc-text-muted);margin-top:var(--mc-space-1-5)}
.mc-help--error{color:var(--mc-status-blocker)}

/* Status badge — colour + label + shape, never colour alone */
.mc-badge{display:inline-flex;align-items:center;gap:var(--mc-space-1-5);padding:var(--mc-space-1) var(--mc-space-2);border:1.5px solid currentColor;border-radius:var(--mc-badge-status-radius);font:600 var(--mc-font-size-13)/1.3 var(--mc-font-family-sans);white-space:nowrap}
.mc-badge svg{width:14px;height:14px}
.mc-badge--ready{color:var(--mc-status-ready)}.mc-badge--autofix{color:var(--mc-status-autofix)}
.mc-badge--action{color:var(--mc-status-action)}.mc-badge--blocker{color:var(--mc-status-blocker)}
.mc-badge--neutral{color:var(--mc-text-secondary)}
/* availability labels for platforms */
.mc-avail{display:inline-block;padding:var(--mc-space-0-5) var(--mc-space-2);font:600 var(--mc-font-size-12)/1.4 var(--mc-font-family-sans);border-radius:var(--mc-radius-xs)}
.mc-avail--supported{background:var(--mc-action-primary-bg);color:var(--mc-action-primary-text)}
.mc-avail--beta{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse)}
.mc-avail--soon{box-shadow:inset 0 0 0 1.5px var(--mc-border-strong);color:var(--mc-text-secondary)}

/* Cards */
.mc-card{--c:var(--mc-card-game-chamfer);--_bg:var(--mc-bg-surface);position:relative;isolation:isolate;padding:var(--mc-card-game-padding);color:var(--mc-text-primary)}
.mc-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--_bg);clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.mc-card--ink{color:var(--mc-text-on-inverse)}.mc-card--ink::before{background:var(--mc-bg-inverse)}
.mc-card--brand{color:var(--mc-text-on-brand)}.mc-card--brand::before{background:var(--mc-bg-brand)}
.mc-card__title{font:600 var(--mc-font-size-18)/1.3 var(--mc-font-family-sans);margin:0}
.mc-card__meta{font:400 var(--mc-font-size-13)/1.5 var(--mc-font-family-mono);opacity:.72;margin:var(--mc-space-0-5) 0 0}
.mc-game{display:grid;gap:var(--mc-space-4)}
.mc-game__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mc-space-4)}
.mc-game__media{aspect-ratio:16/9;background:var(--mc-bg-subtle);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);overflow:hidden}
.mc-row{display:flex;justify-content:space-between;align-items:center;gap:var(--mc-space-3);padding:var(--mc-space-2-5) 0;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.mc-row b{font:700 var(--mc-font-size-18) var(--mc-font-family-display)}
.mc-platform{--c:var(--mc-card-platform-chamfer);display:grid;gap:var(--mc-space-3);align-content:start}
.mc-platform__name{font:700 var(--mc-font-size-24)/1.1 var(--mc-font-family-display);margin:0}
.mc-platform ul{margin:0;padding-left:var(--mc-space-5);color:var(--mc-text-secondary)}

/* Score ring */
.mc-score{width:var(--size,120px);height:var(--size,120px);position:relative;display:grid;place-items:center}
.mc-score svg{position:absolute;inset:0;transform:rotate(-90deg)}
.mc-score circle{fill:none;stroke-width:var(--mc-score-ring-stroke)}
.mc-score .track{stroke:var(--mc-border-default)}
.mc-score .val{stroke:var(--mc-action-primary-bg);stroke-linecap:butt;stroke-dasharray:calc(var(--v,0) * 2.827) 282.7;transition:stroke-dasharray var(--mc-duration-story) var(--mc-easing-standard)}
.mc-score b{font:700 calc(var(--size,120px) * .32)/1 var(--mc-font-family-display)}
.mc-score small{display:block;text-align:center;font:500 var(--mc-font-size-12) var(--mc-font-family-sans);color:var(--mc-text-secondary)}

/* Compatibility bar */
.mc-compat{display:grid;grid-template-columns:minmax(110px,auto) 1fr 32px;gap:var(--mc-space-3);align-items:center;font-size:var(--mc-font-size-14)}
.mc-compat__track{height:8px;background:var(--mc-border-default);clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.mc-compat__fill{height:100%;background:var(--mc-action-primary-bg);width:calc(var(--v) * 1%)}
.mc-compat b{font:700 var(--mc-font-size-15) var(--mc-font-family-display);text-align:right}

/* Metric card */
.mc-metric{display:grid;gap:var(--mc-space-1)}
.mc-metric__value{font:700 var(--mc-font-size-40)/1 var(--mc-font-family-display)}
.mc-metric__label{font-size:var(--mc-font-size-14);color:var(--mc-text-secondary)}
.mc-metric__delta{font:500 var(--mc-font-size-13) var(--mc-font-family-mono);color:var(--mc-status-ready)}

/* Code block & scanner */
.mc-code{background:var(--mc-scanner-bg);box-shadow:inset 0 0 0 1px var(--mc-border-default);margin:0;color:var(--mc-scanner-text);padding:var(--mc-space-5) var(--mc-space-5);font:400 var(--mc-font-size-13)/1.7 var(--mc-font-family-mono);overflow-x:auto;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.mc-code .k{color:var(--mc-scanner-keyword)}.mc-code .s{color:var(--mc-scanner-string)}.mc-code .c{color:var(--mc-scanner-comment)}
.mc-scanner{list-style:none;margin:0;padding:0}
.mc-scanner li{display:grid;grid-template-columns:20px 1fr;gap:var(--mc-space-1-5)}
.mc-scanner .ok{color:var(--mc-scanner-ok)}.mc-scanner .run{color:var(--mc-scanner-run)}.mc-scanner .warn{color:var(--mc-scanner-warn)}
.mc-scanner .sub{grid-column:2;color:var(--mc-scanner-sub)}

/* Flow node (pipeline) with cord connectors */
.mc-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-2) 0;list-style:none;margin:0;padding:0}
.mc-flow li{display:flex;align-items:center}
.mc-flow li+li::before{content:"";width:28px;height:2px;background:var(--mc-border-strong)}
.mc-flow li.done+li::before,.mc-flow li.done::before{background:var(--mc-action-primary-bg)}
.mc-node{--c:6px;--_bg:var(--mc-bg-surface);position:relative;isolation:isolate;padding:var(--mc-space-2) var(--mc-space-3-5);font:600 var(--mc-font-size-13) var(--mc-font-family-sans);box-shadow:inset 0 0 0 1.5px var(--mc-border-default)}
.mc-node::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--_bg);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.done .mc-node::before{background:var(--mc-action-primary-bg)}.done .mc-node{color:var(--mc-action-primary-text);box-shadow:none}
.current .mc-node{box-shadow:inset 0 0 0 2px var(--mc-action-primary-bg)}

/* Logo strip — platform names as "Publish to", never "partners" */
.mc-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-3) var(--mc-space-8);color:var(--mc-text-secondary);font:600 var(--mc-font-size-16) var(--mc-font-family-sans)}
.mc-strip__label{font:500 var(--mc-font-size-13) var(--mc-font-family-sans)}

/* Quote card */
.mc-quote{display:grid;gap:var(--mc-space-4);margin:0}
.mc-quote blockquote{margin:0;font:500 var(--mc-font-size-20)/1.45 var(--mc-font-family-sans)}
.mc-quote figcaption{font-size:var(--mc-font-size-14);color:var(--mc-text-secondary)}

/* Chat (Minico AI) */
.mc-chat{display:grid;gap:var(--mc-space-2-5)}
.mc-msg{max-width:52ch;padding:var(--mc-space-3) var(--mc-space-3-5);font-size:var(--mc-font-size-15);line-height:1.5}
.mc-msg--user{justify-self:end;background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse)}
.mc-msg--ai{background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-msg--ai::before{content:"Minico AI";display:block;font:600 var(--mc-font-size-12) var(--mc-font-family-sans);color:var(--mc-text-link);margin-bottom:var(--mc-space-1)}
@media (prefers-reduced-motion:reduce){.mc-btn[aria-busy="true"]::after{animation:none}.mc-score .val{transition:none}}

/* =====================================================================
   v1.1 — Website + Console kit
   ===================================================================== */
.mc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mc-container{max-width:var(--mc-layout-max-width);margin:0 auto;padding:0 var(--mc-space-6)}
.mc-icon{width:20px;height:20px;flex:none}
:where(.mc-table-wrap,.mc-code,.mc-link,.mc-nav__link,.mc-tab,.mc-seg button,.mc-side__link,.mc-page a,.mc-chip,.mc-faq summary,.mc-dropzone,.mc-switch input,.mc-check input):focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}
.mc-link{color:var(--mc-text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mc-link:hover{text-decoration-thickness:2px}
.mc-kbd{display:inline-block;min-width:22px;padding:1px var(--mc-space-1-5);border:1px solid var(--mc-border-strong);border-bottom-width:2px;border-radius:var(--mc-radius-sm);font:500 var(--mc-font-size-12)/1.5 var(--mc-font-family-mono);text-align:center;color:var(--mc-text-primary);background:var(--mc-bg-surface)}

/* ---------- Header / navigation ---------- */
.mc-header{position:sticky;top:0;z-index:var(--mc-z-index-sticky);height:var(--mc-header-height);background:color-mix(in srgb,var(--mc-bg-canvas) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--mc-border-default)}
.mc-header__in{height:100%;display:flex;align-items:center;gap:var(--mc-space-6)}
.mc-header__logo svg{height:30px;width:auto;display:block}
.mc-nav{display:flex;align-items:center;gap:var(--mc-space-0-5);margin-right:auto}
.mc-nav__link{display:inline-flex;align-items:center;gap:var(--mc-space-1);min-height:40px;padding:0 var(--mc-space-3);border:0;background:none;color:var(--mc-text-primary);font:500 var(--mc-font-size-15) var(--mc-font-family-sans);text-decoration:none;cursor:pointer}
.mc-nav__link:hover,.mc-nav__link[aria-expanded="true"]{color:var(--mc-text-link)}
.mc-nav__link[aria-expanded] svg{width:14px;height:14px;transition:transform var(--mc-duration-fast) var(--mc-easing-standard)}
.mc-nav__link[aria-expanded="true"] svg{transform:rotate(180deg)}
.mc-nav__item{position:relative}
.mc-mega{position:absolute;top:calc(100% + var(--mc-space-3));left:calc(-1 * var(--mc-space-3));width:min(640px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:var(--mc-space-1);padding:var(--mc-space-3);background:var(--mc-bg-surface);box-shadow:var(--mc-shadow-overlay),inset 0 0 0 1px var(--mc-border-default);z-index:var(--mc-z-index-overlay)}
.mc-mega[hidden]{display:none}
.mc-mega a{display:grid;grid-template-columns:28px 1fr;gap:var(--mc-space-0-5) var(--mc-space-2-5);padding:var(--mc-space-3);color:var(--mc-text-primary);text-decoration:none}
.mc-mega a:hover{background:var(--mc-bg-subtle)}
.mc-mega a svg{grid-row:span 2;width:24px;height:24px;color:var(--mc-text-link)}
.mc-mega b{font:600 var(--mc-font-size-15) var(--mc-font-family-sans)}
.mc-mega span{font-size:var(--mc-font-size-13);color:var(--mc-text-secondary)}
.mc-mega .mc-avail{justify-self:start;margin-top:var(--mc-space-1)}
.mc-header__actions{display:flex;align-items:center;gap:var(--mc-space-2)}
.mc-header .mc-header__burger{display:none}
.mc-btn{white-space:nowrap}
@media (max-width:900px){.mc-nav,.mc-header__actions .mc-nav__link,.mc-header__actions [data-mc-theme]{display:none}.mc-header .mc-header__burger{display:inline-grid}}
@media (max-width:720px){.mc-header__actions .mc-btn{display:none}}
.mc-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--mc-space-1-5);list-style:none;margin:0;padding:0;font-size:var(--mc-font-size-14);color:var(--mc-text-secondary)}
.mc-breadcrumb li+li::before{content:"/";margin-right:var(--mc-space-1-5);color:var(--mc-border-strong)}
.mc-breadcrumb a{color:inherit}
.mc-breadcrumb [aria-current]{color:var(--mc-text-primary);font-weight:500}

/* ---------- Tabs & segmented ---------- */
.mc-tabs [role=tablist]{display:flex;gap:var(--mc-space-1);border-bottom:1px solid var(--mc-border-default);overflow-x:auto}
.mc-tab{min-height:44px;padding:0 var(--mc-space-4);border:0;background:none;color:var(--mc-text-secondary);font:500 var(--mc-font-size-15) var(--mc-font-family-sans);cursor:pointer;box-shadow:inset 0 -2px 0 transparent;white-space:nowrap}
.mc-tab[aria-selected="true"]{color:var(--mc-text-primary);box-shadow:inset 0 -2px 0 var(--mc-action-primary-bg)}
.mc-tab:hover{color:var(--mc-text-primary)}
.mc-tabs [role=tabpanel]{padding:var(--mc-space-5) 0}
.mc-seg{display:inline-flex;padding:var(--mc-space-1);gap:var(--mc-space-0-5);background:var(--mc-bg-subtle);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-seg button{min-height:36px;padding:0 var(--mc-space-3-5);border:0;background:none;color:var(--mc-text-secondary);font:500 var(--mc-font-size-14) var(--mc-font-family-sans);cursor:pointer}
.mc-seg button[aria-pressed="true"]{background:var(--mc-bg-surface);color:var(--mc-text-primary);box-shadow:0 0 0 1px var(--mc-border-default)}

/* ---------- Forms ---------- */
.mc-label{display:block;font:500 var(--mc-font-size-14) var(--mc-font-family-sans);margin-bottom:var(--mc-space-1-5)}
.mc-select{appearance:none;width:100%;min-height:var(--mc-input-height);padding:0 var(--mc-space-10) 0 var(--mc-space-3-5);border:1.5px solid var(--mc-border-strong);border-radius:var(--mc-input-radius);font:400 var(--mc-font-size-16) var(--mc-font-family-sans);color:var(--mc-text-primary);
  background:var(--mc-bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B7985' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px}
.mc-textarea{width:100%;min-height:120px;padding:var(--mc-space-3) var(--mc-space-3-5);border:1.5px solid var(--mc-border-strong);border-radius:var(--mc-input-radius);background:var(--mc-bg-surface);color:var(--mc-text-primary);font:400 var(--mc-font-size-16)/1.5 var(--mc-font-family-sans);resize:vertical}
:where(.mc-select,.mc-textarea):focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}
.mc-check{display:flex;align-items:flex-start;gap:var(--mc-space-2-5);min-height:44px;padding:var(--mc-space-2-5) 0;cursor:pointer;font-size:var(--mc-font-size-15)}
.mc-check input{appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border:1.5px solid var(--mc-border-strong);background:var(--mc-bg-surface);display:grid;place-items:center;cursor:pointer}
.mc-check input[type=radio]{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border:0;background:var(--mc-border-strong)}
.mc-check input[type=radio]::after{content:"";width:17px;height:17px;background:var(--mc-bg-surface);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.mc-check input:checked{background:var(--mc-action-primary-bg);border-color:var(--mc-action-primary-bg);box-shadow:none}
.mc-check input[type=checkbox]:checked::after{content:"";width:10px;height:6px;border:solid var(--mc-action-primary-text);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.mc-check input[type=radio]:checked::after{width:8px;height:8px;background:var(--mc-action-primary-text)}
.mc-check small{display:block;color:var(--mc-text-secondary);font-size:var(--mc-font-size-13)}
.mc-switch{display:inline-flex;align-items:center;gap:var(--mc-space-2-5);min-height:44px;cursor:pointer;font-size:var(--mc-font-size-15)}
.mc-switch input{appearance:none;flex:none;width:40px;height:22px;margin:0;background:var(--mc-border-strong);position:relative;cursor:pointer;transition:background var(--mc-duration-fast) var(--mc-easing-standard);
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.mc-switch input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--mc-switch-thumb);transition:transform var(--mc-duration-fast) var(--mc-easing-standard);clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px)}
.mc-switch input:checked{background:var(--mc-action-primary-bg)}
.mc-switch input:checked::after{transform:translateX(18px)}
.mc-dropzone{display:grid;place-items:center;align-content:center;gap:var(--mc-space-2-5);min-height:var(--mc-dropzone-min-height);padding:var(--mc-space-6);text-align:center;cursor:pointer;color:var(--mc-text-secondary);
  background:var(--mc-bg-surface);border:1.5px dashed var(--mc-border-strong);transition:border-color var(--mc-duration-fast),background var(--mc-duration-fast)}
.mc-dropzone svg{width:32px;height:32px;color:var(--mc-text-link)}
.mc-dropzone b{color:var(--mc-text-primary);font-weight:600}
.mc-dropzone.is-over{border-color:var(--mc-action-primary-bg);background:color-mix(in srgb,var(--mc-action-primary-bg) 6%,var(--mc-bg-surface))}
.mc-dropzone input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.mc-dropzone{position:relative}
.mc-dropzone:focus-within{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}
.mc-file{display:flex;align-items:center;gap:var(--mc-space-3);padding:var(--mc-space-3) var(--mc-space-3-5);background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default);font-size:var(--mc-font-size-14)}
.mc-file b{font-weight:600}
.mc-file span{color:var(--mc-text-secondary);font-family:var(--mc-font-family-mono);font-size:var(--mc-font-size-12);margin-left:auto}
.mc-chips{display:flex;flex-wrap:wrap;gap:var(--mc-space-2)}
.mc-chip{display:inline-flex;align-items:center;gap:var(--mc-space-1-5);min-height:36px;padding:0 var(--mc-space-3-5);border:0;background:var(--mc-bg-surface);color:var(--mc-text-primary);box-shadow:inset 0 0 0 1px var(--mc-border-strong);font:500 var(--mc-font-size-14) var(--mc-font-family-sans);cursor:pointer}
.mc-chip[aria-pressed="true"]{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);box-shadow:none}

/* ---------- Feedback ---------- */
.mc-alert{--tone:var(--mc-status-autofix);display:grid;grid-template-columns:20px 1fr auto;gap:var(--mc-space-3);align-items:start;padding:var(--mc-space-3-5) var(--mc-space-4);font-size:var(--mc-font-size-15);
  background:color-mix(in srgb,var(--tone) 8%,var(--mc-bg-surface));box-shadow:inset 3px 0 0 var(--tone)}
.mc-alert>svg{width:20px;height:20px;color:var(--tone);margin-top:1px}
.mc-alert b{display:block;font-weight:600}
.mc-alert p{margin:var(--mc-space-0-5) 0 0;color:var(--mc-text-secondary)}
.mc-alert--ready{background:color-mix(in srgb,var(--mc-status-ready) 8%,var(--mc-bg-surface));box-shadow:inset 3px 0 0 var(--mc-status-ready)}.mc-alert--ready>svg{color:var(--mc-status-ready)}.mc-alert--action{background:color-mix(in srgb,var(--mc-status-action) 8%,var(--mc-bg-surface));box-shadow:inset 3px 0 0 var(--mc-status-action)}.mc-alert--action>svg{color:var(--mc-status-action)}.mc-alert--blocker{background:color-mix(in srgb,var(--mc-status-blocker) 8%,var(--mc-bg-surface));box-shadow:inset 3px 0 0 var(--mc-status-blocker)}.mc-alert--blocker>svg{color:var(--mc-status-blocker)}
.mc-toasts{position:fixed;right:var(--mc-space-4);bottom:calc(var(--mc-space-4) + env(safe-area-inset-bottom,0px));z-index:var(--mc-z-index-toast);display:grid;gap:var(--mc-space-2);width:min(var(--mc-toast-width),calc(100vw - 32px))}
.mc-toast{display:grid;grid-template-columns:20px 1fr auto;gap:var(--mc-space-2-5);align-items:center;padding:var(--mc-space-3-5) var(--mc-space-3-5) var(--mc-space-3-5) var(--mc-space-4);background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);box-shadow:var(--mc-shadow-overlay);font-size:var(--mc-font-size-14);
  animation:mc-toast-in var(--mc-duration-base) var(--mc-easing-enter)}
.mc-toast svg{width:20px;height:20px}
.mc-toast button{border:0;background:none;color:inherit;opacity:.7;cursor:pointer;min-width:32px;min-height:32px}
@keyframes mc-toast-in{from{transform:translateY(8px);opacity:0}}
.mc-dialog{z-index:var(--mc-z-index-modal);width:min(var(--mc-dialog-width),calc(100vw - 32px));padding:0;border:0;background:var(--mc-bg-surface);color:var(--mc-text-primary);box-shadow:var(--mc-shadow-overlay);
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.mc-dialog::backdrop{background:var(--mc-dialog-backdrop)}
.mc-dialog__head{display:flex;justify-content:space-between;align-items:center;gap:var(--mc-space-4);padding:var(--mc-space-5) var(--mc-space-6) 0}
.mc-dialog__head h2{margin:0;font:600 var(--mc-font-size-20) var(--mc-font-family-sans)}
.mc-dialog__body{padding:var(--mc-space-3) var(--mc-space-6) 0;color:var(--mc-text-secondary)}
.mc-dialog__foot{display:flex;justify-content:flex-end;gap:var(--mc-space-2);padding:var(--mc-space-6)}
.mc-iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--mc-text-primary);cursor:pointer}
.mc-iconbtn:hover{background:var(--mc-bg-subtle)}
.mc-iconbtn svg{width:20px;height:20px}
.mc-iconbtn:focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:-2px}
.mc-tip{position:relative;display:inline-flex}
.mc-tip [role=tooltip]{position:absolute;bottom:calc(100% + var(--mc-space-2));left:50%;transform:translateX(-50%);width:max-content;max-width:var(--mc-tooltip-max-width);padding:var(--mc-space-2) var(--mc-space-2-5);background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);font:400 var(--mc-font-size-13)/1.4 var(--mc-font-family-sans);opacity:0;pointer-events:none;transition:opacity var(--mc-duration-fast);z-index:var(--mc-z-index-overlay)}
.mc-tip:hover [role=tooltip],.mc-tip:focus-within [role=tooltip]{opacity:1}
.mc-progress{height:6px;background:var(--mc-border-default);overflow:hidden}
.mc-progress>span{display:block;height:100%;width:calc(var(--v,0) * 1%);background:var(--mc-action-primary-bg);transition:width var(--mc-duration-slow) var(--mc-easing-standard)}
.mc-progress--indeterminate>span{width:30%;animation:mc-indet 1.2s var(--mc-easing-standard) infinite}
@keyframes mc-indet{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.mc-skel{display:block;background:linear-gradient(90deg,var(--mc-bg-subtle) 0,var(--mc-border-default) 50%,var(--mc-bg-subtle) 100%);background-size:200% 100%;animation:mc-skel 1.4s linear infinite;min-height:12px}
@keyframes mc-skel{to{background-position:-200% 0}}
.mc-empty{display:grid;justify-items:center;gap:var(--mc-space-3);padding:var(--mc-space-12) var(--mc-space-6);text-align:center;background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-empty svg{width:40px;height:40px;color:var(--mc-text-secondary)}
.mc-empty h3{margin:0;font:600 var(--mc-font-size-18) var(--mc-font-family-sans)}
.mc-empty p{margin:0;max-width:44ch;color:var(--mc-text-secondary)}

/* ---------- Data ---------- */
.mc-table-wrap{overflow-x:auto;background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-table{width:100%;border-collapse:collapse;font-size:var(--mc-font-size-14)}
.mc-table th{height:40px;padding:0 var(--mc-space-4);text-align:left;font-weight:500;font-size:var(--mc-font-size-13);color:var(--mc-text-secondary);border-bottom:1px solid var(--mc-border-default);white-space:nowrap}
.mc-table td{height:var(--mc-table-row-height);padding:var(--mc-space-2) var(--mc-space-4);border-bottom:1px solid var(--mc-border-default);vertical-align:middle}
.mc-table tr:last-child td{border-bottom:0}
.mc-table tbody tr:hover{background:var(--mc-bg-subtle)}
.mc-table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mc-font-family-mono);font-size:var(--mc-font-size-13)}
.mc-table th[aria-sort] button{all:unset;cursor:pointer}
.mc-avatar{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);font:600 var(--mc-font-size-13) var(--mc-font-family-sans);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.mc-avatar img{width:100%;height:100%;object-fit:cover}
.mc-game-thumb{width:40px;height:40px;flex:none;object-fit:cover;background:var(--mc-bg-media);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.mc-cell{display:flex;align-items:center;gap:var(--mc-space-3)}
.mc-cell b{display:block;font-weight:600}
.mc-cell small{color:var(--mc-text-secondary);font-family:var(--mc-font-family-mono);font-size:var(--mc-font-size-12)}
.mc-page{display:flex;gap:var(--mc-space-1);list-style:none;margin:0;padding:0}
.mc-page a{display:grid;place-items:center;min-width:40px;height:40px;color:var(--mc-text-primary);text-decoration:none;font:500 var(--mc-font-size-14) var(--mc-font-family-sans)}
.mc-page a:hover{background:var(--mc-bg-subtle)}
.mc-page a[aria-current]{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse)}
/* revenue lifecycle (Book 06 §6.9) */
.mc-money{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--mc-space-0-5);list-style:none;margin:0;padding:0}
.mc-money li{padding:var(--mc-space-3) var(--mc-space-3-5);background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default);display:grid;gap:var(--mc-space-0-5)}
.mc-money li span{font-size:var(--mc-font-size-13);color:var(--mc-text-secondary)}
.mc-money li b{font:700 var(--mc-font-size-20) var(--mc-font-family-display);font-variant-numeric:tabular-nums}
.mc-money li.is-final{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);box-shadow:none}
.mc-money li.is-final span{color:inherit;opacity:.72}
@media (max-width:720px){.mc-money{grid-template-columns:1fr 1fr}}
/* revenue split (developer / Minico) */
.mc-split{display:grid;gap:var(--mc-space-2)}
.mc-split__bar{display:flex;height:28px;font:600 var(--mc-font-size-12)/var(--mc-font-size-28) var(--mc-font-family-sans)}
.mc-split__bar span:first-child{background:var(--mc-action-primary-bg);color:var(--mc-action-primary-text);padding:0 var(--mc-space-2-5);flex:0 0 calc(var(--dev) * 1%)}
.mc-split__bar span:last-child{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);padding:0 var(--mc-space-2-5);flex:1;text-align:right}
.mc-split small{color:var(--mc-text-secondary);font-size:var(--mc-font-size-13)}
/* channel score (Website Master §06.5) */
.mc-cscore{display:grid;gap:var(--mc-space-4)}
.mc-cscore__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mc-space-4)}
.mc-cscore__head h3{margin:0;font:600 var(--mc-font-size-18) var(--mc-font-family-sans)}
.mc-cscore__val{font:700 var(--mc-font-size-44)/1 var(--mc-font-family-display)}
.mc-cscore__val small{font:500 var(--mc-font-size-14) var(--mc-font-family-sans);color:var(--mc-text-secondary)}
.mc-segbar{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--mc-space-0-5);height:10px}
.mc-segbar i{background:var(--mc-border-default)}
.mc-segbar i.on{background:var(--mc-action-primary-bg)}
.mc-cscore dl{display:grid;grid-template-columns:auto 1fr;gap:var(--mc-space-2-5) var(--mc-space-4);margin:0;align-items:center;font-size:var(--mc-font-size-14)}
.mc-cscore dt{color:var(--mc-text-secondary)}
.mc-cscore dd{margin:0}
.mc-cscore__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--mc-space-3);padding-top:var(--mc-space-3);border-top:1px solid var(--mc-border-default);font-size:var(--mc-font-size-14)}
/* platform availability matrix */
.mc-matrix td,.mc-matrix th{text-align:center}
.mc-matrix td:first-child,.mc-matrix th:first-child{text-align:left}
.mc-yes,.mc-no,.mc-part{display:inline-flex;align-items:center;gap:var(--mc-space-1);font-size:var(--mc-font-size-13);font-weight:500}
.mc-yes{color:var(--mc-status-ready)}.mc-part{color:var(--mc-status-action)}.mc-no{color:var(--mc-text-secondary)}
.mc-yes svg,.mc-no svg,.mc-part svg{width:16px;height:16px}

/* ---------- Charts (CSS/SVG, no library) ---------- */
.mc-chart{display:grid;gap:var(--mc-space-3)}
.mc-chart__title{display:flex;justify-content:space-between;align-items:baseline;gap:var(--mc-space-3)}
.mc-chart__title h3{margin:0;font:600 var(--mc-font-size-16) var(--mc-font-family-sans)}
.mc-chart__title span{font-size:var(--mc-font-size-13);color:var(--mc-text-secondary)}
.mc-bars{display:flex;align-items:flex-end;gap:var(--mc-space-1-5);height:180px;padding-bottom:var(--mc-space-6);position:relative;
  background:repeating-linear-gradient(to top,var(--mc-chart-grid) 0 1px,transparent 1px 25%) 0 0/100% calc(100% - 22px) no-repeat}
.mc-bars>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}
.mc-bars>div>i{display:block;width:100%;max-width:40px;height:calc(var(--v) * 1%);background:var(--mc-chart-1)}
.mc-bars>div>i.s2{background:var(--mc-chart-2)}
.mc-bars>div>span{position:absolute;bottom:calc(-1 * var(--mc-space-6));font:400 var(--mc-font-size-11) var(--mc-font-family-mono);color:var(--mc-text-secondary)}
.mc-stack{display:flex;flex-direction:column-reverse;width:100%;max-width:40px;height:calc(var(--v) * 1%)}
.mc-stack i{display:block;flex:0 0 calc(var(--p) * 1%)}
.mc-stack i:nth-child(1){background:var(--mc-chart-1)}.mc-stack i:nth-child(2){background:var(--mc-chart-2)}.mc-stack i:nth-child(3){background:var(--mc-chart-3)}.mc-stack i:nth-child(4){background:var(--mc-chart-4)}
.mc-legend{display:flex;flex-wrap:wrap;gap:var(--mc-space-1-5) var(--mc-space-4);list-style:none;margin:0;padding:0;font-size:var(--mc-font-size-13);color:var(--mc-text-secondary)}
.mc-legend li::before{content:"";display:inline-block;width:10px;height:10px;margin-right:var(--mc-space-1-5);background:var(--c);vertical-align:-1px}
.mc-line svg{width:100%;height:auto;display:block;overflow:visible}
.mc-line .grid line{stroke:var(--mc-chart-grid);stroke-width:1}
.mc-line .s1{fill:none;stroke:var(--mc-chart-1);stroke-width:2.5;stroke-linejoin:round}
.mc-line .s2{fill:none;stroke:var(--mc-chart-2);stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round}
.mc-line .area{fill:var(--mc-chart-1);opacity:.08}
.mc-line text{font:400 var(--mc-font-size-11) var(--mc-font-family-mono);fill:var(--mc-text-secondary)}
.mc-spark{width:96px;height:28px}
.mc-spark polyline{fill:none;stroke:var(--mc-chart-1);stroke-width:2}
.mc-funnel{display:grid;gap:var(--mc-space-1-5)}
.mc-funnel div{display:grid;grid-template-columns:150px 1fr 64px;gap:var(--mc-space-3);align-items:center;font-size:var(--mc-font-size-14)}
.mc-funnel i{height:24px;width:calc(var(--v) * 1%);background:var(--mc-chart-1)}
.mc-funnel b{font:600 var(--mc-font-size-13) var(--mc-font-family-mono);text-align:right}

/* ---------- Console shell ---------- */
.mc-shell{display:grid;grid-template-columns:var(--mc-sidebar-width) 1fr;min-height:100vh;background:var(--mc-bg-canvas)}
.mc-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--mc-space-1);padding:var(--mc-space-4) var(--mc-space-3);background:var(--mc-bg-surface);border-right:1px solid var(--mc-border-default);overflow-y:auto}
.mc-side__logo{padding:var(--mc-space-1-5) var(--mc-space-2-5) var(--mc-space-5)}.mc-side__logo svg{height:26px;width:auto;display:block}
.mc-side__group{margin:var(--mc-space-3-5) var(--mc-space-2-5) var(--mc-space-1);font:500 var(--mc-font-size-12) var(--mc-font-family-sans);color:var(--mc-text-secondary)}
.mc-side__link{display:flex;align-items:center;gap:var(--mc-space-2-5);min-height:40px;padding:0 var(--mc-space-2-5);color:var(--mc-text-primary);text-decoration:none;font:500 var(--mc-font-size-14) var(--mc-font-family-sans)}
.mc-side__link svg{width:18px;height:18px;color:var(--mc-text-secondary)}
.mc-side__link:hover{background:var(--mc-bg-subtle)}
.mc-side__link[aria-current="page"]{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse)}
.mc-side__link[aria-current="page"] svg{color:inherit}
.mc-side__link .mc-count{margin-left:auto;font:500 var(--mc-font-size-12) var(--mc-font-family-mono);color:var(--mc-text-secondary)}
.mc-main{min-width:0;padding:var(--mc-space-6) clamp(var(--mc-space-4),3vw,var(--mc-space-10)) var(--mc-space-16)}
.mc-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mc-space-4);margin-bottom:var(--mc-space-6)}
.mc-topbar h1{margin:var(--mc-space-1) 0 0;font:700 var(--mc-font-size-32)/1.1 var(--mc-font-family-display)}
@media (max-width:860px){.mc-shell{grid-template-columns:1fr}.mc-side{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:var(--mc-space-2)}.mc-side__logo,.mc-side__group{display:none}.mc-side__link{white-space:nowrap}}

/* ---------- Marketing sections ---------- */
.mc-section{padding:clamp(var(--mc-space-14),8vw,var(--mc-space-28)) 0}
.mc-section__head{max-width:720px;margin-bottom:var(--mc-space-10)}
.mc-section__head p{color:var(--mc-text-secondary);font-size:var(--mc-font-size-18);line-height:1.6;margin:var(--mc-space-3) 0 0}
.mc-hero{padding:clamp(var(--mc-space-12),7vw,var(--mc-space-24)) 0 clamp(var(--mc-space-10),6vw,var(--mc-space-20))}
.mc-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--mc-space-12);align-items:center}
.mc-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--mc-space-2);font:500 var(--mc-font-size-14) var(--mc-font-family-sans);color:var(--mc-text-secondary);margin-bottom:var(--mc-space-5)}
.mc-hero__eyebrow i{width:8px;height:8px;background:var(--mc-action-primary-bg);clip-path:polygon(2px 0,100% 0,100% 6px,6px 100%,0 100%,0 2px)}
.mc-hero p.lead{font-size:clamp(var(--mc-font-size-17),1.6vw,var(--mc-font-size-20));line-height:1.6;color:var(--mc-text-secondary);max-width:46ch;margin:var(--mc-space-5) 0 var(--mc-space-8)}
.mc-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-3) var(--mc-space-5)}
@media (max-width:900px){.mc-hero__grid{grid-template-columns:1fr}}
.mc-band{--c:var(--mc-field-brand-chamfer);position:relative;isolation:isolate;padding:clamp(var(--mc-space-10),6vw,var(--mc-space-20));color:var(--mc-band-text)}
.mc-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--mc-band-gradient-start),var(--mc-band-gradient-end));clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.mc-band .mc-btn{color:var(--mc-band-button-text)}.mc-band .mc-btn::before{background:var(--mc-band-button-bg)}
.mc-band .mc-btn:hover::before{background:var(--mc-band-button-bg-hover)}
.mc-band .mc-btn--quiet::before,.mc-band .mc-btn--quiet:hover::before{background:transparent}.mc-band .mc-btn--quiet{color:var(--mc-band-text);box-shadow:inset 0 0 0 1.5px var(--mc-band-quiet-border)}
.mc-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mc-space-4);align-items:stretch}
.mc-plan{--c:var(--mc-pricing-chamfer);--_bg:var(--mc-bg-surface);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--mc-space-4);padding:var(--mc-space-7)}
.mc-plan::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--_bg);clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.mc-plan--rec{color:var(--mc-text-on-inverse)}.mc-plan--rec::before{background:var(--mc-bg-inverse)}
.mc-plan h3{margin:0;font:600 var(--mc-font-size-20) var(--mc-font-family-sans)}
.mc-plan__split{font:700 var(--mc-font-size-52)/1 var(--mc-font-family-display)}
.mc-plan__split small{display:block;margin-top:var(--mc-space-1-5);font:400 var(--mc-font-size-14) var(--mc-font-family-sans);opacity:.72}
.mc-plan dl{margin:0;display:grid;gap:var(--mc-space-2-5);font-size:var(--mc-font-size-14)}
.mc-plan dt{opacity:.72}.mc-plan dd{margin:0 0 var(--mc-space-1)}
.mc-plan .mc-btn{margin-top:auto;align-self:flex-start}
.mc-plan--rec .mc-btn{color:var(--mc-action-primary-text)}.mc-plan--rec .mc-btn::before,.mc-plan--rec .mc-btn:hover::before{background:var(--mc-action-primary-bg)}
.mc-plan__flag{position:absolute;top:calc(-1 * var(--mc-space-3));left:var(--mc-space-7);padding:var(--mc-space-1) var(--mc-space-2-5);background:var(--mc-plan-flag-bg);color:var(--mc-plan-flag-text);font:600 var(--mc-font-size-12) var(--mc-font-family-sans)}
@media (max-width:900px){.mc-pricing{grid-template-columns:1fr}}
.mc-faq{border-top:1px solid var(--mc-border-default)}
.mc-faq details{border-bottom:1px solid var(--mc-border-default)}
.mc-faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--mc-space-4);min-height:60px;padding:var(--mc-space-3) 0;cursor:pointer;list-style:none;font:600 var(--mc-font-size-17) var(--mc-font-family-sans)}
.mc-faq summary::-webkit-details-marker{display:none}
.mc-faq summary::after{content:"";flex:none;width:12px;height:12px;border:solid var(--mc-text-secondary);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-3px,-3px);transition:transform var(--mc-duration-fast) var(--mc-easing-standard)}
.mc-faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.mc-faq details>div{padding:0 0 var(--mc-space-5);color:var(--mc-text-secondary);max-width:70ch}
.mc-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--mc-space-4)}
.mc-compare>div{padding:var(--mc-space-7);background:var(--mc-bg-surface)}
.mc-compare>div:last-child{background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse)}
.mc-compare h3{margin:0 0 var(--mc-space-4);font:600 var(--mc-font-size-16) var(--mc-font-family-sans);opacity:.8}
.mc-compare ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--mc-space-2);font:400 var(--mc-font-size-14) var(--mc-font-family-mono)}
.mc-compare>div:first-child li{color:var(--mc-text-secondary);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--mc-status-blocker) 60%,transparent)}
@media (max-width:720px){.mc-compare{grid-template-columns:1fr}}
.mc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mc-space-4);list-style:none;margin:0;padding:0;counter-reset:s}
.mc-steps li{counter-increment:s;padding:var(--mc-space-6);background:var(--mc-bg-surface);display:grid;gap:var(--mc-space-2);align-content:start}
.mc-steps li::before{content:counter(s,decimal-leading-zero);font:700 var(--mc-font-size-15) var(--mc-font-family-display);color:var(--mc-text-link)}
.mc-steps h3{margin:0;font:600 var(--mc-font-size-18) var(--mc-font-family-sans)}
.mc-steps p{margin:0;color:var(--mc-text-secondary);font-size:var(--mc-font-size-15)}
@media (max-width:900px){.mc-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mc-steps{grid-template-columns:1fr}}
.mc-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--mc-bg-surface)}
.mc-case__media{min-height:260px;background:var(--mc-bg-media) center/cover}
.mc-case__body{padding:var(--mc-space-8);display:grid;gap:var(--mc-space-4);align-content:start}
.mc-case__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mc-space-3)}
.mc-case__stats b{display:block;font:700 var(--mc-font-size-28) var(--mc-font-family-display)}
.mc-case__stats span{font-size:var(--mc-font-size-13);color:var(--mc-text-secondary)}
@media (max-width:760px){.mc-case{grid-template-columns:1fr}}
.mc-footer{padding:var(--mc-space-14) 0 calc(var(--mc-space-8) + env(safe-area-inset-bottom,var(--mc-space-0)));border-top:1px solid var(--mc-border-default);font-size:var(--mc-font-size-14)}
.mc-footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--mc-space-8)}
.mc-footer h4{margin:0 0 var(--mc-space-3);font:600 var(--mc-font-size-14) var(--mc-font-family-sans)}
.mc-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--mc-space-2)}
.mc-footer a{color:var(--mc-text-secondary);text-decoration:none}
.mc-footer a:hover{color:var(--mc-text-primary);text-decoration:underline}
.mc-footer__logo svg{height:30px;width:auto}
.mc-footer__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--mc-space-3);margin-top:var(--mc-space-10);padding-top:var(--mc-space-5);border-top:1px solid var(--mc-border-default);color:var(--mc-text-secondary);font-size:var(--mc-font-size-13)}
@media (max-width:860px){.mc-footer__grid{grid-template-columns:1fr 1fr}}
.mc-sticky-cta{display:none}
@media (max-width:720px){.mc-sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--mc-z-index-sticky);padding:var(--mc-space-2-5) var(--mc-space-4) calc(var(--mc-space-2-5) + env(safe-area-inset-bottom,var(--mc-space-0)));background:color-mix(in srgb,var(--mc-bg-canvas) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--mc-border-default)}
  .mc-sticky-cta .mc-btn{flex:1}}

@media (prefers-reduced-motion:reduce){.mc-toast{animation:none}.mc-progress--indeterminate>span,.mc-skel{animation:none}.mc-progress>span,.mc-switch input,.mc-switch input::after{transition:none}}

/* =====================================================================
   v1.2 — Page kit: docs, prose, callout, auth, resources, waterfall, platform hero
   ===================================================================== */
.mc-docs{display:grid;grid-template-columns:240px minmax(0,1fr) 200px;gap:var(--mc-space-10);max-width:var(--mc-layout-max-width-wide);margin:0 auto;padding:var(--mc-space-8) var(--mc-space-6) var(--mc-space-24)}
.mc-docs__nav{position:sticky;top:calc(var(--mc-header-height) + var(--mc-space-6));align-self:start;max-height:calc(100vh - var(--mc-header-height) - var(--mc-space-12));overflow-y:auto;display:grid;gap:var(--mc-space-0-5)}
.mc-docs__nav h4{margin:var(--mc-space-4) 0 var(--mc-space-1);font:600 var(--mc-font-size-13) var(--mc-font-family-sans);color:var(--mc-text-secondary)}
.mc-docs__nav a{display:flex;align-items:center;min-height:36px;padding:0 var(--mc-space-2-5);color:var(--mc-text-primary);text-decoration:none;font-size:var(--mc-font-size-14);box-shadow:inset 2px 0 0 transparent}
.mc-docs__nav a:hover{background:var(--mc-bg-subtle)}
.mc-docs__nav a[aria-current="page"]{box-shadow:inset 2px 0 0 var(--mc-action-primary-bg);color:var(--mc-text-link);font-weight:600}
.mc-docs__toc{position:sticky;top:calc(var(--mc-header-height) + var(--mc-space-6));align-self:start;font-size:var(--mc-font-size-13);display:grid;gap:var(--mc-space-2)}
.mc-docs__toc b{color:var(--mc-text-secondary);font-weight:500}
.mc-docs__toc a{color:var(--mc-text-secondary);text-decoration:none}.mc-docs__toc a:hover{color:var(--mc-text-primary)}
@media (max-width:1100px){.mc-docs{grid-template-columns:220px minmax(0,1fr)}.mc-docs__toc{display:none}}
@media (max-width:780px){.mc-docs{grid-template-columns:1fr}.mc-docs__nav{position:static;max-height:none;grid-template-columns:1fr 1fr}}
:where(.mc-docs__nav a,.mc-docs__toc a,.mc-resource a,.mc-auth a):focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}
.mc-prose{max-width:var(--mc-layout-reading-width);font-size:var(--mc-font-size-17);line-height:1.7;color:var(--mc-text-primary)}
.mc-prose>*+*{margin-top:var(--mc-space-4)}
.mc-prose h1{font:700 var(--mc-font-size-44)/1.08 var(--mc-font-family-display);letter-spacing:-.01em;margin:0}
.mc-prose h2{font:700 var(--mc-font-size-28)/1.15 var(--mc-font-family-display);margin-top:var(--mc-space-12)}
.mc-prose h3{font:600 var(--mc-font-size-20)/1.3 var(--mc-font-family-sans);margin-top:var(--mc-space-8)}
.mc-prose p,.mc-prose li{color:var(--mc-text-primary)}
.mc-prose ul,.mc-prose ol{padding-left:var(--mc-space-5)}
.mc-prose li+li{margin-top:var(--mc-space-1-5)}
.mc-prose a:not(.mc-btn){color:var(--mc-text-link);text-underline-offset:3px}
.mc-prose code{font:400 .88em var(--mc-font-family-mono);padding:var(--mc-space-0-5) var(--mc-space-1-5);background:var(--mc-bg-subtle);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-prose pre code{padding:0;background:none;box-shadow:none}
.mc-prose blockquote{margin-left:0;padding-left:var(--mc-space-4);box-shadow:inset 3px 0 0 var(--mc-action-primary-bg);color:var(--mc-text-secondary)}
.mc-prose table{width:100%;border-collapse:collapse;font-size:var(--mc-font-size-15)}
.mc-prose th,.mc-prose td{text-align:left;padding:var(--mc-space-2-5) var(--mc-space-3);border-bottom:1px solid var(--mc-border-default)}
.mc-prose th{font-weight:500;color:var(--mc-text-secondary);font-size:var(--mc-font-size-13)}
.mc-meta{display:flex;flex-wrap:wrap;gap:var(--mc-space-1-5) var(--mc-space-4);font-size:var(--mc-font-size-14);color:var(--mc-text-secondary)}
.mc-callout{display:grid;grid-template-columns:auto 1fr auto;gap:var(--mc-space-3);align-items:center;padding:var(--mc-space-4) var(--mc-space-5);background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1.5px var(--mc-action-primary-bg)}
.mc-callout>svg{width:22px;height:22px;color:var(--mc-text-link)}
.mc-callout p{margin:0;font-size:var(--mc-font-size-15)}
.mc-callout b{display:block}
@media (max-width:640px){.mc-callout{grid-template-columns:auto 1fr}.mc-callout .mc-btn{grid-column:1/-1}}
.mc-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.mc-auth__brand{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:var(--mc-space-10);padding:var(--mc-space-12);color:var(--mc-band-text)}
.mc-auth__brand::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--mc-band-gradient-start),var(--mc-band-gradient-end))}
.mc-auth__brand svg.mc-auth__logo{height:40px;width:auto}
.mc-auth__form{display:grid;align-content:center;justify-items:center;padding:var(--mc-space-12) var(--mc-space-6)}
.mc-auth__card{width:min(400px,100%);display:grid;gap:var(--mc-space-4)}
.mc-auth__card h1{margin:0;font:700 var(--mc-font-size-32)/1.1 var(--mc-font-family-display)}
.mc-auth__card .mc-btn{width:100%}
.mc-or{display:flex;align-items:center;gap:var(--mc-space-3);font-size:var(--mc-font-size-13);color:var(--mc-text-secondary)}
.mc-or::before,.mc-or::after{content:"";flex:1;height:1px;background:var(--mc-border-default)}
@media (max-width:860px){.mc-auth{grid-template-columns:1fr}.mc-auth__brand{padding:var(--mc-space-8) var(--mc-space-6);min-height:auto}}
.mc-resources{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--mc-space-4)}
.mc-resource{--c:var(--mc-chamfer-lg);--_bg:var(--mc-bg-surface);position:relative;isolation:isolate;display:grid;gap:var(--mc-space-3);align-content:start;padding:var(--mc-space-6)}
.mc-resource::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--_bg);clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.mc-resource h3{margin:0;font:600 var(--mc-font-size-20)/1.3 var(--mc-font-family-sans)}
.mc-resource h3 a{color:inherit;text-decoration:none}
.mc-resource h3 a::after{content:"";position:absolute;inset:0}
.mc-resource:hover h3 a{text-decoration:underline;text-underline-offset:3px}
.mc-resource p{margin:0;color:var(--mc-text-secondary);font-size:var(--mc-font-size-15)}
.mc-resource--feature{grid-column:1/-1;color:var(--mc-text-on-inverse)}.mc-resource--feature::before{background:var(--mc-bg-inverse)}
.mc-resource--feature p{color:inherit;opacity:.78}
.mc-type{justify-self:start;padding:var(--mc-space-0-5) var(--mc-space-2);font:600 var(--mc-font-size-12)/1.5 var(--mc-font-family-sans);box-shadow:inset 0 0 0 1.5px currentColor;color:var(--mc-text-link)}
.mc-resource--feature .mc-type{color:inherit}
.mc-waterfall{display:grid;gap:var(--mc-space-1-5)}
.mc-waterfall div{display:grid;grid-template-columns:minmax(150px,220px) 1fr 96px;gap:var(--mc-space-3);align-items:center;font-size:var(--mc-font-size-14)}
.mc-waterfall i{display:block;height:28px;margin-left:calc(var(--o,0) * 1%);width:calc(var(--v) * 1%);background:var(--mc-chart-4)}
.mc-waterfall .is-net i{background:var(--mc-chart-1)}
.mc-waterfall .is-dev i{background:var(--mc-chart-1)}
.mc-waterfall .is-mc i{background:var(--mc-chart-2)}
.mc-waterfall b{font:500 var(--mc-font-size-14) var(--mc-font-family-mono);text-align:right}
@media (max-width:640px){.mc-waterfall div{grid-template-columns:1fr 72px}.mc-waterfall i{grid-column:1/-1;grid-row:2}}
.mc-pagehero{padding:var(--mc-space-16) 0 var(--mc-space-12)}
.mc-pagehero .mc-breadcrumb{margin-bottom:var(--mc-space-6)}
.mc-pagehero h1{margin:var(--mc-space-4) 0 0}
.mc-pagehero p.lead{font-size:var(--mc-font-size-20);line-height:1.6;color:var(--mc-text-secondary);max-width:52ch;margin:var(--mc-space-5) 0 var(--mc-space-8)}
.mc-list-check{list-style:none;margin:0;padding:0;display:grid;gap:var(--mc-space-2-5)}
.mc-list-check li{display:grid;grid-template-columns:20px 1fr;gap:var(--mc-space-2-5);align-items:start}
.mc-list-check li svg{width:20px;height:20px;color:var(--mc-status-ready);margin-top:var(--mc-space-0-5)}
.mc-grid{display:grid;gap:var(--mc-space-4)}
.mc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.mc-grid--3,.mc-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mc-grid--2,.mc-grid--3,.mc-grid--4{grid-template-columns:1fr}}
.mc-audit{display:grid;grid-template-columns:auto auto 1fr;gap:var(--mc-space-6);align-items:center}
.mc-audit__src{display:grid;grid-template-columns:repeat(5,24px);gap:var(--mc-space-1-5)}
.mc-audit__src i{width:24px;height:24px;background:var(--mc-bg-inverse);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
.mc-audit__arrow{display:grid;justify-items:center;gap:var(--mc-space-2);font:600 var(--mc-font-size-14) var(--mc-font-family-sans);color:var(--mc-text-link)}
.mc-audit__arrow svg{width:28px;height:28px}
.mc-audit__out{display:grid;gap:var(--mc-space-2-5)}
@media (max-width:760px){.mc-audit{grid-template-columns:1fr}.mc-audit__arrow svg{transform:rotate(90deg)}}
.mc-cscore__status{margin-top:var(--mc-space-2)}
.mc-docs__nav .mc-input{width:100%;min-width:0;flex:none}