@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";:root{--bg: #2e026d;--panel: #0f1724;--accent: #eb5737;--text: #e6eef8;--muted: #9fb7cc;--wall: #dde3ff;--visited: #2a5fff22;--frontier: #ffd00022;--path: #24d5a155;--start: #2bff88aa;--goal: #ff6b6baa;--player: #ffffff}*{box-sizing:border-box}body{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,#15162c,var(--bg));font-family:geist-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{padding:16px;height:100dvh;display:flex;flex-direction:column;align-items:center;color:var(--text);text-align:center}.header{text-align:center;margin:8px 0}header h1{margin:0;font-size:clamp(16px,2.6vw,28px)}header p{margin:4px 0 0;font-size:clamp(12px,1.6vw,14px);color:var(--muted)}.panel{background:var(--panel);margin-top:12px;padding:12px;border-radius:8px;gap:12px;display:flex;align-items:flex-end;justify-content:center}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;color:var(--muted)}input,select{padding:6px;border-radius:4px;border:1px solid #2a3053;background:#0e1120;color:var(--text)}input[type=range]{width:140px}.buttons{display:flex;gap:8px}button{padding:8px 12px;border:none;border-radius:6px;background:linear-gradient(180deg,#2341ff,#1529aa);color:#fff;cursor:pointer;font-weight:600}button.warning{background:linear-gradient(180deg,#ffcf33,#caa11c);color:#0a0c16}button:disabled{opacity:.6;cursor:not-allowed}canvas{flex-grow:1;aspect-ratio:1;background:#0b0f20;margin-top:12px;border-radius:8px}.legend{margin-top:8px;font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.swatch{width:12px;height:12px;border:1px solid #2a3053;border-radius:2px;display:inline-block}.sw-visited{background:var(--visited)}.sw-frontier{background:var(--frontier)}.sw-path{background:var(--path)}.sw-start{background:var(--start)}.sw-goal{background:var(--goal)}.sw-player{background:var(--player)}.hint{margin-left:auto;font-size:12px;color:var(--muted)}