.pixel-story{position:relative;width:min(640px,calc(100% - 48px));margin:20px auto 64px;background:#101411;color:#edf0e8;border:1px solid #303b31;isolation:isolate}
.pixel-stage{position:relative;padding:20px 24px 12px;height:auto;min-height:0}
.pixel-ambient{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#273229 0,transparent 72%)}
.pixel-story [hidden]{display:none!important}
.pixel-visual{min-width:0;position:relative}
.pixel-model-name{color:#c5d2c1;font:12px 'Space Grotesk',sans-serif;letter-spacing:.025em}
.pixel-model-name span{display:inline;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9cae95;margin-left:12px}
.pixel-viewport{width:100%;height:340px;position:relative;isolation:isolate}
.pixel-viewport::before{content:'10';position:absolute;z-index:-1;inset:0;display:grid;place-items:center;color:#253128;font:600 265px/1 'Space Grotesk',sans-serif;letter-spacing:-.12em;pointer-events:none}
#pixel-poster,#pixel-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
#pixel-canvas{opacity:0;pointer-events:none}.pixel-painted #pixel-canvas{opacity:1}.pixel-painted #pixel-poster{visibility:hidden}
.pixel-shadow{position:absolute;width:60%;height:20px;bottom:4%;left:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);pointer-events:none}
.pixel-label{position:absolute;left:var(--label-x,50%);top:var(--label-y,50%);transform:translate(-50%,-50%);color:#d5eac8;font:9px/1.3 'Space Grotesk',sans-serif;background:#162016ef;padding:4px 6px;border:1px solid #607457;white-space:nowrap;pointer-events:none;z-index:3}
.pixel-start{position:absolute;z-index:5;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#b5e895;color:#182211;border:1px solid #b5e895;min-height:40px;padding:9px 14px;font-size:11px}.pixel-start:disabled{background:#263421;color:#d5eac8}
.pixel-fallback-note{font-size:11px;line-height:1.6;color:#b9c7b3}
.pixel-static-control{position:absolute;z-index:5;right:0;top:8px;width:36px;height:36px;display:grid;place-items:center;color:#c4d7b8;background:#162016cc;border:1px solid #475840;border-radius:50%;padding:0;cursor:pointer}.pixel-static-control:hover{background:#2b3828;color:#edf0e8}
.pixel-play-icon{display:none}.pixel-static-control[aria-pressed=true] .pixel-pause-icon{display:none}.pixel-static-control[aria-pressed=true] .pixel-play-icon{display:block}
.pixel-source-note{width:min(640px,calc(100% - 48px));margin:-48px auto 60px;color:#9eae97;font-size:10px;line-height:1.7}
.pixel-source-note summary{cursor:pointer;font-size:10px;color:#9eae97}.pixel-source-note span{display:block;margin-top:10px}.pixel-source-note a{text-decoration:underline;text-underline-offset:3px}
.pixel-story button:focus-visible,.pixel-source-note summary:focus-visible,.pixel-source-note a:focus-visible{outline:2px solid #edf0e8;outline-offset:4px}
@media(max-width:600px){.pixel-story{width:calc(100% - 40px);margin-block:8px 48px}.pixel-stage{padding:16px 14px 8px}.pixel-viewport{height:260px}.pixel-viewport::before{font-size:210px}.pixel-model-name{font-size:11px}.pixel-model-name span{font-size:8px;margin-left:8px}.pixel-label{font-size:8px;padding:3px 4px}.pixel-source-note{width:calc(100% - 40px);margin:-34px auto 44px}}
@media(prefers-reduced-motion:reduce){.pixel-story *{scroll-behavior:auto;transition:none!important}}