#demo-web-invaders{--maze-bg:#f3ece4;--maze-paper:#fbf6ef;--maze-ink:#2d2925;--maze-orange:#c95d14;--maze-orange-soft:rgba(201,93,20,.16);--maze-border:rgba(45,41,37,.16);font-family:Arial,sans-serif;color:var(--maze-ink)}#demo-web-invaders *{box-sizing:border-box}#demo-web-invaders .maze-demo{width:min(1100px,100%);margin:auto;padding:24px;border:1px solid var(--maze-border);background:radial-gradient(circle at 15% 10%,rgba(201,93,20,.08),transparent 30%),var(--maze-bg)}#demo-web-invaders .maze-demo__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}#demo-web-invaders .maze-demo__header h2{margin:4px 0 8px;font-size:clamp(26px,4vw,42px);line-height:1}#demo-web-invaders .maze-demo__header p{max-width:650px;margin:0;line-height:1.6}#demo-web-invaders .maze-demo__eyebrow{color:var(--maze-orange);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#demo-web-invaders .maze-demo__stats{display:grid;grid-template-columns:repeat(3,auto);gap:10px}#demo-web-invaders .maze-demo__stats span{min-width:92px;padding:10px 12px;border:1px solid var(--maze-border);background:rgba(255,255,255,.45);font-size:12px}#demo-web-invaders .maze-demo__stats strong{display:block;margin-top:4px;color:var(--maze-orange);font-size:18px}#demo-web-invaders .maze-demo__controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;padding:16px;border:1px solid var(--maze-border);background:rgba(255,255,255,.35)}#demo-web-invaders .maze-demo__controls label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:13px;font-weight:700}#demo-web-invaders .maze-demo__controls input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--maze-orange)}#demo-web-invaders .maze-demo__seed input{grid-column:1/-1;width:100%;padding:9px 10px;border:1px solid var(--maze-border);background:var(--maze-paper);color:var(--maze-ink)}#demo-web-invaders .maze-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(--maze-orange);background:var(--maze-orange);color:#fff;cursor:pointer;font-weight:700}#demo-web-invaders button:nth-child(n+2){background:0 0;color:var(--maze-orange)}#demo-web-invaders button:disabled{cursor:not-allowed;opacity:.45}#demo-web-invaders .maze-demo__stage{position:relative;margin-top:18px;padding:14px;overflow:hidden;border:1px solid var(--maze-border);background:var(--maze-paper)}#demo-web-invaders canvas{display:block;width:100%;height:auto;min-height:300px;touch-action:none}#demo-web-invaders .maze-demo__legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12px}#demo-web-invaders .maze-demo__legend span{display:flex;gap:6px;align-items:center}#demo-web-invaders .maze-demo__legend i{width:14px;height:14px;border:1px solid rgba(45,41,37,.3)}#demo-web-invaders .legend-current{background:#c95d14}#demo-web-invaders .legend-visited{background:rgba(201,93,20,.16)}#demo-web-invaders .legend-path{background:#2d2925}@media (max-width:760px){#demo-web-invaders .maze-demo{padding:16px}#demo-web-invaders .maze-demo__header{display:block}#demo-web-invaders .maze-demo__stats{margin-top:16px;grid-template-columns:repeat(3,1fr)}#demo-web-invaders .maze-demo__controls{grid-template-columns:1fr 1fr}}@media (max-width:520px){#demo-web-invaders .maze-demo__controls{grid-template-columns:1fr}#demo-web-invaders .maze-demo__stats{grid-template-columns:1fr}#demo-web-invaders .maze-demo__buttons{display:grid;grid-template-columns:1fr 1fr}#demo-web-invaders button{width:100%}}