.cs-section{width:min(var(--ms-width), calc(100% - 80px));border-top:1px solid var(--ms-line);margin-inline:auto;padding:80px 0;scroll-margin-top:24px}.cs-heading{margin:0 auto 32px}.cs-heading h2>span{color:var(--ms-bright)}.cs-heading>p{max-width:720px;color:var(--ms-muted);margin:20px 0 0;font-size:16px;line-height:1.8}.cs-showcase{border:1px solid var(--ms-line);grid-template-columns:1.1fr 1fr;margin:auto;display:grid}.cs-stage{background:radial-gradient(#17382980,#0000 70%),radial-gradient(#8dffbd20 1px,#0000 1px) 0 0/16px 16px;flex-direction:column;min-width:0;display:flex;position:relative}.cs-display{flex:1;justify-content:center;align-items:center;padding:8px 32px;display:flex}.cs-device{filter:drop-shadow(0 24px 24px #0008);width:100%;max-width:360px;height:auto;display:block;overflow:visible}.cs-screen{background:#000;width:280px;height:240px;position:relative;overflow:hidden}.cs-screen img,.cs-screen canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.cs-screen-error{bottom:0;color:var(--ms-bright);background:#020603ed;padding:8px;font-size:10px;position:absolute;inset-inline:0}.cs-controls{border-left:1px solid var(--ms-line);background:var(--ms-surface);flex-direction:column;justify-content:center;gap:16px;min-width:0;padding:28px;display:flex}.cs-actions{gap:8px;display:grid}.cs-actions button{width:100%;min-height:52px;color:var(--ms-ink);border:1px solid var(--ms-line);text-align:left;background:0 0;border-radius:0;align-items:center;gap:14px;padding:14px;font-size:14px;display:flex}.cs-action-arrow{margin-left:auto}.cs-actions button:hover{border-color:var(--ms-ink);background:#14241a}.cs-actions button[aria-expanded=true]{background:var(--ms-ink);color:var(--ms-bg);border-color:var(--ms-ink)}@media (max-width:900px){.cs-section{padding-block:64px}.cs-showcase{grid-template-columns:1fr 1fr}.cs-controls{padding:24px}.cs-display{padding:12px}.cs-heading{align-items:flex-start}}@media (max-width:700px){.cs-section{width:calc(100% - 40px);padding:56px 0}.cs-heading{margin-bottom:24px;display:block}.cs-showcase{grid-template-columns:1fr}.cs-controls{border-left:0;border-top:1px solid var(--ms-line);padding:20px 16px}.cs-display{padding:8px 24px}.cs-device{max-width:250px}}@media (prefers-reduced-motion:reduce){.cs-section{scroll-behavior:auto}}.modstyle .cs-step h3{letter-spacing:0;margin:0;font-size:12px;line-height:1.5}.cs-step-number{opacity:.8;font-size:12px}.cs-step-detail{border:1px solid var(--ms-line);border-top:0;padding:16px}.cs-step-detail p{color:var(--ms-muted);margin:0;font-size:16px;line-height:1.7}.cs-step-detail .cs-example{color:var(--ms-bright);margin-top:12px}.cs-device{transform-origin:50% 58%;transition:transform .16s ease-out}@media (prefers-reduced-motion:reduce){.cs-device{transition:none}}.cs-stage-motion .cs-display{flex:none;width:100%;margin:auto;padding:0;display:block;position:relative}.cs-motion-arcade{filter:drop-shadow(0 14px 16px #0006);width:100%;height:auto;display:block}.cs-stage-motion .cs-device{filter:drop-shadow(0 10px 10px #0009);width:31%;max-width:none;transition:none;position:absolute;bottom:0;right:1%}
.as-display{flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.as-device{filter:drop-shadow(0 20px 20px #0008);width:100%;max-width:530px;height:auto;display:block}.as-screen{color:#8dffbd;background:#020b06;width:768px;height:550px;font:24px/1.5 Courier New,monospace;overflow:hidden}.as-game-screen{width:100%;height:100%;position:relative}.as-game-screen>img{object-fit:cover;width:100%;height:100%;display:block}.as-screen-heading{background:#020b06;border-bottom:2px solid #345541;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;font-size:24px;display:flex}.as-game-screen .as-screen-heading{position:absolute;inset:0 0 auto}.as-screen-heading small{color:#98b6a2;font-size:16px}.as-screen-title{letter-spacing:-.05em;margin:24px 28px;font-size:40px}.as-game-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 28px;display:grid}.as-game-grid>div{border:2px solid #345541;min-width:0}.as-game-grid img{object-fit:cover;width:100%;height:160px;display:block}.as-game-grid span{padding:14px 10px;font-size:21px;display:block}.as-screen-footer{color:#98b6a2;margin:34px 28px 0;font-size:20px}.as-publish-card{align-items:center;gap:28px;margin:40px 28px 28px;display:flex}.as-publish-card img{object-fit:cover;border:2px solid #345541;width:310px;height:235px}.as-publish-card p{margin:0 0 18px;font-size:36px}.as-publish-card span{color:#98b6a2}.as-publish-label{color:#020b06;text-align:center;background:#8dffbd;margin:0 28px;padding:20px;font-size:24px}@media (max-width:700px){.as-display{padding:8px}.as-device{max-width:360px}}.as-light-frame{transition:opacity .45s ease-in-out}@media (prefers-reduced-motion:reduce){.as-light-frame{transition:none}}