*{box-sizing:border-box}body{margin:0;background:#070812;color:#f5f7ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}.app{max-width:760px;margin:auto;min-height:100vh;background:radial-gradient(circle at 50% -10%,#20285a 0,#0b0d1b 38%,#070812 75%);padding-bottom:76px}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#080a16dd;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;gap:10px;align-items:center}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#7c5cff,#15d9ff);box-shadow:0 0 22px #477cff55}.brand b{display:block;letter-spacing:1.5px}.brand small{color:#8d96b7;font-size:9px;letter-spacing:2px}.iconBtn,.back{border:1px solid #ffffff18;background:#ffffff0b;border-radius:12px;padding:9px 12px}.screen{display:none;padding:20px}.screen.active{display:block}.hero{padding:28px 4px 20px}.pill{font-size:11px;color:#8cecff;letter-spacing:1px}.hero h1{font-size:38px;line-height:1.05;margin:12px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#9c7cff,#25e4ff);color:transparent;background-clip:text}.hero p{color:#9ba4c5;margin:0}.ad{border:1px dashed #ffffff24;background:#ffffff05;color:#69728f;text-align:center;border-radius:14px;padding:12px;margin:12px 0 24px;font-size:10px;letter-spacing:1px}.ad small{letter-spacing:0}.games{display:grid;gap:12px}.gameCard{border:1px solid #ffffff12;background:linear-gradient(135deg,#15182b,#0e1020);border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:12px;box-shadow:0 10px 28px #0004;transition:.15s}.gameCard:active{transform:scale(.98)}.gameCard span{grid-row:1/3;font-size:38px;display:grid;place-items:center}.gameCard b{font-size:17px}.gameCard small{color:#8992b0;margin-top:3px}h2{margin:10px 0 14px}.gameTop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:12px}.gameTop h2{margin:0;text-align:center;font-size:18px}.gameTop #score{font-weight:800;color:#68e9ff}.panel{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:18px;color:#b9c0d8}.panel p{color:#8c95b2}.playArea{position:relative;width:100%;height:min(520px,68vh);min-height:360px;border:1px solid #ffffff16;border-radius:18px;overflow:hidden;background:#090c18}.center{position:absolute;inset:0;display:grid;place-items:center}.bigBtn{border:0;border-radius:14px;padding:13px 22px;background:linear-gradient(90deg,#7157ff,#17cfee);font-weight:800}.runnerPlayer{position:absolute;bottom:38px;left:18%;font-size:42px}.runnerObs{position:absolute;bottom:38px;font-size:34px}.ground{position:absolute;bottom:24px;left:0;right:0;border-top:2px solid #22d9ff55}.lane{position:absolute;top:0;bottom:0;width:33.33%;border-right:1px solid #ffffff08}.car{position:absolute;font-size:38px;bottom:28px;transition:left .12s}.food{position:absolute;font-size:24px}.snakeCell{position:absolute;width:18px;height:18px;border-radius:5px;background:#36e0a5}.snakeFood{position:absolute;font-size:20px}canvas{display:block;width:100%;height:100%;background:#090c18} .controls{display:flex;justify-content:center;gap:10px;margin-top:12px}.controls button{border:1px solid #ffffff18;background:#ffffff0a;border-radius:13px;width:58px;height:48px;font-size:20px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:70px;background:#090b16f2;border-top:1px solid #ffffff12;backdrop-filter:blur(14px);display:flex;justify-content:space-around;z-index:10}.navBtn{background:none;border:0;color:#747d9b;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:2px}.navBtn span{font-size:10px}.navBtn.active{color:#63e7ff}@media(min-width:600px){.games{grid-template-columns:1fr 1fr}.gameCard:last-child{grid-column:1/-1}}