.mc-page{max-width:1000px;margin:0 auto;padding:clamp(28px,6vw,72px) 20px 64px;color:var(--lz-ink);font-family:var(--lz-font-sans,inherit)}.mc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:28px;align-items:center;overflow:hidden;min-height:340px;padding:clamp(28px,6vw,64px);border:2px solid var(--lz-ink);border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--lz-accent) 22%,var(--lz-surface)),var(--lz-surface-2));box-shadow:8px 8px 0 color-mix(in srgb,var(--lz-ink) 20%,transparent)}.mc-hero-copy{position:relative;z-index:2;max-width:620px}.mc-kicker{font:700 11px/1 var(--lz-font-mono,monospace);letter-spacing:.16em;color:var(--lz-accent);margin:0 0 14px}.mc-hero h1{font-size:clamp(38px,7vw,72px);letter-spacing:-.05em;margin:0 0 12px}.mc-lead{font-size:clamp(16px,2.5vw,21px);max-width:520px;line-height:1.6;margin:0 0 22px}.mc-hero-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--lz-ink-2);font-size:13px}.mc-dot{display:inline-block;width:9px;height:9px;background:var(--lz-danger);margin-right:6px;box-shadow:2px 2px 0 #0003}.mc-dot.is-online{background:var(--lz-ok)}.mc-copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px}.mc-copy-row code{padding:10px 12px;background:var(--lz-surface);border:1px solid var(--lz-hair);font:600 14px var(--lz-font-mono,monospace)}.mc-button{border:2px solid var(--lz-ink);background:var(--lz-surface);color:var(--lz-ink);padding:9px 13px;font:700 12px inherit;cursor:pointer;box-shadow:3px 3px 0 color-mix(in srgb,var(--lz-ink) 35%,transparent);transition:transform .15s}.mc-button:hover{transform:translate(-1px,-1px)}.mc-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0003}.mc-button--primary{background:var(--lz-accent);color:var(--lz-on-accent)}.mc-hero-art{position:relative;inset:auto;left:auto;pointer-events:none;align-self:stretch;min-height:260px}.mc-cloud{position:absolute;right:10%;top:18%;width:120px;height:20px;background:var(--lz-surface);box-shadow:22px -14px 0 var(--lz-surface),52px 0 0 var(--lz-surface),-110px 36px 0 var(--lz-surface)}.mc-hill{position:absolute;bottom:62px;right:-5%;width:70%;height:130px;background:var(--lz-accent);clip-path:polygon(0 100%,30% 32%,48% 65%,67% 0,100% 100%);opacity:.5}.mc-water{position:absolute;bottom:0;left:0;right:0;height:64px;background:repeating-linear-gradient(0deg,var(--lz-accent) 0 5px,transparent 5px 14px);opacity:.35}.mc-section{margin-top:clamp(46px,8vw,82px)}.mc-section-heading h2{font-size:clamp(26px,4vw,38px);margin:0 0 10px}.mc-section-heading>p:last-child{max-width:650px;line-height:1.7;color:var(--lz-ink-2)}.mc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mc-feature,.mc-play-info,.mc-steps>div{padding:22px;border:1px solid var(--lz-hair);background:var(--lz-surface);box-shadow:4px 4px 0 color-mix(in srgb,var(--lz-ink) 12%,transparent)}.mc-steps b{display:block;color:var(--lz-accent);font:700 24px var(--lz-font-mono);margin-bottom:22px}.mc-feature h3,.mc-steps strong{display:block;font-size:17px;margin-bottom:8px}.mc-feature p,.mc-play-info p,.mc-steps p{color:var(--lz-ink-3);font-size:14px;line-height:1.6;margin:0}.mc-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mc-pixel-icon{display:block;width:38px;height:38px;margin-bottom:18px;background:var(--lz-accent);position:relative;box-shadow:4px 4px 0 color-mix(in srgb,var(--lz-ink) 25%,transparent)}.mc-pixel-icon i,.mc-pixel-icon:after,.mc-pixel-icon:before{content:"";position:absolute;background:var(--lz-surface)}.mc-pixel-icon--grass:before{inset:8px 0 0}.mc-pixel-icon--grass:after{width:10px;height:8px;left:6px;top:3px}.mc-pixel-icon--circuit:before{width:26px;height:5px;left:6px;top:16px}.mc-pixel-icon--circuit:after{width:5px;height:25px;left:16px;top:7px}.mc-pixel-icon--brick:before{inset:7px 0 0;background:repeating-linear-gradient(0deg,var(--lz-surface) 0 4px,transparent 4px 10px)}.mc-pixel-icon--sign:before{width:28px;height:20px;left:5px;top:5px}.mc-pixel-icon--sign:after{width:5px;height:12px;left:16px;top:25px}.mc-play-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:14px}.mc-canvas-wrap{position:relative;min-height:280px;overflow:hidden;border:2px solid var(--lz-ink);background:#75cde0;cursor:crosshair}.mc-canvas-wrap canvas{display:block;width:100%;height:100%;min-height:280px}.mc-canvas-hint{left:14px;bottom:12px;padding:5px 8px;font-size:12px}.mc-bubble,.mc-canvas-hint{position:absolute;background:var(--lz-surface)}.mc-bubble{top:16px;right:16px;padding:9px 12px;border:2px solid var(--lz-ink);box-shadow:3px 3px 0 #0003;font-size:13px}.mc-play-info strong{display:block;font:700 52px var(--lz-font-mono);color:var(--lz-accent);margin:12px 0 0}.mc-fact{display:flex;align-items:center;gap:10px;width:100%;margin:22px 0;padding:10px;text-align:left;border:1px dashed var(--lz-hair);background:var(--lz-surface-2);color:var(--lz-ink);cursor:pointer;line-height:1.5}.mc-fact .mc-pixel-icon{transform:scale(.6);transform-origin:left center;margin:0 -12px 0 0}.mc-footnote{text-align:center;color:var(--lz-ink-3);font-size:12px;margin-top:52px}@media(max-width:700px){.mc-page{padding-inline:14px}.mc-hero{min-height:420px;padding:28px 22px}.mc-feature-grid,.mc-play-grid,.mc-steps{grid-template-columns:1fr 1fr}.mc-feature-grid .mc-feature:last-child{grid-column:span 2}.mc-play-grid{grid-template-columns:1fr}.mc-canvas-wrap{min-height:240px}}@media(max-width:480px){.mc-feature-grid,.mc-steps{grid-template-columns:1fr}.mc-feature-grid .mc-feature:last-child{grid-column:auto}.mc-copy-row code{width:100%}.mc-copy-row .mc-button{flex:1 1}.mc-hero-art{opacity:.4}}@media(prefers-reduced-motion:reduce){.mc-button{transition:none}}.mc-page{font-family:var(--lz-font-mono,ui-monospace),var(--lz-font-sans,sans-serif)}.mc-hero{background:var(--lz-surface-2);box-shadow:8px 8px 0 color-mix(in srgb,var(--lz-ink) 24%,transparent)}.mc-hero-art{opacity:1;image-rendering:pixelated}.mc-hero-art svg{width:100%;height:100%;image-rendering:pixelated}.mc-feature,.mc-play-info,.mc-steps>div{border:2px solid var(--lz-ink);border-radius:0}.mc-pixel-icon{image-rendering:pixelated;border-radius:0}.mc-canvas-wrap{background:#245d86;image-rendering:pixelated}.mc-bubble{border-radius:0}.mc-bubble:after{content:"";position:absolute;bottom:-8px;left:22px;width:8px;height:8px;background:var(--lz-surface);border-right:2px solid var(--lz-ink);border-bottom:2px solid var(--lz-ink);transform:skewY(-35deg)}.mc-entry-pixel{background:#55bfd0!important;clip-path:polygon(0 20%,20% 20%,20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%)!important}.mc-entry-pixel:before{content:"";position:absolute;left:8px;top:17px;width:25px;height:13px;background:#f08a51;box-shadow:8px -5px 0 #f8c76b}.mc-entry-pixel:after{content:"";position:absolute;right:5px;top:10px;border:6px solid transparent;border-left-color:#f08a51}.mc-entry-pixel i{width:5px!important;height:5px!important;background:#18243a!important}.mc-entry-pixel i:first-child{left:17px!important;top:18px!important}.mc-entry-pixel i:nth-child(2),.mc-entry-pixel i:nth-child(3){display:none}@media(max-width:700px){.mc-hero{grid-template-columns:1fr;gap:18px}.mc-hero-art{order:2;min-height:200px;opacity:.85}.mc-hero-copy{order:1;max-width:none}}.mc-live{position:relative;border:2px solid var(--lz-ink);background:var(--lz-surface-2);box-shadow:6px 6px 0 color-mix(in srgb,var(--lz-ink) 18%,transparent);overflow:hidden}.mc-live img{display:block;width:100%;height:auto;image-rendering:auto}.mc-live span{position:absolute;right:10px;bottom:10px;padding:4px 8px;background:var(--lz-surface);border:1px solid var(--lz-hair);font:600 11px var(--lz-font-mono,monospace);color:var(--lz-ink-2)}.mc-live--off{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--lz-ink-3);font-size:14px}.mc-back{position:fixed;top:14px;left:14px;z-index:50;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:var(--lz-surface);color:var(--lz-ink);border:2px solid var(--lz-ink);box-shadow:4px 4px 0 color-mix(in srgb,var(--lz-ink) 22%,transparent);font:700 13px var(--lz-font-mono,monospace);text-decoration:none;transition:transform .15s ease}.mc-back:hover{transform:translate(-1px,-1px)}.mc-back:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0003}.mc-back:focus-visible{outline:2px solid var(--lz-accent);outline-offset:2px}@media (max-width:480px){.mc-back{top:10px;left:10px;padding:8px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.mc-back{transition:none}}