.visualization-container{margin:2rem 0;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.visualization-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:1rem}canvas.game-canvas{display:block;width:100%;aspect-ratio:16 / 9;border-radius:4px;outline:none}.demo-frame{display:block;width:100%;aspect-ratio:16 / 9;border:none;border-radius:4px}.controls{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.controls button{padding:.5rem 1rem;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.01em;border:none;border-radius:6px;cursor:pointer;background:#4c78a8;color:#fff;box-shadow:0 1px 2px #4c78a833,0 0 0 1px #4c78a81a,inset 0 1px #ffffff1a;transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1),background .15s ease}.controls button:hover{background:#3d6691;box-shadow:0 3px 8px #4c78a840,0 0 0 1px #4c78a826,inset 0 1px #ffffff1a;transform:translateY(-1px)}.controls button:active{background:#355a7d;transform:translateY(0);box-shadow:0 1px 2px #4c78a826,0 0 0 1px #4c78a833,inset 0 1px 2px #0000001a}.controls button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;box-shadow:none;transform:none}code{background:#f0f0f0;padding:.2em .4em;border-radius:3px;font-size:.9em}.step-navigator{display:flex;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.step-controls{display:flex;gap:.5rem;flex-shrink:0;align-self:center}.step-btn{width:40px;height:40px;padding:0;font-size:18px;border:none;border-radius:50%;cursor:pointer;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.step-btn:hover:not(:disabled){background:#555;transform:scale(1.05)}.step-btn:active:not(:disabled){background:#222;transform:scale(.95)}.step-btn:disabled{background:#ddd;color:#999;cursor:not-allowed}.step-info{flex:1;min-width:0}.step-counter{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:.25rem}.step-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:700;color:#333;margin-bottom:.25rem;line-height:1.3}.step-description{font-size:.875rem;color:#666;line-height:1.4}