:root{--bg0: #041b22;--bg1: #103646;--bg2: #0d5c63;--ink: #eaf6ff;--muted: #b6d7db;--panel: rgba(6, 24, 37, .72);--line: rgba(142, 200, 209, .25);--accent: #f4a261;--accent2: #2a9d8f;--danger: #ff6b6b}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(1200px 400px at 20% -10%,rgba(255,255,255,.18),transparent 55%),radial-gradient(900px 500px at 80% 10%,rgba(255,183,3,.15),transparent 60%),linear-gradient(140deg,var(--bg0),var(--bg1) 55%,var(--bg2))}.page{width:min(1500px,98vw);margin:0 auto;padding:22px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.hero h1{font-family:Sora,sans-serif;margin:0;font-size:clamp(1.5rem,2.2vw,2.4rem);letter-spacing:.3px}.hero p{margin:6px 0 0;color:var(--muted)}.kbd-help{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.kbd-help code{border:1px solid var(--line);background:#102d3f99;border-radius:999px;padding:4px 10px;color:#d7f0f2}.layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff0a}.controls h2,.board-wrap h2{margin:0 0 12px;font-family:Sora,sans-serif;font-size:1.15rem}label{display:grid;gap:6px;margin-bottom:10px;color:var(--muted)}select,input[type=range]{width:100%}select{background:#07202ccc;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px;font-family:inherit}.grid2{display:grid;grid-template-columns:1fr;gap:6px}.grid2 label{display:flex;align-items:center;gap:8px;margin:0}.tool-row,.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}button{border:1px solid var(--line);color:var(--ink);background:#052230cc;border-radius:10px;padding:8px;cursor:pointer;font-family:inherit;transition:transform .18s ease,background .18s ease}button:hover{transform:translateY(-1px);background:#144352cc}button.active,button.primary{background:linear-gradient(120deg,#1f8a80,#e9c46a);color:#102320;font-weight:700}.stats{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.stats p{margin:4px 0;color:#d6edf1;font-size:.95rem}.debug-panel{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#081a26a6}.debug-panel h4{margin:0 0 6px;font-family:Sora,sans-serif;font-size:.95rem;color:#f0f8ff}.debug-panel p{margin:3px 0;font-size:.88rem;color:#cfe9ef}.board-wrap{overflow:auto}.board{display:grid;grid-template-columns:repeat(30,minmax(18px,1fr));gap:2px;min-width:700px;background:#ffffff0d;border-radius:14px;padding:8px}.cell{aspect-ratio:1 / 1;border-radius:4px;border:0;padding:0;font-size:.66rem;display:grid;place-items:center;font-weight:700;color:transparent;-webkit-user-select:none;user-select:none}.cell.empty{background:#d9ecf2}.cell.wall{background:#1a2b3b}.cell.weight{background:#f4a261}.cell.visited{background:#63c5da;animation:pop .25s ease}.cell.path{background:#e9c46a}.cell.start{background:#2a9d8f;color:#07312c}.cell.end{background:var(--danger);color:#3f0d0d}.cell.robot{box-shadow:0 0 0 3px #fff inset;color:#111}@keyframes pop{0%{transform:scale(.75);filter:saturate(1.5)}to{transform:scale(1)}}@media (max-width: 1100px){.layout{grid-template-columns:1fr}.hero{flex-direction:column}.kbd-help{justify-content:flex-start}}