:root{--font-heading: "ABC Diatype", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Egyptienne", Georgia, serif;--color-text: #1a1a1a;--color-text-muted: #555;--line-height-body: 1.65;--line-height-heading: 1.2}.visualization-container{margin:2rem 0;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.visualization-title{font-family:var(--font-heading);font-size:.8rem;font-weight:700;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}.controls{display:flex;gap:10px;margin-top:1rem;flex-wrap:wrap}.controls button{padding:10px 20px;font-size:14px;border:none;border-radius:6px;cursor:pointer;background:#333;color:#fff;transition:background .2s}.controls button:hover{background:#555}.controls button:active{background:#222}.controls button:disabled{background:#ccc;cursor:not-allowed}.controls button.active{background:#06c}.controls button.active:hover{background:#07e}.toggle-group{display:flex;gap:6px;margin-top:1rem}.toggle-btn{padding:8px 14px;font-size:13px;font-weight:500;border:1px solid #ddd;border-radius:4px;cursor:pointer;background:#fff;color:#555;transition:all .15s}.toggle-btn:hover{border-color:#999;color:#333}.toggle-btn.active{background:#333;border-color:#333;color:#fff}.toggle-btn.active:hover{background:#444;border-color:#444}.slide-toggle{display:flex;align-items:center;gap:12px;margin-top:1rem}.slide-toggle-label{font-size:13px;font-weight:600;color:#666;transition:color .2s}.slide-toggle-label.active{color:#333}.slide-toggle-track{width:44px;height:24px;background:#ddd;border-radius:12px;cursor:pointer;position:relative;transition:background .2s}.slide-toggle-track:hover{background:#ccc}.slide-toggle-track.active{background:#333}.slide-toggle-track.active:hover{background:#444}.slide-toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.slide-toggle-track.active .slide-toggle-thumb{transform:translate(20px)}.step-navigator{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.step-controls{display:flex;gap:.5rem;flex-shrink:0}.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:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:.25rem}.step-title{font-family:var(--font-heading);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}