:root{--bg: #eef3f9;--ink: #1d2b3a;--muted: #4a5c70;--accent: #1c5b8f;--go: #2c9c4a;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;border:none;border-radius:10px;min-height:44px;padding:.45rem 1rem;background:#dbe4ef;color:var(--ink);cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:default}button.run{background:var(--go);color:#fff;font-weight:700}button.secondary{background:#dbe4ef}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-bar{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:var(--accent);color:#fff}.app-bar h1{margin:0;font-size:1.05rem;white-space:nowrap}.level-picker{display:flex;gap:.3rem;overflow-x:auto;padding:.15rem 0;scrollbar-width:thin}.chip{flex:0 0 auto;min-width:2.2rem;min-height:2.2rem;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.55);background:transparent;color:#fff;font-weight:700}.chip.solved{background:var(--go);border-color:var(--go)}.chip.current{outline:3px solid #ffd23f;outline-offset:1px}.brief{padding:.4rem .75rem 0}.brief h2{margin:0;font-size:1rem}.brief p{margin:.1rem 0 0;font-size:.9rem;color:var(--muted)}.puzzle{flex:1;min-height:0;display:flex;gap:.6rem;padding:.6rem}.stage{flex:1 1 42%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:.4rem}.stage-inner{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size}.maze{position:relative;display:grid;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #1428462e}.cell-wall{background:#3f6b4a;box-shadow:inset 0 0 0 1px #0000001f}.cell-path{background:#ece3cd;box-shadow:inset 0 0 0 1px #5a462814}.flag{width:100%;height:100%}.walker{position:absolute;display:flex;align-items:center;justify-content:center;transition:left .18s ease,top .18s ease,transform .18s ease}.walker svg{width:86%;height:86%;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.walker-bump svg{animation:bump .3s ease}@keyframes bump{0%,to{transform:translateY(0)}40%{transform:translateY(-14%)}}.status{margin:0;min-height:1.4em;text-align:center;font-weight:600;font-size:.95rem}.status-lose{color:#c0392b}.status-win{color:var(--go)}.status-running{color:var(--accent)}.status-idle{color:var(--muted)}.editor{flex:1 1 58%;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #1428462e}.controls{display:flex;align-items:center;gap:.45rem;padding:.45rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.blocks-left{font-size:.9rem;font-weight:600;color:var(--muted)}.speed{margin-left:auto;display:flex;gap:.2rem}.speed-option{min-width:44px;padding:.35rem .5rem;background:transparent}.speed-option.chosen{background:#dbe4ef}.block-editor{flex:1;min-height:0;position:relative}.win{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f1e2d8c;padding:1rem;z-index:1000}.win-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;text-align:center;max-width:22rem;box-shadow:0 10px 30px #0000004d}.win-card h2{margin:0 0 .35rem;color:var(--go)}.win-card p{margin:0 0 1rem;color:var(--muted)}.win-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}@media (max-width: 860px),(orientation: portrait){.puzzle{flex-direction:column}.stage{flex:0 0 36%}.editor{flex:1 1 auto}}