:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.58}.app{overflow-anchor:none;min-height:100vh;padding:clamp(18px,4vw,44px);transition:background .2s,color .2s}.app.dark{--bg:#0b1220;--surface:#101827;--surface-strong:#142033;--line:#94a3b83d;--text:#f4f7ff;--muted:#aeb9d7;--accent:#3b82f6;--accent-2:#38bdf8;--wall:#0f172a;--water:#0ea5e9;--mud:#92400e;--empty:#94a3b824;--visited:#38bdf8;--path:#facc15;--grid-line:#6077a057;--good:#34d399;--bad:#fb7185;--danger:#dc2626;--danger-soft:#7f1d1d57;--danger-text:#fecaca;--shadow:0 10px 28px #0003;background:var(--bg);color:var(--text)}.app.light{--bg:#f6f8fb;--surface:#fff;--surface-strong:#fff;--line:#0f172a24;--text:#101827;--muted:#526179;--accent:#2563eb;--accent-2:#0284c7;--wall:#111827;--water:#0ea5e9;--mud:#b45309;--empty:#2563eb14;--visited:#0ea5e9;--path:#eab308;--grid-line:#485b7d3d;--good:#047857;--bad:#be123c;--danger:#dc2626;--danger-soft:#fee2e2f5;--danger-text:#991b1b;--shadow:0 10px 24px #0f172a14;background:var(--bg);color:var(--text)}.hero-panel,.workspace,.panel,.board-card,.onboarding-card,.compare-card{width:min(1420px,100%);margin-inline:auto}.hero-panel,.panel,.board-card,.onboarding-card,.compare-card,.info-box,.stats-grid article,.status-message{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:10px}.hero-panel{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:16px 24px;display:flex}.hero-copy{min-width:0}.hero-title-row{align-items:center;gap:clamp(14px,3vw,28px);display:flex}.pathlab-logo{flex:none;width:112px;height:112px}.pathlab-logo img{width:100%;height:100%;display:block}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.language-switch{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:8px;padding:5px;display:inline-flex}.flag-button{opacity:.72;filter:saturate(.9);background:0 0;justify-content:center;align-items:center;width:52px;min-width:52px;height:42px;padding:0;display:inline-flex;position:relative}.flag-button.active{opacity:1;filter:saturate();background:#3b82f624;border-color:#3b82f6b3}.flag-button:not(.active):hover{opacity:.9;filter:saturate()}.flag-svg{border-radius:5px;width:34px;height:24px;display:block;overflow:hidden}.flag,.flag-de,.flag-uk,.flag-emoji{display:none}.icon-theme-toggle,.icon-button,.history-button{justify-content:center;align-items:center;width:48px;min-width:48px;height:42px;padding:0;line-height:1;display:inline-flex}.icon-theme-toggle{width:52px;min-width:52px;font-size:1.08rem}.history-button{font-size:1.35rem}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.4rem,6vw,5rem);line-height:.95}h2{margin-bottom:14px}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.78rem;font-weight:800}.hero-text{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:1.7}button,select,.theme-toggle{border:1px solid var(--line);background:var(--surface-strong);color:var(--text);border-radius:8px;padding:10px 13px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}button:hover:not(:disabled),select:hover:not(:disabled){border-color:#3b82f68c}button.active,button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.active:hover,button.primary:hover{background:#1d4ed8}.workspace{grid-template-columns:300px minmax(0,1fr) 330px;align-items:stretch;gap:18px;display:grid}.board-column{grid-template-rows:auto 1fr;gap:20px;height:100%;display:grid}.panel,.board-card{padding:16px}.controls-panel{gap:16px;height:100%;display:grid}label{color:var(--muted);gap:8px;font-weight:700;display:grid}select,input[type=range]{width:100%}input[type=range]{accent-color:var(--accent)}.tool-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.tool-button span{font-weight:900}.tool-button.mud span{justify-content:center;align-items:center;width:12px;height:12px;font-size:0;display:inline-flex}.tool-button.mud span:before{content:"";background:currentColor;border-radius:999px;width:4px;height:4px}.tool-button.erase{background:var(--danger-soft);color:var(--danger-text);border-color:#f8717175;font-weight:900}.tool-button.erase:hover:not(:disabled),.tool-button.erase.active{background:var(--danger);color:#fff;border-color:#f87171cc}.node-tools{gap:8px;width:max-content;display:inline-flex}.node-tool{flex:0 0 48px;justify-content:center;align-items:center;width:48px;min-width:48px;height:42px;padding:0;display:inline-flex}.node-swatch{border-radius:3px;width:24px;height:18px;display:block;box-shadow:inset 0 0 0 1px #ffffff38}.node-swatch.start{background:#22c55e}.node-swatch.target{background:#ef4444}.helper-card strong,.tip-box strong,.info-box strong{margin-bottom:6px;display:block}.helper-card p,.tip-box p,.info-box p{margin:0}.board-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.9rem;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{border:1px solid var(--line);border-radius:4px;width:12px;height:12px;display:inline-block}.legend-dot.start{background:#22c55e}.legend-dot.target{background:#ef4444}.legend-dot.wall{background:var(--wall)}.legend-dot.water{background:var(--water)}.legend-dot.mud{background:var(--mud)}.legend-dot.visited{background:var(--visited)}.legend-dot.path{background:var(--path)}.legend-dot.empty{background:var(--empty)}.board-cost-pill{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);border-radius:999px;flex:none;padding:8px 12px;font-weight:800}.board-cost-pill strong,.stats-grid strong{color:var(--accent-2)}.grid{border:1px solid var(--line);background:var(--empty);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;gap:0;width:100%;display:grid;overflow:hidden}.cell{appearance:none;aspect-ratio:1;border:1px solid var(--grid-line);background:var(--empty);background-clip:padding-box;border-radius:0;width:100%;min-width:0;margin:0;padding:0;transition:background .12s,box-shadow .12s;display:block}.cell:hover:not(:disabled){box-shadow:inset 0 0 0 2px #ffffff2e}.cell.start{background:#22c55e}.cell.target{background:#ef4444}.cell.wall{--merge-color:var(--wall);background:var(--wall)}.cell.water{--merge-color:var(--water);background:var(--water)}.cell.mud{--merge-color:var(--mud);background:var(--mud)}.cell.visited{--merge-color:var(--visited);background:var(--visited)}.cell.path{--merge-color:var(--path);background:var(--path)}.merged-cell.merge-up{border-top-color:var(--merge-color)}.merged-cell.merge-down{border-bottom-color:var(--merge-color)}.merged-cell.merge-left{border-left-color:var(--merge-color)}.merged-cell.merge-right{border-right-color:var(--merge-color)}.onboarding-card,.compare-card{margin-bottom:22px;padding:22px 24px}.onboarding-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.onboarding-card h2{margin-bottom:8px}.onboarding-card p,.info-panel p{color:var(--muted);line-height:1.6}.onboarding-card ul{color:var(--text);margin:12px 0 0;padding-left:20px;line-height:1.7}.action-panel{flex-direction:column;justify-content:flex-start;height:100%;min-height:226px;padding-top:6px;display:flex}.action-panel-head{margin-bottom:20px}.action-panel-head h2{margin-bottom:0}.action-panel-grid{gap:18px;display:grid}.top-action-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.maintenance-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.action-status{margin-top:0}.status-message{color:var(--muted);padding:14px;line-height:1.5}.info-panel{overflow-anchor:none;height:100%}.algorithm-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.algorithm-header h2{margin:0}.clue-button{align-items:center;gap:8px;padding:9px 12px;font-size:.9rem;font-weight:900;display:inline-flex}.clue-button span{line-height:1}.clue-button.active{border-color:#facc158c;box-shadow:0 0 0 3px #facc151f}.explanation-box label{margin-bottom:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.stats-grid article,.info-box{background:var(--surface-strong);box-shadow:none;padding:13px}.stats-grid strong{font-size:1.35rem;display:block}.stats-grid span{color:var(--muted);font-size:.82rem}.info-box{margin-bottom:10px}.stable-hover-box{min-height:112px}.compare-card{margin-top:36px}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:860px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 14px}.compare-table th{color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.compare-table td{color:var(--text)}.highlight-scorecard{justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:330px;display:flex}.metric-groups{align-items:center;gap:10px;display:inline-flex}.metric-group{align-items:center;gap:6px;min-height:34px;display:inline-flex}.metric-divider{background:var(--line);width:1px;height:30px}.metric-icon{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:inline-flex;position:relative}.metric-icon.positive{background:#34d3991f;border-color:#34d39959}.metric-icon.negative{background:#fb71851f;border-color:#fb718561}.metric-icon:after{content:attr(aria-label);border:1px solid var(--line);background:var(--surface-strong);width:max-content;max-width:220px;color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:10;border-radius:8px;padding:7px 9px;font-size:.78rem;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.metric-icon:hover:after{opacity:1;transform:translate(-50%)translateY(-2px)}.metric-score{border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:30px;margin-left:auto;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.positive-score{color:var(--good);background:#34d3991f;border:1px solid #34d39957}.negative-score{color:var(--bad);background:#fb71851f;border:1px solid #fb718561}.metric-counter,.positive-counter,.negative-counter{display:none}.app-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;font-size:.9rem;display:flex}.app-footer a{color:var(--accent-2);font-weight:800;text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{text-decoration:underline}@media (width<=1120px){.workspace{grid-template-columns:1fr}.hero-panel,.onboarding-card{flex-direction:column;align-items:stretch}.hero-title-row{align-items:center}.top-actions{justify-content:flex-start}.theme-toggle{justify-self:start}.action-panel{min-height:unset}.action-status{margin-top:16px}.highlight-scorecard{min-width:260px}}@media (width<=640px){.app{padding:12px}.hero-panel,.panel,.board-card,.onboarding-card,.compare-card{padding:14px}.hero-title-row{gap:12px}.pathlab-logo{width:82px;height:82px}}