.pf-wrap{width:100%;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:1.1rem}.pf-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.pf-btn{font-family:Courier New,monospace;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;color:#ffe0cc;background:rgba(255,107,31,.12);border:1px solid rgba(255,107,31,.45);border-radius:8px;padding:.7rem 1.2rem;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .1s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pf-btn:hover:not(:disabled){background:rgba(255,107,31,.28);box-shadow:0 0 18px rgba(255,107,31,.45)}.pf-btn:active:not(:disabled){transform:translateY(1px)}.pf-btn:disabled{opacity:.45;cursor:not-allowed}.pf-btn--ghost{color:#ffb3a3;background:rgba(255,91,46,.1);border-color:rgba(255,91,46,.45)}.pf-btn--ghost:hover:not(:disabled){background:rgba(255,91,46,.25);box-shadow:0 0 18px rgba(255,91,46,.4)}.pf-status{text-align:center;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;color:rgba(255,224,204,.85);min-height:1.2em}.pf-grid{display:grid;grid-gap:2px;gap:2px;padding:10px;border-radius:14px;background:rgba(20,8,3,.55);border:1px solid rgba(255,107,31,.25);box-shadow:0 0 40px rgba(255,107,31,.15),inset 0 0 30px rgba(0,0,0,.5);aspect-ratio:30/18;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pf-cell{width:100%;height:100%;border-radius:3px;background:hsla(20,45%,61%,.06);border:1px solid hsla(20,45%,61%,.08);display:flex;align-items:center;justify-content:center;cursor:crosshair;transition:background .15s ease,transform .15s ease}.pf-cell:hover{background:rgba(255,107,31,.15)}.pf-cell--wall{background:linear-gradient(145deg,#6b2d1a,#3a160c);border-color:rgba(255,120,70,.3);animation:wall-pop .2s ease}@keyframes wall-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.pf-cell--visited{background:rgba(255,107,31,.35);border-color:rgba(255,107,31,.5);animation:visited-pulse .4s ease}@keyframes visited-pulse{0%{transform:scale(.3);background:rgba(255,130,40,.9);border-radius:50%}to{transform:scale(1);border-radius:3px}}.pf-cell--path{background:linear-gradient(145deg,#ffd34d,#ff9b2e);border-color:rgba(255,220,120,.8);box-shadow:0 0 10px rgba(255,180,60,.7);animation:path-pop .3s ease}@keyframes path-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.pf-cell--end,.pf-cell--start{background:rgba(0,0,0,.2)}.pf-icon{font-size:clamp(10px,1.6vw,18px);line-height:1;filter:drop-shadow(0 0 6px rgba(255,107,31,.8))}.pf-legend{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;font-family:Courier New,monospace;font-size:.78rem;letter-spacing:1px;color:rgba(255,224,204,.7)}.pf-legend span{display:inline-flex;align-items:center;gap:.45rem}.dot{width:12px;height:12px;border-radius:3px;display:inline-block}.dot-start{background:rgba(255,107,31,.7)}.dot-end{background:rgba(255,130,40,.9)}.dot-wall{background:linear-gradient(145deg,#6b2d1a,#3a160c)}.dot-visited{background:rgba(255,107,31,.5)}.dot-path{background:linear-gradient(145deg,#ffd34d,#ff9b2e)}@media (max-width:640px){.pf-legend{font-size:.68rem;gap:.8rem}}