.path-shell{max-width:1080px;margin:auto;padding:2.5rem 1.2rem 5rem}.path-shell>header{max-width:760px;margin-bottom:2rem}.path-shell h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.3}.path-lead{font-size:1.08rem;color:var(--muted);line-height:1.8}.path-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}.path-panel{padding:1.5rem;background:#f4f7f2;border:1px solid #cdd8cf;border-radius:22px}.path-stage-head{display:flex;justify-content:space-between;gap:1rem;align-items:end}.path-stage-head h2{margin:.2rem 0;font-size:1.25rem}.path-stage-head p{margin:0;color:var(--muted)}.path-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.path-stats div{display:grid;gap:.2rem;text-align:center;padding:.5rem;border-radius:10px;background:#fff}.path-stats small{font-size:.72rem;color:#52635e}.path-stats strong{font-size:1.35rem;font-variant-numeric:tabular-nums;color:#173d36}.path-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:430px;margin:1rem auto}.path-cell{aspect-ratio:1;border:0;border-radius:12px;font:700 .72rem/1.1 inherit;cursor:pointer;touch-action:manipulation;position:relative}.path-cell.teal{background:#a8d9d0;color:#174e45}.path-cell.gold{background:#f1cf72;color:#5d4509}.path-cell.start{background:#d7e3e0;color:#24453f}.path-cell.goal{background:#324c63;color:#fff}.path-cell.wall{background:#d9d9d3;cursor:default}.path-cell.player{outline:4px solid #9c3671;outline-offset:-4px;font-size:1.5rem}.path-cell.collected{filter:saturate(.55);opacity:.8}.path-cell:focus-visible{outline:4px solid #1d70e8;outline-offset:2px}.path-cell:disabled{cursor:default}.path-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem}.path-controls .button{padding:.7rem 1rem}.path-controls button:disabled{opacity:.5}.path-pad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,48px);justify-content:center;gap:6px;margin:1rem 0}.path-pad button{border:1px solid #9bb3ae;background:#fff;border-radius:10px;font-size:1.2rem}.path-pad button[data-direction=up]{grid-column:2}.path-pad button[data-direction=left]{grid-column:1;grid-row:2}.path-pad button[data-direction=down]{grid-column:2;grid-row:2}.path-pad button[data-direction=right]{grid-column:3;grid-row:2}.path-setting{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem}.path-message{min-height:3.6em;line-height:1.7}.path-help{padding:1.4rem;border:1px solid var(--line);border-radius:16px;line-height:1.8}.path-help h2{font-size:1.2rem}.path-help ol{padding-left:1.2rem}.path-help li{margin-bottom:.7rem}.path-help p{font-size:.9rem}@media(max-width:760px){.path-layout{grid-template-columns:1fr}.path-panel{padding:1rem}.path-grid{gap:5px}.path-stats strong{font-size:1.15rem}.path-stage-head{align-items:start}.path-shell{padding-top:1.5rem}}@media(prefers-reduced-motion:reduce){.path-cell{transition:none}}