/* Preserve the site's cat artwork, berry ink, lavender, and gold palette. */
.demo-intro{padding-block:48px 24px;max-width:960px}.demo-intro h1{font-size:clamp(38px,5vw,62px)}.demo-intro p{max-width:760px}.demo-stage{position:relative;width:100%;max-width:960px;margin:auto;aspect-ratio:16/9;background:#382537;border:3px solid var(--ink);border-radius:16px;overflow:hidden}.demo-cover{position:relative;width:100%;height:100%}.demo-cover img{width:100%;height:100%;object-fit:cover}.demo-cover button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:180px;cursor:pointer}.demo-cover button:hover{transform:translate(-50%,-50%)}#unity-canvas{width:100%;height:100%;display:block}#unity-canvas[hidden],[hidden]{display:none!important}button{font:inherit;color:inherit}button:focus-visible,canvas:focus-visible{outline:3px solid var(--red);outline-offset:4px}.demo-controls{max-width:960px;margin:14px auto 0;display:flex;justify-content:space-between;align-items:start;gap:16px}.demo-controls p{font-size:14px;color:var(--muted)}.demo-controls button{background:none;border:0;text-decoration:underline;cursor:pointer;white-space:nowrap}#demo-progress{display:block;width:100%;max-width:960px;margin:0 auto 16px;accent-color:var(--red)}#demo-error{padding:16px;background:var(--pink);border:1px solid var(--red);max-width:960px;margin:auto}.mobile-demo-option{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.mobile-demo-option p{font-size:16px;margin:0;max-width:58ch}.mobile-demo-option .button{flex-shrink:0;font-size:15px;padding:12px 16px}.demo-details{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-block:52px}.demo-details h2,.demo-editions h2{font-size:32px}.demo-details p{max-width:60ch}.demo-editions{padding-block:30px 48px;border-top:1px solid var(--line)}.edition-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:26px 0}.edition-list article{display:flex;flex-direction:column;align-items:start}.edition-list h3{font-size:23px;margin-bottom:14px}.edition-list p{font-size:16px;flex:1}.edition-list .button{font-size:14px;padding:12px 16px}.demo-editions .note{font-size:13px;color:var(--muted);max-width:85ch}.play-strip{padding-block:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--line);margin-block:24px}.play-strip p{margin:0;max-width:60ch}.play-strip .button{flex-shrink:0}
.demo-complete{max-width:960px;margin:20px auto 0;padding:24px 28px;background:var(--purple);border:2px solid var(--ink);border-radius:12px}.demo-complete h2{font-size:32px;margin-bottom:12px}.demo-complete>p{max-width:72ch;font-size:16px}.demo-complete-stores{display:flex;gap:24px 36px;flex-wrap:wrap;margin:20px 0 12px}.demo-complete-stores>div{flex:1 1 250px}.demo-complete-stores p{font-size:14px;max-width:38ch;margin:12px 0 0}.demo-complete .note{font-size:13px;color:var(--muted);margin-bottom:0}.hero .demo-home-actions{gap:18px}.hero .demo-home-mobile{font-size:14px;color:var(--muted);max-width:50ch;margin-bottom:0}.hero .demo-home-mobile a{font-weight:700}
@media(max-width:760px){.mobile-demo-option{flex-direction:column;align-items:flex-start;gap:14px}.demo-details{grid-template-columns:1fr;gap:24px;padding-block:32px}.edition-list{grid-template-columns:1fr;gap:26px}.edition-list article{border-bottom:1px solid var(--line);padding-bottom:24px}.demo-intro{padding-top:32px}.demo-controls{flex-wrap:wrap}.play-strip{align-items:start;flex-direction:column}.demo-stage{border-radius:8px}.demo-details h2,.demo-editions h2,.demo-complete h2{font-size:28px}.demo-complete{padding:20px}.demo-complete-stores{gap:20px}.hero .demo-home-actions .button{min-width:190px}}

.demo-sharing{max-width:960px;margin:20px auto;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--purple);display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}.demo-sharing>div{flex:1 1 360px}.demo-sharing p{font-size:15px;max-width:65ch;margin:8px 0 0}.demo-sharing .note{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.demo-sharing button{cursor:pointer}.demo-sharing input{width:100%;min-width:0;padding:12px;font:inherit;color:var(--ink);border:1px solid var(--ink);border-radius:6px}.demo-sharing #demo-share-status{flex-basis:100%;margin:0}.demo-sharing #demo-share-status:empty{display:none}.demo-new-link{max-width:960px;margin:16px auto}