*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:linear-gradient(180deg,#2a4a2a,#1a3018);overflow:hidden;font-family:Arial,sans-serif;user-select:none;-webkit-user-select:none}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:50px}#hud{width:100%;max-width:440px;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}#hud-moves{color:gold;font-size:17px}#hud-level{color:#aed581;font-size:14px}#maze-wrapper{position:relative;max-width:420px;width:94%;background:linear-gradient(180deg,#4a8c3f,#3d7a34,#356e2d);border-radius:18px;border:4px solid #2d5a24;box-shadow:0 6px 24px #00000059,inset 0 2px 8px #ffffff1a;padding:10px;display:flex;align-items:center;justify-content:center}#maze-wrapper:before{content:"";position:absolute;inset:0;border-radius:14px;background-image:radial-gradient(circle,rgba(100,180,60,.3) 1px,transparent 1px),radial-gradient(circle,rgba(80,150,50,.25) 1px,transparent 1px);background-size:18px 18px,24px 24px;background-position:0 0,9px 12px;pointer-events:none}#maze{display:grid;position:relative;z-index:1}.maze-cell{display:flex;align-items:center;justify-content:center;font-size:10px;position:relative}.maze-cell.wall{background:linear-gradient(135deg,#2d6b1e,#1f5215);border:1px solid #174010;box-shadow:inset 0 1px 3px #0006;font-size:1.3em;line-height:1;overflow:hidden}.maze-cell.wall:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(50,120,30,.6) 2px,transparent 2px),radial-gradient(circle,rgba(30,90,20,.4) 1.5px,transparent 1.5px);background-size:8px 8px,6px 6px;background-position:0 0,3px 4px}.maze-cell.path{background:linear-gradient(135deg,#c4a36e,#b8956a);border:1px solid #a88550;box-shadow:inset 0 1px 2px #00000026}.maze-cell.path:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(160,120,60,.3) 1px,transparent 1px);background-size:5px 5px;background-position:1px 1px}#dog-sprite{position:absolute;z-index:5;transition:left .18s ease,top .18s ease;pointer-events:none}#dog-sprite img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .15s ease}#dog-sprite.flipped img{transform:scaleX(-1)}#girl-sprite{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}#controls{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:60px 60px 60px;grid-template-rows:52px 52px;gap:6px;margin-top:12px;flex-shrink:0}.arrow-btn{width:60px;height:52px;background:linear-gradient(135deg,#3a6b2a,#2d5a20);border:2px solid #4a8c3f;border-radius:12px;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .15s;box-shadow:0 3px 8px #0000004d}.arrow-btn:active{transform:scale(.92);background:linear-gradient(135deg,#4a8c3f,#3a6b2a)}.btn-up{grid-area:up}.btn-down{grid-area:down}.btn-left{grid-area:left}.btn-right{grid-area:right}#status{color:#aaa;font-size:13px;text-align:center;padding:8px;min-height:30px;max-width:440px}#overlay,#win-overlay,#final-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-box{background:linear-gradient(135deg,#1a2e1a,#16301e);border:2px solid #ffd700;border-radius:22px;padding:30px 34px;text-align:center;color:#fff;max-width:380px;width:92%}.overlay-box .icon{font-size:3.2em;display:block;margin-bottom:8px}.dog-cool{position:relative;display:inline-block;margin-bottom:8px}.dog-cool img{width:150px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.dog-cool .glasses{position:absolute;font-size:2.8em;top:0%;left:74%;transform:translate(-50%) translateY(-80px);opacity:0;animation:glasses-drop .8s ease-in .5s forwards}@keyframes glasses-drop{0%{transform:translate(-50%) translateY(-80px);opacity:0}60%{transform:translate(-50%) translateY(2px);opacity:1}75%{transform:translate(-50%) translateY(-6px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}.overlay-box h1{color:gold;font-size:1.6em;margin-bottom:8px}.overlay-box p{color:#bbb;font-size:.92em;line-height:1.6;margin-bottom:18px}.play-btn{padding:13px 30px;background:linear-gradient(135deg,gold,#ffb300);color:#000;border:none;border-radius:12px;font-size:1.05em;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #ffd70059;transition:transform .1s}.play-btn:active{transform:scale(.96)}.made-by{color:#666;font-size:.75em;margin-top:14px}.home-btn{position:fixed;top:10px;left:10px;z-index:100;width:38px;height:38px;border-radius:50%;background:#00000080;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;line-height:1;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}