#demo-web-invaders,#demo-web-invaders *{box-sizing:border-box}#demo-web-invaders.scrolling-demo{width:min(100%,1100px);margin:0 auto;padding:32px;border:1px solid #d7c6b8;border-radius:14px;background:#f8f3ed;color:#302923;font-family:system-ui,sans-serif}#demo-web-invaders .scrolling-demo__intro{margin-bottom:22px;text-align:center}#demo-web-invaders .scrolling-demo__intro h1{margin:0 0 8px;font-size:clamp(28px,5vw,42px)}#demo-web-invaders .scrolling-demo__intro p{margin:0;color:#6e5f54}#demo-web-invaders .scrolling-demo__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}#demo-web-invaders .scrolling-demo__controls{display:flex;gap:8px}#demo-web-invaders button{min-width:46px;min-height:42px;padding:9px 15px;border:1px solid #b8622a;border-radius:7px;background:#fffaf5;color:#7e3f18;font:inherit;font-weight:700;cursor:pointer;touch-action:none}#demo-web-invaders button:hover,#demo-web-invaders button:focus-visible,#demo-web-invaders button.is-active{background:#b8622a;color:#fff}#demo-web-invaders .scrolling-demo__stage{position:relative;overflow:hidden;border:2px solid #473b32;border-radius:10px;background:#eadccf}#demo-web-invaders .scrolling-demo__canvas{display:block;width:100%;height:auto;aspect-ratio:2/1}#demo-web-invaders .scrolling-demo__help{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:5px;background:rgba(37,29,24,.74);color:#fff;font-size:12px;pointer-events:none}#demo-web-invaders .scrolling-demo__data{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:15px;font-size:14px}#demo-web-invaders .scrolling-demo__data strong{color:#a34f1d}@media (max-width:640px){#demo-web-invaders.scrolling-demo{padding:18px}#demo-web-invaders .scrolling-demo__toolbar{align-items:stretch}#demo-web-invaders .scrolling-demo__reset{min-width:0}#demo-web-invaders .scrolling-demo__help{display:none}}