.ma-lab,.ma-lab *{box-sizing:border-box}.ma-lab{color:var(--c-ink);--ma-mint:color-mix(in srgb,#7da87d 26%,var(--c-paper));--ma-blueish:color-mix(in srgb,#8eb4b1 24%,var(--c-paper));--ma-pink:color-mix(in srgb,#d98c7b 26%,var(--c-paper));--ma-warn:color-mix(in srgb,#e8a317 24%,var(--c-paper));--ma-flow:color-mix(in srgb,#c8a96e 22%,var(--c-paper));background:radial-gradient(circle at 92% 2%,var(--c-glow1),transparent 28rem),radial-gradient(circle at 0 52%,var(--c-glow2),transparent 24rem);padding-bottom:65px;font-family:inherit;line-height:1.7;overflow-x:clip}.ma-lab button,.ma-lab input{font-family:inherit}.ma-lab button{cursor:pointer;color:inherit}.ma-lab a{color:inherit}.ma-lab ::selection{background:var(--c-sun);color:#231d18}.ma-wrap{width:min(1060px,100% - 36px);margin-inline:auto}.ma-kicker{color:var(--c-brick);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.ma-kicker:before{content:"";background:var(--c-orange);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb,var(--c-orange) 11%,transparent);border-radius:50%}.ma-section-nav{border-bottom:1px solid var(--c-muted);flex-wrap:wrap;gap:12px 24px;padding-block:20px;font-size:12px;font-weight:800;display:flex}.ma-section-nav a{text-decoration:none}.ma-section-nav a:hover{color:var(--c-brick)}.ma-lab section{scroll-margin-top:110px}.ma-cap{letter-spacing:.12em;color:#8a3e22;font-size:10px;font-weight:950}.ma-mini{letter-spacing:.08em;color:#8a3e22;font-size:10px;font-weight:950}.ma-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;padding:58px 0 45px;display:grid}.ma-hero h1{letter-spacing:-.055em;margin:20px 0 14px;font-size:clamp(39px,5.4vw,64px);font-weight:950;line-height:1.06}.ma-hero h1 span{color:var(--c-orange)}.ma-lead{max-width:620px;color:var(--c-muted);margin:0;font-size:15px}.ma-goals{color:var(--c-muted);gap:12px;margin-top:18px;font-size:11px;display:flex}.ma-goals>span{color:var(--c-orange);font-size:20px;line-height:1.4}.ma-goals b{color:var(--c-ink)}.ma-hero-card{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:14px;transform:rotate(-1deg)}.ma-hero-card svg{border:1px solid var(--c-line);width:100%;display:block}.ma-hero-note{color:var(--c-muted);margin-top:8px;font-size:10px}.ma-section{padding:39px 0}.ma-section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px;display:flex}.ma-section-head h2{letter-spacing:-.04em;color:var(--c-ink);margin:5px 0 0;font-size:clamp(26px,3.4vw,37px);font-weight:950;line-height:1.15}.ma-section-desc{max-width:460px;color:var(--c-muted);margin:0;font-size:11px}.ma-grid2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ma-grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ma-card{background:var(--c-paper);border:1.5px solid var(--c-line);padding:14px}.ma-card h3{color:var(--c-ink);margin:4px 0 7px;font-size:16px}.ma-card p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin:7px 0;font-size:11px}.ma-note{background:color-mix(in srgb,var(--c-orange) 9%,var(--c-paper));border-left:4px solid var(--c-orange);color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin-top:11px;padding:10px 12px;font-size:10px}.ma-note b{color:var(--c-ink)}.ma-callout{background:var(--c-deep);color:var(--c-deepText);margin-top:12px;padding:12px 15px;font-size:11px}.ma-callout b{color:#ffd36a}.ma-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ma-topline>b{color:var(--c-ink);font-size:13px}.ma-tag{background:color-mix(in srgb,var(--c-paper) 55%,var(--ma-flow));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);color:var(--c-ink);padding:3px 7px;font-size:9px;font-weight:900}.ma-panel{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:14px}.ma-panel h3{color:var(--c-ink);margin:4px 0}.ma-source-note{margin-top:14px}.ma-flow{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;display:grid}.ma-step{background:color-mix(in srgb,var(--c-paper) 55%,var(--ma-flow));border:1px solid var(--c-line);text-align:center;color:color-mix(in srgb,var(--c-muted) 80%,var(--c-ink));padding:10px 8px;font-size:10px;position:relative}.ma-step b{color:var(--c-ink);font-size:12px;display:block}.ma-step:not(:last-child):after{content:"→";z-index:2;color:var(--c-orange);font-weight:1000;position:absolute;top:28%;right:-10px}.ma-lab table{border-collapse:collapse;background:var(--c-paper);border:1.5px solid var(--c-line);width:100%;margin-top:12px;font-size:10px}.ma-lab th,.ma-lab td{text-align:left;border-bottom:1px solid color-mix(in srgb,var(--c-muted) 32%,transparent);vertical-align:top;color:var(--c-ink);padding:8px 9px}.ma-lab th{background:var(--ma-flow);font-size:9px}.ma-lab tr:last-child td{border:0}.ma-demo{grid-template-columns:1fr 240px;gap:12px;margin-top:12px;display:grid}.ma-world{background:color-mix(in srgb,var(--c-paper) 55%,var(--ma-warn));border:1px solid var(--c-line);padding:10px}.ma-world-grid{grid-template-columns:repeat(11,1fr);gap:3px;max-width:620px;margin:auto;display:grid}.ma-cell{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);background:var(--c-paper);place-items:center;font-size:clamp(10px,2vw,17px);display:grid;position:relative}.ma-cell.ma-wall{background:#8e8275;border-color:#6e6257}.ma-cell.ma-door{background:#e8a317}.ma-cell.ma-agent{color:#fff;background:#e85d27;font-weight:950}.ma-cell.ma-obstacle{background:#d7c5a8}.ma-cell.ma-seen{background:#dce6eb}.ma-cell.ma-visible{outline:2px solid var(--c-orange);outline-offset:-2px;background:#fff1d4}.ma-legend{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));flex-wrap:wrap;gap:9px;margin-top:9px;font-size:9px;display:flex}.ma-dot{border:1px solid var(--c-line);vertical-align:middle;width:9px;height:9px;margin-right:4px;display:inline-block}.ma-controls{background:color-mix(in srgb,var(--c-paper) 55%,var(--ma-flow));border:1px solid var(--c-line);padding:12px}.ma-controls label{color:var(--c-ink);margin:8px 0 3px;font-size:10px;font-weight:900;display:block}.ma-controls input[type=range]{width:100%;accent-color:var(--c-orange)}.ma-pad{grid-template-columns:repeat(3,38px);justify-content:center;gap:5px;margin:12px auto;display:grid}.ma-pad button,.ma-btn{border:1.5px solid var(--c-line);background:var(--c-orange);color:#231d18;box-shadow:2px 2px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);cursor:pointer;padding:7px 10px;font-size:10px;font-weight:900}.ma-pad button{height:34px;padding:0}.ma-lab .ma-pad button,.ma-lab .ma-btn{color:#231d18}.ma-pad .ma-pad-blank{visibility:hidden}.ma-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.ma-lab .ma-btn-secondary{background:var(--c-paper);color:var(--c-ink)}.ma-readout{color:color-mix(in srgb,var(--c-muted) 80%,var(--c-ink));background:var(--c-paper);border:1px solid color-mix(in srgb,var(--c-muted) 40%,transparent);min-height:58px;padding:8px;font-size:10px}.ma-prd-box{white-space:pre-wrap;background:color-mix(in srgb,var(--c-paper) 60%,var(--ma-flow));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);color:var(--c-ink);padding:12px;font:11px/1.7 Consolas,Cascadia Code,monospace;overflow:auto}.ma-checks{gap:8px;margin-top:10px;display:grid}.ma-check{cursor:pointer;color:var(--c-ink);align-items:flex-start;gap:8px;font-size:11px;display:flex}.ma-check input{accent-color:var(--c-orange);margin-top:4px}.ma-status{color:#8a3e22;margin-top:9px;font-size:10px;font-weight:900}.ma-status.is-good{color:var(--c-olive)}.ma-flash-topline{margin-bottom:11px}.ma-flash-tip{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));font-size:11px}.ma-flash-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ma-flash{border:1.5px solid var(--c-line);background:var(--c-paper);min-height:145px;box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);text-align:left;cursor:pointer;color:var(--c-ink);flex-direction:column;justify-content:space-between;padding:12px;transition:transform .15s;display:flex}.ma-flash:hover{transform:translateY(-3px)}.ma-flash[aria-expanded=true]{background:var(--ma-mint)}.ma-hint{color:#8a3e22;letter-spacing:.1em;font-size:9px;font-weight:950}.ma-front{color:var(--c-ink);font-size:13px;font-weight:900;line-height:1.45}.ma-back{color:color-mix(in srgb,var(--c-muted) 80%,var(--c-ink));margin-top:10px;font-size:10px}.ma-quiz{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:16px}.ma-quiz-top{border-bottom:1px solid color-mix(in srgb,var(--c-muted) 40%,transparent);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding-bottom:10px;display:flex}.ma-quiz-top>b{color:var(--c-ink);font-size:15px}.ma-counter{color:var(--c-brick);font-size:10px;font-weight:950}.ma-question{border-bottom:1px solid color-mix(in srgb,var(--c-muted) 32%,transparent);padding:10px 0}.ma-question h4{color:var(--c-ink);margin:0 0 7px;font-size:11px}.ma-options{gap:5px;display:grid}.ma-option{background:color-mix(in srgb,var(--c-paper) 60%,var(--ma-flow));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);cursor:pointer;color:var(--c-ink);gap:8px;padding:7px 9px;font-size:10px;display:flex}.ma-option input{accent-color:var(--c-orange)}.ma-feedback{border:1px solid var(--c-line);background:var(--ma-mint);color:var(--c-ink);margin-top:6px;padding:9px 10px;font-size:10px;line-height:1.7;display:none}.ma-feedback.is-good{background:var(--ma-mint);display:block}.ma-feedback.is-warn{background:var(--ma-warn);display:block}.ma-feedback.is-bad{background:var(--ma-pink);display:block}html[data-theme=dark] .ma-lab .ma-kicker,html[data-theme=dark] .ma-lab .ma-cap,html[data-theme=dark] .ma-lab .ma-mini,html[data-theme=dark] .ma-lab .ma-hint,html[data-theme=dark] .ma-lab .ma-status,html[data-theme=dark] .ma-lab .ma-counter,html[data-theme=dark] .ma-lab .ma-status.is-good{color:var(--c-sun)}@media (width<=760px){.ma-hero{grid-template-columns:1fr;gap:24px;padding-top:38px}.ma-hero-card{width:100%;max-width:600px;margin:auto;transform:none}.ma-grid3{grid-template-columns:1fr 1fr}.ma-section-head{display:block}.ma-section-desc{margin-top:7px}.ma-demo{grid-template-columns:1fr}.ma-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ma-controls .ma-pad,.ma-controls .ma-readout{grid-column:1/-1}}@media (width<=560px){.ma-wrap{width:calc(100% - 26px)}.ma-grid2,.ma-grid3,.ma-flash-grid,.ma-flow{grid-template-columns:1fr}.ma-step:not(:last-child):after{content:"↓";top:auto;bottom:-17px;right:50%}.ma-controls{grid-template-columns:1fr}.ma-quiz{padding:13px}.ma-quiz-top{display:block}.ma-counter{margin-top:5px;display:block}.ma-lab table{font-size:10px}.ma-lab th,.ma-lab td{padding:7px 8px}}@media (prefers-reduced-motion:reduce){.ma-lab *,.ma-lab :before,.ma-lab :after{transition:none!important;animation:none!important}}
