.snake-demo.svelte-5rnpia{--snake-body: #22c55e;--snake-head: #15803d;--food: #dc2626;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:1.5rem;padding-top:calc(clamp(24px,4vw,48px) + 72px);max-width:100%;display:flex;flex-direction:column;align-items:center}.demo-intro.svelte-5rnpia{width:min(60rem,100%);margin-bottom:1.5rem}.demo-intro.svelte-5rnpia h1:where(.svelte-5rnpia){margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem)}.demo-intro.svelte-5rnpia p:where(.svelte-5rnpia){margin:0;color:#475569}.controls.svelte-5rnpia{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--article-border, #e2e8f0)}.controls-group.svelte-5rnpia{display:flex;flex-direction:column;gap:.25rem}.controls-group--checkbox.svelte-5rnpia{justify-content:flex-end}.control-label.svelte-5rnpia{font-size:.8125rem;font-weight:600;color:#64748b}.checkbox-label.svelte-5rnpia{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#475569;cursor:pointer}.control-checkbox.svelte-5rnpia{width:1rem;height:1rem}.control-input.svelte-5rnpia{box-sizing:border-box;padding:.4rem .6rem;font-size:.9rem;border:1px solid #cbd5e1;border-radius:6px;background:var(--input-bg, #fff);min-width:4.5rem;min-height:2.25rem}select.control-input.svelte-5rnpia{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem;background-color:var(--input-bg, #fff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.75rem}.control-input--narrow.svelte-5rnpia{width:4rem}.controls-actions.svelte-5rnpia{display:flex;gap:.5rem;align-items:flex-end}.btn.svelte-5rnpia{padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:6px;border:1px solid transparent;min-height:2.25rem}.btn.svelte-5rnpia:disabled{opacity:.6;cursor:not-allowed}.btn--primary.svelte-5rnpia{background:var(--snake-head);color:#fff}.btn--primary.svelte-5rnpia:not(:disabled){background:var(--snake-body)}.btn--secondary.svelte-5rnpia{background:#fff;color:#475569;border:1px solid #cbd5e1}.demo-area.svelte-5rnpia{display:flex;flex-direction:column;align-items:center;width:100%}.demo-grid.svelte-5rnpia{display:grid;grid-auto-rows:180px;gap:0;box-sizing:border-box}.demo-cell.svelte-5rnpia{box-sizing:border-box;width:180px;height:180px;min-width:0;overflow:hidden}.demo-cell.svelte-5rnpia .snake-grid{max-width:100%;min-width:0;width:180px;height:180px}.demo-cell.svelte-5rnpia .snake-grid .grid{min-width:0;width:180px;height:180px;max-width:180px;max-height:180px;flex-shrink:0;border-right:none;border-bottom:none}.demo-cell.last-col.svelte-5rnpia .snake-grid .grid{border-right:1px solid #cbd5e1}.demo-cell.last-row.svelte-5rnpia .snake-grid .grid{border-bottom:1px solid #cbd5e1}.status.svelte-5rnpia{text-align:center;margin:.75rem 0 0;font-size:.8rem;color:#64748b;line-height:1.4}@media (max-width: 700px){.controls.svelte-5rnpia{flex-direction:column;align-items:stretch}}