#demo-web-invaders{--cave-bg:#f3ece4;--cave-paper:#fbf6ef;--cave-ink:#2d2925;--cave-orange:#c95d14;--cave-line:rgba(45,41,37,.16);font-family:Arial,sans-serif;color:var(--cave-ink)}#demo-web-invaders *{box-sizing:border-box}#demo-web-invaders .cave-demo{width:min(1100px,100%);margin:auto;padding:24px;border:1px solid var(--cave-line);background:radial-gradient(circle at 12% 8%,rgba(201,93,20,.08),transparent 30%),var(--cave-bg)}#demo-web-invaders .cave-demo__header{display:flex;justify-content:space-between;gap:24px;margin-bottom:20px}#demo-web-invaders .cave-demo__header h2{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}#demo-web-invaders .cave-demo__header p{max-width:680px;margin:0;line-height:1.6}#demo-web-invaders .cave-demo__eyebrow{color:var(--cave-orange);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#demo-web-invaders .cave-demo__stats{display:grid;grid-template-columns:repeat(3,minmax(85px,1fr));gap:8px}#demo-web-invaders .cave-demo__stats span{padding:10px 12px;border:1px solid var(--cave-line);background:rgba(255,255,255,.42);font-size:12px}#demo-web-invaders .cave-demo__stats strong{display:block;margin-top:4px;color:var(--cave-orange);font-size:18px}#demo-web-invaders .cave-demo__controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;padding:16px;border:1px solid var(--cave-line);background:rgba(255,255,255,.35)}#demo-web-invaders .cave-demo__controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;font-weight:700}#demo-web-invaders .cave-demo__controls input{grid-column:1/-1;width:100%;accent-color:var(--cave-orange)}#demo-web-invaders .cave-demo__buttons{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}#demo-web-invaders button{min-height:42px;padding:0 16px;border:1px solid var(--cave-orange);background:var(--cave-orange);color:#fff;cursor:pointer;font-weight:700}#demo-web-invaders button:nth-child(n+2){background:0 0;color:var(--cave-orange)}#demo-web-invaders .cave-demo__stage{margin-top:18px;padding:14px;overflow:auto;border:1px solid var(--cave-line);background:var(--cave-paper)}#demo-web-invaders canvas{display:block;max-width:100%;height:auto;margin:auto;cursor:pointer;image-rendering:pixelated}#demo-web-invaders .cave-demo__hint{margin:10px 0 0;font-size:12px;color:rgba(45,41,37,.7)}@media (max-width:760px){#demo-web-invaders .cave-demo__header{display:block}#demo-web-invaders .cave-demo__stats{margin-top:16px}#demo-web-invaders .cave-demo__controls{grid-template-columns:1fr 1fr}}@media (max-width:520px){#demo-web-invaders .cave-demo{padding:16px}#demo-web-invaders .cave-demo__stats,#demo-web-invaders .cave-demo__controls{grid-template-columns:1fr}#demo-web-invaders .cave-demo__buttons{display:grid}#demo-web-invaders button{width:100%}}