.page.svelte-yf25fh{padding:5rem 0}.page-header.svelte-yf25fh{margin-bottom:3rem}h1.svelte-yf25fh{font-size:clamp(2.5rem,8vw,4rem);margin:1rem 0}.subtitle.svelte-yf25fh{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.visualizer-wrap.svelte-yf25fh{margin-bottom:3rem}.game-shell.svelte-yf25fh{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0003}.robot-bar.svelte-yf25fh{display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap}.bar-label.svelte-yf25fh{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap}.robot-btn.svelte-yf25fh{display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.robot-btn.svelte-yf25fh:hover{color:var(--text-primary);border-color:var(--rc)}.config-btn.svelte-yf25fh{min-width:240px;justify-content:center}.robot-btn-pip.svelte-yf25fh{width:7px;height:7px;border-radius:50%;flex-shrink:0}.game-area.svelte-yf25fh{position:relative;width:100%;height:320px;overflow:visible;background:var(--bg-secondary);background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:40px 40px;background-position:center center;-webkit-user-select:none;user-select:none}.game-svg.svelte-yf25fh{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.robot.svelte-yf25fh{position:absolute;border:2px solid;border-radius:8px;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.robot.svelte-yf25fh:hover{filter:brightness(1.15)}.robot.dragging.svelte-yf25fh{cursor:grabbing;filter:brightness(1.2)}.drag-hint.svelte-yf25fh{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);pointer-events:none;white-space:nowrap}.err-badge.svelte-yf25fh{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .5rem;pointer-events:none}.controls-section.svelte-yf25fh{padding:1rem 1.25rem 1.1rem;border-top:1px solid var(--border)}.section-label.svelte-yf25fh{display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.85rem}.pidf-grid.svelte-yf25fh{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gain-group.svelte-yf25fh{display:flex;flex-direction:column;gap:.35rem}.gain-label.svelte-yf25fh{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary)}.gain-val.svelte-yf25fh{color:var(--text-primary);font-weight:600}.gain-val.muted.svelte-yf25fh{color:var(--text-muted)}input[type=range].svelte-yf25fh{width:100%;accent-color:var(--accent-cyan);cursor:pointer}input[type=range].svelte-yf25fh:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}.disabled-slider.svelte-yf25fh{pointer-events:none}.learn-more.svelte-yf25fh{display:inline-block;margin-top:.3rem;font-family:var(--font-mono);font-size:.68rem;text-decoration:none;color:var(--accent-cyan);opacity:.9}.learn-more.svelte-yf25fh:hover{text-decoration:underline;opacity:1}.graph-section.svelte-yf25fh{padding:.9rem 1.25rem 1rem;border-top:1px solid var(--border);background:#0000001a}.graph-header.svelte-yf25fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.err-graph.svelte-yf25fh{display:block;width:100%}.time-readout.svelte-yf25fh{display:flex;flex-direction:column;gap:.1rem;margin-top:.3rem;font-family:var(--font-mono)}.time-label.svelte-yf25fh{font-size:.64rem;letter-spacing:.12em;color:var(--text-muted)}.time-value.svelte-yf25fh{font-size:.9rem;color:var(--text-primary);font-weight:600}.action-row.svelte-yf25fh{display:flex;gap:.75rem;padding:.9rem 1.25rem;border-top:1px solid var(--border)}.btn.svelte-yf25fh{padding:.45rem 1.1rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.82rem;cursor:pointer;border:1px solid transparent;transition:all .15s}.btn-secondary.svelte-yf25fh{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}.btn-secondary.svelte-yf25fh:hover{color:var(--text-primary)}.hint-panel.svelte-yf25fh{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;border-top:1px solid var(--border);font-size:.88rem;line-height:1.5;background:#fbbf240f;color:var(--text-secondary)}.hint-icon.svelte-yf25fh{font-size:1rem;flex-shrink:0}.content.svelte-yf25fh h2:where(.svelte-yf25fh){margin-bottom:2rem;text-align:center}.grid-2.svelte-yf25fh{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.card.svelte-yf25fh{background:var(--bg-card);border:1px solid var(--border);padding:2rem;border-radius:var(--radius-lg)}.card.svelte-yf25fh h3:where(.svelte-yf25fh){margin-bottom:1rem;color:var(--accent-cyan)}.card.svelte-yf25fh p:where(.svelte-yf25fh),.card.svelte-yf25fh li:where(.svelte-yf25fh){color:var(--text-body);font-size:.95rem;line-height:1.6}.card.svelte-yf25fh ul:where(.svelte-yf25fh){list-style:none;padding:0}.card.svelte-yf25fh li:where(.svelte-yf25fh){margin-bottom:.75rem}.callout.svelte-yf25fh{background:var(--gradient-hero);border:1px solid var(--border-subtle);padding:3rem 2rem;border-radius:var(--radius-xl);text-align:center;margin-top:4rem}.callout.svelte-yf25fh h3:where(.svelte-yf25fh){margin-bottom:1rem}.callout.svelte-yf25fh p:where(.svelte-yf25fh){color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.badge.svelte-yf25fh{display:inline-block;padding:.3rem .8rem;background:#74d7ed1a;color:var(--accent-cyan);border-radius:var(--radius-pill);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.btn-link.svelte-yf25fh{display:inline-block;padding:.8rem 1.8rem;background:var(--gradient-accent);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:transform .2s}.btn-link.svelte-yf25fh:hover{transform:translateY(-2px)}@media(max-width:520px){.pidf-grid.svelte-yf25fh{grid-template-columns:1fr 1fr}.robot-bar.svelte-yf25fh{gap:.5rem}.robot-btn.svelte-yf25fh{font-size:.72rem;padding:.25rem .5rem}.action-row.svelte-yf25fh{flex-wrap:wrap}.config-btn.svelte-yf25fh{min-width:0;width:100%;justify-content:center}}