.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-projected-screen{width:100%;height:100%;position:relative;overflow:hidden}.cs-screen-plane{transform-origin:0 0;position:absolute;top:0;left:0}#companions .cs-stage{min-height:480px}.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}#companions .cs-stage{min-height:330px}#companions .cs-motion-arcade{max-width:none}}@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}.cs-motion-arcade{filter:drop-shadow(0 14px 16px #0006);width:100%;max-width:760px;height:auto;margin-inline:auto;display:block}
.as-section .cs-showcase{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.as-display{flex:1;justify-content:center;align-items:center;padding:8px;display:flex}.as-device{filter:drop-shadow(0 20px 20px #0008);width:100%;max-width:620px;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:900px){.as-section .cs-showcase{grid-template-columns:1fr 1fr}}@media (max-width:700px){.as-section .cs-showcase{grid-template-columns:1fr}.as-display{padding:4px}.as-device{max-width:420px}}.as-light-frame{transition:opacity .45s ease-in-out}@media (prefers-reduced-motion:reduce){.as-light-frame{transition:none}}
.cs-section.showcase-section{border-top:0;padding-top:16px}.showcase-heading{justify-content:space-between;align-items:flex-end;gap:24px;min-height:132px;display:flex}.showcase-heading h2{white-space:nowrap}.showcase-heading p{max-width:720px;color:var(--ms-muted);margin:20px 0 0;font-size:16px;line-height:1.8}.showcase-navigation{color:var(--ms-muted);white-space:nowrap;flex:none;align-items:center;gap:12px;font-size:13px;display:flex}.showcase-navigation button{border:1px solid var(--ms-line);background:var(--ms-surface);width:44px;height:44px;color:var(--ms-ink);font:inherit;font-size:22px}.showcase-navigation button:hover:not(:disabled){border-color:var(--ms-ink);background:#14241a}.showcase-navigation button:disabled{opacity:.4;cursor:default}.showcase-section button{cursor:default}.showcase-track{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;cursor:default;align-items:stretch;gap:24px;display:flex;overflow:auto hidden}.showcase-track::-webkit-scrollbar{display:none}.showcase-track.showcase-dragging{scroll-snap-type:none;-webkit-user-select:none;user-select:none}.showcase-card{scroll-snap-align:start;flex:0 0 80%;min-width:0;display:flex}.showcase-card:last-child{scroll-snap-align:end}.showcase-card .cs-showcase{width:100%;min-height:550px}.showcase-card .cs-stage{min-height:550px}.showcase-card .cs-controls{min-width:0}@media (max-width:900px){.showcase-card .cs-showcase{grid-template-columns:1fr 1fr}.showcase-card .cs-stage{min-height:500px}}@media (max-width:700px){.showcase-heading{flex-direction:column;align-items:flex-start;gap:12px;min-height:145px}.showcase-heading h2{font-size:clamp(24px,7vw,40px)}.showcase-heading p{margin-top:8px;font-size:14px;line-height:1.5}.showcase-navigation{align-self:flex-end}.showcase-track{gap:12px}.showcase-card .cs-showcase{flex-direction:column;min-height:800px;display:flex}.showcase-card .cs-stage{flex:none;height:330px;min-height:330px}.showcase-card .cs-controls{flex:1;justify-content:flex-start;padding:16px 12px}.showcase-card .cs-actions button{gap:8px;padding:10px 8px;font-size:12px}.showcase-card .cs-step-detail{padding:12px}.showcase-card .cs-step-detail p{font-size:13px}}@media (max-width:380px){.showcase-card .cs-showcase{min-height:850px}}@media (prefers-reduced-motion:reduce){.showcase-track{scroll-behavior:auto}}
.pc-section{background:#07110b;padding-block:80px 88px}.pc-intro{justify-content:space-between;align-items:end;gap:48px;margin-bottom:28px;display:flex}.pc-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.pc-figure{background:radial-gradient(circle at 18% 82%,#4c957050,#0000 42%),radial-gradient(circle at 80% 20%,#ac5b9840,#0000 40%),#10241a;border:1px solid #426451;place-items:center;min-width:0;height:clamp(480px,58vw,690px);margin:0;display:grid;overflow:hidden}.pc-image-stack{aspect-ratio:3/2;width:123%}.pc-device{filter:drop-shadow(0 22px 20px #0009);width:100%;height:auto;display:block;transform:translate(1%,-4%)}.pc-figure-plugin .pc-image-stack{aspect-ratio:1800/1600}.pc-figure-plugin .pc-device{transform:none}.pc-projected-screens{width:100%;height:100%;position:relative;overflow:hidden}.pc-screen-plane{transform-origin:0 0;position:absolute;top:0;left:0}.pc-live-screen{background:#020b06;position:relative;overflow:hidden}.pc-console-screen{width:768px;height:550px}.pc-panel-screen{width:280px;height:240px}.pc-live-screen img{object-fit:cover;width:100%;height:100%;display:block}.pc-live-screen:after{content:"";pointer-events:none;background:linear-gradient(112deg,#0000 7%,#ffffff12 27%,#0000 43%,#ffffff0d 57%,#0000 74%);position:absolute;inset:0}.pc-image{opacity:0;transition:opacity .24s}.pc-image-active{opacity:1}.pc-panel{border:1px solid var(--ms-line);scrollbar-color:#638c6e #14241a;overflow-anchor:none;scrollbar-gutter:stable;background:#101d15;align-self:start;width:100%;min-width:0;height:clamp(480px,58vw,690px);min-height:0;padding:clamp(22px,3vw,38px);overflow:hidden auto}.pc-panel-top{color:var(--ms-ink);letter-spacing:.11em;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:11px;display:flex}.pc-panel:focus-visible{outline:2px solid var(--ms-bright);outline-offset:-2px}.pc-option-card{background:#14241a;border:1px solid #426451;margin-bottom:12px}.pc-option-card h3{margin:0}.pc-card-toggle{width:100%;color:var(--ms-bright);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:clamp(19px,2vw,25px);display:flex}.pc-card-toggle>span{color:var(--ms-ink);font-size:25px;line-height:1}.pc-card-toggle:focus-visible{outline:2px solid var(--ms-bright);outline-offset:-4px}.pc-card-content{padding:4px 18px 22px}.pc-control-groups{gap:19px;display:grid}.pc-spec-options{gap:10px;display:grid}.pc-spec-options label{color:var(--ms-bright);cursor:pointer;border:1px solid #426451;align-items:center;gap:12px;padding:12px 13px;font-size:14px;line-height:1.35;display:flex}.pc-spec-options label:has(input:checked){border-color:var(--ms-bright);background:#25432e}.pc-spec-options input{accent-color:#99d7a7;flex:none;width:17px;height:17px;margin:0}.pc-spec-options label>span{flex:1}.pc-spec-options label>strong{white-space:nowrap;flex:none;font-weight:500}.pc-spec-options label:has(input:focus-visible){outline:2px solid var(--ms-bright);outline-offset:3px}.pc-hardware-specs{gap:18px;margin-top:22px;display:grid}.pc-spec-choice{border:0;min-width:0;margin:0;padding:0}.pc-spec-choice legend{width:100%;color:var(--ms-bright);margin-bottom:7px;font-size:13px}.pc-spec-choice legend span{color:var(--ms-muted);margin-left:7px}.pc-spec-choice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pc-spec-choice label{cursor:pointer;min-width:0;position:relative}.pc-spec-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pc-spec-choice label span{color:var(--ms-muted);text-align:center;border:1px solid #426451;gap:3px;padding:9px 3px;font-size:13px;display:grid}.pc-spec-choice label strong{font-weight:500}.pc-spec-choice label small{font-size:11px}.pc-spec-choice input:checked+span{border-color:var(--ms-bright);color:var(--ms-bright);background:#25432e}.pc-spec-choice input:focus-visible+span{outline:2px solid var(--ms-bright);outline-offset:3px}.pc-fixed-specs{gap:9px;margin:0;padding-top:2px;display:grid}.pc-fixed-specs>div{border-bottom:1px solid #426451;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.pc-fixed-specs dt{color:var(--ms-muted);font-size:13px}.pc-fixed-specs dd{color:var(--ms-bright);margin:0;font-size:13px}.pc-total{background:#0a170f;border:1px solid #426451;gap:10px;margin:16px 0 22px;padding:18px;display:grid}.pc-total-row,.pc-total-final{justify-content:space-between;gap:12px;display:flex}.pc-total-row{color:var(--ms-muted);font-size:13px}.pc-total-row span:last-child{color:var(--ms-bright);white-space:nowrap}.pc-base-breakdown{border-left:1px solid #426451;gap:7px;margin:-2px 0 4px 7px;padding-left:11px;display:grid}.pc-base-breakdown .pc-total-row{font-size:12px}.pc-processing-label{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.pc-processing-help{color:var(--ms-bright);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;line-height:1}.pc-processing-help:focus-visible{outline:2px solid var(--ms-bright);outline-offset:2px}.pc-processing-info{color:var(--ms-muted);margin:-2px 0 3px;font-size:12px;line-height:1.45}.pc-total-final{color:var(--ms-bright);border-top:1px solid #426451;align-items:baseline;margin-top:3px;padding-top:14px;font-size:16px}.pc-total-final strong{white-space:nowrap;font-size:26px;font-weight:500}.pc-total-final small{color:var(--ms-muted);font-size:11px;font-weight:400}.pc-colors{border:0;min-width:0;margin:0;padding:0}.pc-colors legend{width:100%;color:var(--ms-muted);justify-content:space-between;gap:16px;margin-bottom:3px;font-size:13px;display:flex}.pc-colors legend strong{color:var(--ms-bright);font-weight:400}.pc-swatches{grid-template-columns:repeat(var(--pc-count), minmax(0, 1fr));gap:0;display:grid}.pc-swatches-pairs{gap:12px}.pc-swatches label{cursor:pointer;min-width:0;display:flex;position:relative}.pc-swatches input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pc-swatch{pointer-events:none;width:100%;height:14px;display:block;box-shadow:inset 0 0 0 1px #ffffff29}.pc-swatch-pair{display:flex;overflow:hidden}.pc-swatch-pair>span{flex:1;height:100%}.pc-swatches input:checked+.pc-swatch{z-index:2;outline:2px solid var(--ms-bright);outline-offset:4px;position:relative}.pc-swatches input:focus-visible+.pc-swatch{outline:2px solid var(--ms-bright);outline-offset:3px}.pc-cta{margin-top:0}.pc-footnote{color:var(--ms-muted);margin:12px 0 0;font-size:11px}@media (max-width:900px){.pc-layout{grid-template-columns:1fr}.pc-image-stack{width:100%}.pc-figure,.pc-panel{height:clamp(330px,90vw,760px)}.pc-panel-top{margin-bottom:20px}.pc-control-groups{gap:22px}}@media (max-width:700px){.pc-section{padding-block:56px 64px}.pc-intro{display:block}.pc-panel{padding:24px 18px}}@media (prefers-reduced-motion:reduce){.pc-image{transition:none}}