:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef8e6;background:#10231d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#285243 0,transparent 38%),radial-gradient(circle at 95% 85%,#1e4351 0,transparent 35%),#10231d}.shell{width:min(95vw,760px);margin:0 auto;padding:28px 16px 24px;text-align:center}.eyebrow{margin:0;color:#a8da6a;font-size:12px;font-weight:800;letter-spacing:.22em}h1{font-size:clamp(38px,6vw,58px);line-height:1;margin:6px 0 12px;color:#e4ffab;text-shadow:0 3px 24px #7be95155}.intro{margin:0 auto 19px;max-width:540px;line-height:1.4;color:#c2d6cd}.game{background:#1b302b;border:1px solid #426758;border-radius:22px;padding:17px;box-shadow:0 20px 70px #0006}.hud{display:flex;justify-content:space-between;gap:12px;max-width:486px;margin:0 auto 14px}.hud div{display:flex;align-items:center;gap:12px;background:#10231d;border:1px solid #416252;border-radius:10px;padding:8px 13px}.label{font-size:11px;letter-spacing:.12em;color:#a6c7ad;font-weight:800}.hud strong{font-size:20px;color:#f2ffdb}.board-wrap{display:flex;justify-content:center}.grid{--cell:min(10.2vw,51px);display:grid;grid-template-columns:repeat(9,var(--cell));grid-template-rows:repeat(9,var(--cell));gap:2px;background:#071914;padding:4px;border:3px solid #78bb74;border-radius:12px;box-shadow:0 8px 25px #0007}.grid div{position:relative;width:var(--cell);height:var(--cell);border-radius:4px;background:#52784c}.grid div:nth-child(n+10):nth-child(-n+18),.grid div:nth-child(n+37):nth-child(-n+45){background:#4e8058}.grid div:nth-child(n+19):nth-child(-n+36){background:#286a91}.grid div:nth-child(n+46):nth-child(-n+63){background:#464d50}.grid div:nth-child(n+64){background:#55834e}.grid div.ending-block{background:#d0645c;box-shadow:inset 0 0 0 4px #ffb5a4}.grid div.starting-block{background:#81b46a}.grid div.l1,.grid div.l2,.grid div.l3{background:linear-gradient(90deg,#8c5634,#b77842,#8c5634);box-shadow:inset 0 0 0 2px #6b3d2d}.grid div.c1{background:#38434c}.grid div.c1:before{content:'🚗';position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cell)*.68);line-height:1}.grid div.frog:after{content:'🐸';position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cell)*.7);line-height:1;z-index:2;filter:drop-shadow(0 2px 2px #0008)}.grid div.ending-block:before{content:'★';position:absolute;inset:0;display:grid;place-items:center;color:#fff0b5;font-size:calc(var(--cell)*.7)}.actions{display:flex;justify-content:center;gap:12px;margin:19px 0 5px}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:11px;background:#a5db73;color:#173020;font-weight:800;padding:11px 20px;box-shadow:0 4px 0 #5d9852}button:hover{background:#c6f397}button:active{transform:translateY(3px);box-shadow:0 1px 0 #5d9852}#restart-button{background:#d7e4d0;box-shadow:0 4px 0 #91a895}.help{color:#bdcfbd;font-size:14px;line-height:1.4;margin:18px 0 8px}.dpad{display:grid;justify-items:center;gap:5px}.dpad div{display:flex;gap:5px}.dpad button{width:48px;height:39px;padding:0;font-size:22px;background:#335f4b;color:#edffd6;box-shadow:0 3px 0 #244437}footer{font-size:12px;color:#8fa99b;margin:16px 0}footer a{color:#b9e991}@media(max-width:560px){.shell{padding:16px 4px}.game{padding:9px}.grid{--cell:min(9.7vw,44px);gap:1px;padding:2px}.hud{gap:5px}.hud div{padding:6px 8px;gap:5px}.label{font-size:9px}.hud strong{font-size:15px}}
.grid div.l1,.grid div.l2,.grid div.l3{background:linear-gradient(90deg,#8c5634,#b77842,#8c5634)!important;box-shadow:inset 0 0 0 2px #6b3d2d}