.ma-body{background:var(--bg-0);color:var(--ink);font-family:var(--font-body);margin:0}.ma-stage{isolation:isolate;--ma-panel:color-mix(in srgb, var(--bg-1) 74%, transparent);--ma-edge:var(--stroke);height:calc(100svh - 57px);min-height:560px;position:relative;overflow:hidden}.ma-canvas{cursor:grab;position:absolute;inset:0}.ma-canvas:active{cursor:grabbing}.ma-canvas canvas{opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) var(--ease-standard);display:block}.ma-stage.is-ready .ma-canvas canvas{opacity:1}.ma-loading{place-content:center;gap:var(--space-sm);color:var(--ink-faint);font:500 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:opacity var(--duration-slow) var(--ease-standard);justify-items:center;display:grid;position:absolute;inset:0}.ma-loading span{background:var(--ink-faint);transform-origin:0;width:46px;height:2px;animation:1.5s cubic-bezier(.4,0,.2,1) infinite ma-build;position:absolute}.ma-loading span:first-child{top:calc(50% - 16px)}.ma-loading span:nth-child(2){animation-delay:.14s;top:50%}.ma-loading span:nth-child(3){animation-delay:.28s;top:calc(50% + 16px)}.ma-loading p{margin:46px 0 0}@keyframes ma-build{0%{opacity:.25;transform:scaleX(.06)}55%{opacity:.85;transform:scaleX(1)}to{opacity:.25;transform:scaleX(.06)}}.ma-stage.is-ready .ma-loading{opacity:0;pointer-events:none}.ma-topbar{inset:var(--space-md) var(--space-lg) auto;justify-content:space-between;align-items:flex-start;gap:var(--space-md);pointer-events:none;display:flex;position:absolute}.ma-topbar>*{pointer-events:auto}.ma-brand{align-items:center;gap:var(--space-sm);display:flex}.ma-mark{border:1px solid var(--ink-faint);border-radius:3px;flex:none;width:26px;height:26px;position:relative}.ma-mark:before,.ma-mark:after{content:"";background:var(--ink-faint);position:absolute}.ma-mark:before{height:1px;inset:6px 6px auto}.ma-mark:after{width:1px;inset:6px auto 6px 50%}.ma-brand-text{line-height:1.25;display:grid}.ma-brand-text strong{font:600 .78rem/1.2 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-bright)}.ma-brand-text em{font:400 .66rem/1.3 var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);font-style:normal}.ma-tabs{gap:var(--space-3xs);padding:var(--space-3xs);border:1px solid var(--ma-edge);border-radius:var(--radius-md);background:var(--ma-panel);display:flex}.ma-tab{align-items:baseline;gap:0 var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--ink-dim);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;grid-template-columns:auto auto;display:grid}.ma-tab-no{font:500 .62rem/1 var(--font-mono);color:var(--ink-faint);grid-row:1/span 2}.ma-tab-name{font:600 .82rem/1.25 var(--font-display)}.ma-tab-era{font:400 .62rem/1.2 var(--font-mono);color:var(--ink-faint);letter-spacing:.08em;grid-column:2}.ma-tab:hover{background:var(--surface-1);color:var(--ink)}.ma-tab[aria-pressed=true]{background:var(--surface-2);color:var(--ink-bright)}.ma-tab[aria-pressed=true] .ma-tab-no{color:var(--ink)}.ma-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-intro{left:var(--space-lg);top:calc(var(--space-md) + 62px);gap:var(--space-xs);pointer-events:none;width:min(23rem,34vw);display:grid;position:absolute}.ma-intro>*{pointer-events:auto}.ma-kicker{font:500 .66rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0}.ma-intro h1{font:600 clamp(1.9rem, 3.2vw, 2.9rem) / 1.02 var(--font-display);letter-spacing:-.02em;color:var(--ink-bright);margin:0}.ma-subtitle{font:400 .86rem/1.4 var(--font-body);color:var(--ink-dim);margin:0}.ma-blurb{margin:var(--space-2xs) 0 0;max-width:30ch;font:400 .82rem/1.6 var(--font-body);color:var(--ink-dim)}.ma-facts{margin:var(--space-xs) 0 0;gap:var(--space-3xs);max-width:30ch;padding:0;list-style:none;display:grid}.ma-facts li{justify-content:space-between;gap:var(--space-sm);padding:var(--space-2xs) 0;border-bottom:1px solid var(--stroke);font:400 .72rem/1.4 var(--font-mono);display:flex}.ma-facts span{color:var(--ink-faint);white-space:nowrap}.ma-facts strong{color:var(--ink);text-align:right;font-weight:500}.ma-parts-wrap{margin-top:var(--space-md)}.ma-panel-title{margin:0 0 var(--space-xs);font:500 .64rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.ma-panel-title-sep{margin-top:var(--space-md)}.ma-parts{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.ma-part{align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-xs);border:1px solid var(--ma-edge);border-radius:var(--radius-pill);background:var(--ma-panel);color:var(--ink-dim);font:500 .7rem/1.4 var(--font-body);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);display:inline-flex}.ma-part:hover{color:var(--ink-bright);border-color:var(--stroke-strong)}.ma-part:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-part[aria-pressed=false]{opacity:.42}.ma-dot{background:var(--ink);border-radius:50%;flex:none;width:6px;height:6px}.ma-part[aria-pressed=false] .ma-dot{box-shadow:inset 0 0 0 1px var(--ink-faint);background:0 0}.ma-part-n{color:var(--ink-faint);font-family:var(--font-mono);font-size:.66rem}.ma-panel{right:var(--space-lg);top:calc(var(--space-md) + 62px);overscroll-behavior:contain;width:min(19rem,30vw);max-height:calc(100% - 200px);padding:var(--space-md);border:1px solid var(--ma-edge);border-radius:var(--radius-lg);background:var(--ma-panel);position:absolute;overflow-y:auto}.ma-panel-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.ma-ghost-btn{color:var(--ink-faint);font:500 .68rem/1 var(--font-body);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:0}.ma-ghost-btn:hover{color:var(--ink-bright);background:var(--surface-1)}.ma-ghost-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-params{gap:var(--space-sm);display:grid}.ma-param{gap:var(--space-3xs) var(--space-sm);grid-template-columns:1fr auto;align-items:baseline;display:grid}.ma-param label{font:400 .76rem/1.3 var(--font-body);color:var(--ink-dim)}.ma-param output{font:500 .72rem/1.3 var(--font-mono);color:var(--ink-bright);font-variant-numeric:tabular-nums}.ma-param input[type=range]{grid-column:1/-1}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--stroke-strong);border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--stroke-strong);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink-bright);width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:0;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--ink-bright);border:0;border-radius:50%;width:12px;height:12px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft)}.ma-readout{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.ma-readout li{justify-content:space-between;gap:var(--space-sm);font:400 .72rem/1.5 var(--font-mono);font-variant-numeric:tabular-nums;display:flex}.ma-readout span{color:var(--ink-faint)}.ma-readout strong{color:var(--ink);font-weight:500}.ma-actions{margin-top:var(--space-md);gap:var(--space-2xs);flex-wrap:wrap;display:flex}.ma-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--ma-edge);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--ink);font:500 .74rem/1.4 var(--font-body);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);white-space:nowrap;flex:auto}.ma-btn:hover{background:var(--surface-2);color:var(--ink-bright);border-color:var(--stroke-strong)}.ma-btn:active{transform:translateY(1px)}.ma-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-btn:disabled{opacity:.5;cursor:progress}.ma-btn[data-busy]:after{content:"";vertical-align:-1px;border:1px solid;border-top-color:#0000;border-radius:50%;width:8px;height:8px;margin-left:6px;animation:.7s linear infinite ma-spin;display:inline-block}@keyframes ma-spin{to{transform:rotate(360deg)}}.ma-btn-accent{background:var(--ink-bright);color:var(--bg-0);border-color:#0000}.ma-btn-accent:hover{background:var(--ink);color:var(--bg-0)}.ma-dock{left:50%;bottom:var(--space-md);align-items:center;gap:var(--space-md);padding:var(--space-2xs) var(--space-md);border:1px solid var(--ma-edge);border-radius:var(--radius-lg);background:var(--ma-panel);max-width:calc(100% - var(--space-lg) * 2);display:flex;position:absolute;transform:translate(-50%)}.ma-play{align-items:center;gap:var(--space-xs);padding:var(--space-2xs);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;background:0 0;border:0;display:flex}.ma-play:hover{background:var(--surface-1)}.ma-play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-play-icon{border:1px solid var(--stroke-strong);border-radius:50%;flex:none;width:26px;height:26px;position:relative}.ma-play-icon:before,.ma-play-icon:after{content:"";background:var(--ink);width:2px;height:9px;position:absolute;top:50%;transform:translateY(-50%)}.ma-play-icon:before{left:9px}.ma-play-icon:after{right:9px}.ma-play[aria-pressed=false] .ma-play-icon:before{border-left:8px solid var(--ink);background:0 0;border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;left:9px}.ma-play[aria-pressed=false] .ma-play-icon:after{display:none}.ma-play-text{text-align:left;line-height:1.2;display:grid}.ma-play-text em{font:400 .6rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-style:normal}.ma-play-text strong{font:500 .78rem/1.2 var(--font-body);color:var(--ink-bright)}.ma-slider{align-items:center;gap:0 var(--space-sm);grid-template-columns:1fr auto;min-width:8.5rem;display:grid}.ma-slider>span{font:400 .6rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.ma-slider>output{font:500 .68rem/1.2 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.ma-slider input{grid-column:1/-1}.ma-toggle{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--ma-edge);border-radius:var(--radius-pill);color:var(--ink-dim);font:500 .72rem/1.4 var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0}.ma-toggle:hover{color:var(--ink-bright);background:var(--surface-1)}.ma-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-toggle[aria-pressed=true],.ma-toggle[aria-expanded=true]{background:var(--ink-bright);color:var(--bg-0);border-color:#0000}.ma-stats{gap:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--stroke);margin:0;display:flex}.ma-stats div{display:grid}.ma-stats dt{font:400 .58rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.ma-stats dd{font:500 .8rem/1.2 var(--font-mono);color:var(--ink-bright);font-variant-numeric:tabular-nums;margin:0}.ma-source{left:var(--space-lg);bottom:calc(var(--space-md) + 4.6rem);overscroll-behavior:contain;width:min(26rem,40vw);max-height:min(52%,26rem);padding:var(--space-md);border:1px solid var(--ma-edge);border-radius:var(--radius-lg);background:var(--ma-panel);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);position:absolute;overflow-y:auto;transform:translateY(12px)}.ma-source-open .ma-source{opacity:1;pointer-events:auto;transform:none}.ma-source-open .ma-intro .ma-parts-wrap{display:none}.ma-source-note{margin:0 0 var(--space-sm);font:400 .72rem/1.5 var(--font-body);color:var(--ink-dim)}.ma-code{gap:var(--space-sm);display:grid}.ma-code-block{margin:0}.ma-code-block figcaption{font:500 .64rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-3xs)}.ma-code-block pre{padding:var(--space-sm);border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--surface-1);font:400 .7rem/1.55 var(--font-mono);color:var(--ink);white-space:pre;margin:0;overflow-x:auto}.ma-label{padding:var(--space-3xs) var(--space-xs);border:1px solid var(--on-scrim-stroke);border-radius:var(--radius-sm);background:var(--scrim-strong);pointer-events:none;z-index:3;gap:1px;display:grid;position:absolute;top:0;left:0}.ma-label strong{font:500 .72rem/1.3 var(--font-body);color:var(--on-scrim-bright)}.ma-label span{font:400 .6rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-scrim-dim)}.ma-hint{right:var(--space-lg);bottom:var(--space-sm);font:400 .62rem/1.3 var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);pointer-events:none;margin:0;position:absolute}.ma-toast{left:50%;bottom:calc(var(--space-md) + 88px);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);background:var(--ink-bright);color:var(--bg-0);font:500 .76rem/1.4 var(--font-body);z-index:4;animation:.24s ma-toast-in;position:absolute;transform:translate(-50%)}@keyframes ma-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.ma-explain{max-width:1180px;padding:var(--space-2xl) var(--space-lg) var(--space-2xl);gap:var(--space-xl);margin:0 auto;display:grid}.ma-explain-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.ma-explain h2{margin:0 0 var(--space-xs);font:600 1.05rem/1.3 var(--font-display);color:var(--ink-bright)}.ma-explain p{font:400 .88rem/1.65 var(--font-body);color:var(--ink-dim);margin:0}.ma-next{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.ma-next-card{gap:var(--space-3xs);padding:var(--space-md);border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface-1);transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);text-decoration:none;display:grid}.ma-next-card:hover{border-color:var(--stroke-strong);background:var(--surface-2);transform:translateY(-2px)}.ma-next-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-next-card strong{font:600 .92rem/1.3 var(--font-display);color:var(--ink-bright)}.ma-next-card span{font:400 .8rem/1.5 var(--font-body);color:var(--ink-dim)}@media (width<=1180px){.ma-intro{width:min(19rem,40vw)}.ma-panel{width:min(16.5rem,34vw)}.ma-source{width:min(22rem,46vw)}.ma-hint{display:none}}@media (width<=900px){.ma-stage{height:auto;min-height:0;padding-bottom:7rem;display:block;overflow:visible}.ma-canvas{height:58svh;min-height:340px;position:relative;inset:auto}.ma-loading{height:58svh;min-height:340px;inset:0 0 auto}.ma-topbar{inset:var(--space-sm) var(--space-md) auto;align-items:center}.ma-brand-text em{display:none}.ma-intro,.ma-panel,.ma-source{width:auto;max-width:none;max-height:none;margin:var(--space-lg) var(--space-md) 0;opacity:1;pointer-events:auto;position:static;overflow:visible;transform:none}.ma-intro{display:grid}.ma-source{display:none}.ma-source-open .ma-source,.ma-source-open .ma-intro .ma-parts-wrap{display:block}.ma-blurb,.ma-facts{max-width:none}.ma-dock{max-width:none;padding:var(--space-2xs) var(--space-md) calc(var(--space-2xs) + env(safe-area-inset-bottom));gap:var(--space-sm);z-index:5;border-bottom:0;border-left:0;border-right:0;border-radius:0;flex-wrap:wrap;position:fixed;bottom:0;left:0;right:0;transform:none}.ma-play{flex:none}.ma-slider{flex:7rem;min-width:6.5rem}.ma-toggle{flex:none}.ma-stats{border-left:0;border-top:1px solid var(--stroke);padding-left:0;padding-top:var(--space-3xs);flex:100%;order:5;justify-content:space-between}.ma-label,.ma-hint{display:none}.ma-toast{position:fixed;bottom:7.5rem}.ma-explain{padding-top:var(--space-xl)}}@media (width<=520px){.ma-canvas,.ma-loading{height:50svh;min-height:280px}.ma-tab-era{display:none}.ma-tab{padding:var(--space-2xs) var(--space-xs)}.ma-btn{flex:42%}.ma-stats{gap:var(--space-sm)}.ma-stage{padding-bottom:8.5rem}.ma-toast{bottom:9rem}}@media (prefers-reduced-motion:reduce){.ma-canvas canvas,.ma-next-card,.ma-source,.ma-btn{transition:none}.ma-loading span{animation:none;transform:scaleX(1)}}